:root{--surface: oklch(.945 .028 230);--surface-raised: oklch(.975 .018 230);--surface-sunken: oklch(.915 .032 230);--surface-inset: oklch(.96 .022 230);--border: oklch(.88 .025 230);--border-strong: oklch(.8 .032 230);--text: oklch(.28 .03 235);--text-muted: oklch(.5 .025 235);--text-faint: oklch(.62 .022 235);--accent: oklch(.48 .13 230);--accent-hover: oklch(.42 .14 230);--accent-pressed: oklch(.37 .14 230);--accent-soft: oklch(.9 .05 230);--accent-soft-border: oklch(.78 .07 230);--on-accent: oklch(.99 .01 230);--warn: oklch(.72 .14 65);--warn-soft: oklch(.93 .05 65);--warn-border: oklch(.85 .07 65);--danger: oklch(.58 .16 25);--danger-soft: oklch(.93 .04 25);--danger-border: oklch(.85 .07 25);--ok: oklch(.62 .11 155);--ok-soft: oklch(.93 .035 155);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-9: 36px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 34px;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.5;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--shadow-sm: 0 1px 2px oklch(.3 .02 230 / .07);--shadow-md: 0 2px 4px oklch(.3 .02 230 / .06), 0 8px 16px oklch(.3 .02 230 / .07);--shadow-lg: 0 4px 8px oklch(.3 .02 230 / .07), 0 16px 40px oklch(.3 .02 230 / .11);--ring: 0 0 0 3px oklch(.48 .13 230 / .35);--rail-w: 248px;--content-max: 1080px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100dvh}h1,h2,h3,h4{line-height:var(--lh-tight);font-weight:var(--fw-semibold)}h1{font-size:var(--fs-2xl);letter-spacing:-.01em}h2{font-size:var(--fs-xl);letter-spacing:-.01em}h3{font-size:var(--fs-md)}p{line-height:var(--lh-normal)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);width:100%;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:var(--text-faint)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:#2a92bb2e}ul,ol{padding-left:var(--sp-5)}hr{border:none;border-top:1px solid var(--border)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}[data-motion=none] *,[data-motion=none] *:before,[data-motion=none] *:after{animation:none!important;transition:none!important}[data-motion=reduced] *{animation-duration:.12s!important;transition-duration:.12s!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{display:grid;grid-template-columns:var(--rail-w) 1fr;min-height:100dvh}.rail{position:sticky;top:0;align-self:start;height:100dvh;display:flex;flex-direction:column;padding:var(--sp-5) var(--sp-4);gap:var(--sp-2);background:var(--surface-raised);border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-5)}.brand__mark{width:32px;height:32px;border-radius:var(--r-md);background:linear-gradient(150deg,#008cb9,#00759b,#005d7e);background:linear-gradient(150deg,color(xyz 0.181 0.224 0.522),color(xyz 0.121 0.151 0.395),color(xyz 0.077 0.095 0.29));display:grid;place-items:center;color:var(--on-accent);font-weight:var(--fw-bold);font-size:var(--fs-md)}.brand__name{font-weight:var(--fw-semibold);font-size:var(--fs-lg);letter-spacing:-.02em}.rail__add{margin:0 var(--sp-1) var(--sp-4)}.nav{display:flex;flex-direction:column;gap:2px}.nav__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);color:var(--text-muted);font-size:var(--fs-base);font-weight:var(--fw-medium);transition:background .15s ease,color .15s ease;text-align:left;width:100%}.nav__item:hover{background:var(--surface-sunken);color:var(--text)}.nav__item[aria-current=page]{background:var(--accent-soft);color:var(--accent-hover)}.nav__item svg{flex:none;opacity:.9}.rail__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--border)}.rail__keystate{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);padding:0 var(--sp-2)}.rail__hint{font-size:var(--fs-xs);color:var(--text-faint);padding:0 var(--sp-2);line-height:var(--lh-normal)}.rail__dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}.rail__dot.is-off{background:var(--text-faint)}.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);background:#dbf1fcd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar__title{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.topbar__sub{font-size:var(--fs-sm);color:var(--text-muted)}.topbar__spacer{flex:1}.topbar__btn{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;color:var(--text-muted);border:1px solid var(--border);background:var(--surface-raised);transition:background .15s ease,color .15s ease}.topbar__btn:hover{background:var(--surface-sunken);color:var(--text)}.page{padding:var(--sp-6) var(--sp-6) var(--sp-16);max-width:var(--content-max)}.page__head{margin-bottom:var(--sp-6)}.page__head h1{font-size:var(--fs-2xl)}.page__eyebrow{color:var(--accent-hover);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.02em;text-transform:uppercase}.page__lead{color:var(--text-muted);margin-top:0;max-width:62ch;font-size:var(--fs-md);line-height:var(--lh-snug)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);font-weight:var(--fw-semibold);font-size:var(--fs-base);line-height:1;min-height:44px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .08s ease;white-space:nowrap}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover{background:var(--accent-hover)}.btn--secondary{background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--text);box-shadow:var(--shadow-sm)}.btn--secondary:hover{background:var(--surface-sunken);border-color:var(--accent-soft-border)}.btn--secondary:active{box-shadow:none}.btn--ghost{color:var(--text-muted)}.btn--ghost:hover{background:var(--surface-sunken);color:var(--text)}.btn--danger{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger)}.btn--danger:hover{background:var(--danger);color:var(--on-accent);border-color:var(--danger)}.btn--block{width:100%}.btn--sm{min-height:36px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-medium);background:var(--surface-inset);color:var(--text-muted);border:1px solid transparent}.chip--loc{background:var(--surface-raised);border-color:var(--border)}.chip--filter{background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--text-muted);min-height:36px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm)}.chip--filter:hover{background:var(--surface-sunken)}.chip--filter[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-soft-border);color:var(--accent-hover)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.badge--ok{background:var(--ok-soft);color:var(--ok)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--muted{background:var(--surface-inset);color:var(--text-muted)}.ts{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.ts--muted{color:var(--text-muted)}.ts--warn{color:var(--warn)}.ts--danger{color:var(--danger)}.ts svg{flex:none}.tiptip{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-4);align-items:center;background:var(--accent-soft);border:1px solid var(--accent-soft-border);border-left:3px solid var(--accent);border-radius:var(--r-lg);padding:var(--sp-5)}.tiptip__icon{width:40px;height:40px;border-radius:var(--r-md);background:var(--surface-raised);display:grid;place-items:center;color:var(--accent)}.tiptip__title{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.tiptip__text{color:var(--text);font-size:var(--fs-sm);margin-top:2px}.panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.panel__head h2{font-size:var(--fs-md)}.panel__head .hint{font-size:var(--fs-sm);color:var(--text-muted)}.panel__body{padding:var(--sp-4) var(--sp-5)}.panel__foot{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--sp-3)}.list{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);transition:background .15s ease}.row:last-child{border-bottom:none}.row:hover{background:var(--surface-sunken)}.row__main{min-width:0}.row__name{font-weight:var(--fw-semibold);font-size:var(--fs-md);display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.row__meta{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap}.row__meta span{display:inline-flex;align-items:center;gap:var(--sp-1)}.row__side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1)}.row__qty{font-weight:var(--fw-semibold)}.row__estimate{font-size:var(--fs-xs);color:var(--text-muted)}.row__estimate--is-warn{color:var(--warn);font-weight:var(--fw-semibold)}.row__estimate--is-danger{color:var(--danger);font-weight:var(--fw-semibold)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.stat{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5)}.stat__num{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em}.stat__num.is-warn{color:var(--warn)}.stat__num.is-danger{color:var(--danger)}.stat__label{font-size:var(--fs-base);color:var(--text-muted);margin-top:var(--sp-2);font-weight:var(--fw-medium)}.tripcard{background:var(--accent-soft);border:1px solid var(--accent-soft-border);border-radius:var(--r-lg);padding:var(--sp-6);display:grid;grid-template-columns:1fr auto;gap:var(--sp-6);align-items:center}.tripcard__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.tripcard__sub{color:var(--text-muted);margin-top:var(--sp-2)}.tripcard__items{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}.fab{position:fixed;right:var(--sp-6);bottom:var(--sp-6);z-index:40;height:56px;border-radius:var(--r-pill);padding:0 var(--sp-6);background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-lg);display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:var(--fw-semibold);transition:background .15s ease,transform .15s cubic-bezier(.2,.8,.2,1)}.fab:hover{background:var(--accent-hover);transform:translateY(-1px)}.fab:active{transform:scale(.97)}.fab__pulse{width:9px;height:9px;border-radius:50%;background:var(--on-accent);box-shadow:0 0 #f8fdff99;box-shadow:0 0 oklch(.99 .008 230 / .6);animation:pulse 2.4s cubic-bezier(.2,.8,.2,1) infinite}@keyframes pulse{0%{box-shadow:0 0 #f8fdff80;box-shadow:0 0 oklch(.99 .008 230 / .5)}70%{box-shadow:0 0 0 10px #f8fdff00;box-shadow:0 0 0 10px oklch(.99 .008 230 / 0)}to{box-shadow:0 0 #f8fdff00;box-shadow:0 0 oklch(.99 .008 230 / 0)}}.scrim{position:fixed;inset:0;z-index:50;background:#0c181d52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.assistant{position:fixed;z-index:51;right:var(--sp-6);bottom:var(--sp-6);width:min(420px,calc(100vw - var(--sp-8)));max-height:min(680px,calc(100dvh - var(--sp-16)));background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:pop .22s cubic-bezier(.2,.8,.2,1)}@keyframes pop{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.assistant__head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5);border-bottom:1px solid var(--border)}.assistant__avatar{width:36px;height:36px;border-radius:var(--r-md);background:linear-gradient(150deg,#008cb9,#00759b,#005d7e);background:linear-gradient(150deg,color(xyz 0.181 0.224 0.522),color(xyz 0.121 0.151 0.395),color(xyz 0.077 0.095 0.29));display:grid;place-items:center;color:var(--on-accent)}.assistant__title{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.assistant__status{font-size:var(--fs-xs);color:var(--ok);display:flex;align-items:center;gap:var(--sp-1)}.assistant__close{margin-left:auto;width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center;color:var(--text-muted)}.assistant__close:hover{background:var(--surface-sunken);color:var(--text)}.assistant__body{padding:var(--sp-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-4)}.assistant__msg{font-size:var(--fs-base);line-height:var(--lh-normal)}.assistant__msg strong{font-weight:var(--fw-semibold)}.assistant__actions{display:flex;flex-direction:column;gap:var(--sp-2)}.assistant__action{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);text-align:left;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text);transition:background .15s ease,border-color .15s ease}.assistant__action:hover{background:var(--accent-soft);border-color:var(--accent-soft-border)}.assistant__action svg{color:var(--accent);flex:none}.assistant__proposal{background:var(--accent-soft);border:1px solid var(--accent-soft-border);border-radius:var(--r-md);padding:var(--sp-4)}.assistant__proposal h4{font-size:var(--fs-sm);margin-bottom:var(--sp-2)}.assistant__proposal ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.assistant__proposal li{font-size:var(--fs-sm);display:flex;justify-content:space-between;gap:var(--sp-3)}.assistant__proposal .why{color:var(--text-muted)}.assistant__foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);display:flex;gap:var(--sp-3)}.assistant__keystate{padding:var(--sp-5);text-align:center;color:var(--text-muted);font-size:var(--fs-sm)}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-lg);padding:var(--sp-12) var(--sp-6);text-align:center;background:var(--surface-raised);transition:border-color .15s ease,background .15s ease}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone__icon{width:56px;height:56px;border-radius:var(--r-lg);margin:0 auto var(--sp-4);background:var(--accent-soft);display:grid;place-items:center;color:var(--accent)}.dropzone__title{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.dropzone__hint{color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--sp-2)}.receipt-meta{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}.parsed-row{display:grid;grid-template-columns:1fr 90px 110px;gap:var(--sp-3);align-items:center;padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.parsed-row input{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm)}.trip{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--surface-raised)}.trip__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.trip__store{font-weight:var(--fw-semibold);display:flex;align-items:center;gap:var(--sp-3)}.trip__total{color:var(--text-muted);font-size:var(--fs-sm)}.trip__items{display:flex;flex-direction:column}.plan-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-4);align-items:center;padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--border)}.plan-item:last-child{border-bottom:none}.plan-item__check{width:20px;height:20px}.plan-item__main{min-width:0}.plan-item__name{font-weight:var(--fw-medium)}.plan-item__why{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.plan-item__price{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.plan-item.is-done{opacity:.45}.plan-item.is-done .plan-item__name{text-decoration:line-through}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;font-weight:var(--fw-medium);color:var(--text-muted);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.02em}.table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-sunken)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.month-sep td{background:var(--surface-sunken);font-weight:var(--fw-semibold);color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.02em}.settings-group{display:flex;flex-direction:column}.setting{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.setting:last-child{border-bottom:none}.setting__main{min-width:0}.setting__title{font-weight:var(--fw-medium)}.setting__desc{font-size:var(--fs-sm);color:var(--text-muted);margin-top:2px}.key-input{display:flex;gap:var(--sp-2);max-width:360px;width:100%}.motion-scale{display:flex;gap:var(--sp-1);background:var(--surface-inset);border-radius:var(--r-pill);padding:var(--sp-1)}.motion-scale button{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted)}.motion-scale button[aria-pressed=true]{background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-sm)}.empty{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--text-muted)}.empty__icon{width:48px;height:48px;margin:0 auto var(--sp-4);color:var(--text-faint)}.empty__title{font-weight:var(--fw-semibold);color:var(--text);font-size:var(--fs-md)}.empty__desc{font-size:var(--fs-sm);margin-top:var(--sp-2);max-width:44ch;margin-inline:auto}.skeleton{background:var(--surface-inset);border-radius:var(--r-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,oklch(.99 .008 230 / .6),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section{margin-top:var(--sp-8)}.section+.section{margin-top:var(--sp-9)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}.section__head h2{font-size:var(--fs-lg)}.section__head .link{font-size:var(--fs-sm)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}.bottombar{display:none}@media(max-width:1023px){.app{grid-template-columns:1fr}.rail{display:none}.bottombar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#edf9ffeb;background:oklch(.975 .018 230 / .92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + env(safe-area-inset-bottom));justify-content:space-around}.bottombar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-2);color:var(--text-faint);font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:var(--r-md);min-height:48px}.bottombar__item[aria-current=page]{color:var(--accent-hover)}.page{padding:var(--sp-5) var(--sp-4) calc(var(--sp-16) + env(safe-area-inset-bottom))}.stats{grid-template-columns:repeat(2,1fr)}.tripcard,.grid-2{grid-template-columns:1fr}.fab{right:var(--sp-4);bottom:calc(72px + env(safe-area-inset-bottom))}.assistant{right:var(--sp-3);left:var(--sp-3);bottom:calc(72px + env(safe-area-inset-bottom));width:auto}}@media(max-width:480px){.page{padding:var(--sp-4) var(--sp-3) calc(var(--sp-16) + env(safe-area-inset-bottom))}.topbar{padding:var(--sp-3) var(--sp-4)}.parsed-row{grid-template-columns:1fr;gap:var(--sp-2)}.fab span:not(.fab__pulse){display:none}.fab{padding:0 var(--sp-5)}}.row__updated{font-size:var(--fs-xs);color:var(--text-faint);display:inline-flex;align-items:center;gap:var(--sp-1);margin-top:var(--sp-1)}.row__updated svg{flex:none}.usage{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5)}.usage__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.usage__title{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.usage__sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:2px}.usage__count{font-weight:var(--fw-bold);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;color:var(--text)}.usage__count.is-warn{color:var(--warn)}.usage__count.is-danger{color:var(--danger)}.usage__bar{height:8px;border-radius:var(--r-pill);background:var(--surface-inset);overflow:hidden}.usage__fill{height:100%;border-radius:var(--r-pill);background:var(--accent);transition:width .3s ease}.usage__fill.is-warn{background:var(--warn)}.usage__fill.is-danger{background:var(--danger)}.usage__note{font-size:var(--fs-sm);color:var(--text-muted)}.usage__note.is-warn{color:var(--warn);font-weight:var(--fw-medium)}.usage__note.is-danger{color:var(--danger);font-weight:var(--fw-medium)}.rail__usage{display:flex;flex-direction:column;gap:var(--sp-2);padding:0 var(--sp-2)}.rail__usage-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-sm)}.rail__usage-label{color:var(--text-muted)}.rail__usage-count{font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;color:var(--text)}.rail__usage-count.is-warn{color:var(--warn)}.rail__usage-count.is-danger{color:var(--danger)}.rail__usage-note{font-size:var(--fs-xs)}.rail__usage-note.is-warn{color:var(--warn)}.rail__usage-note.is-danger{color:var(--danger)}.rail__mini-bar{height:5px;border-radius:var(--r-pill);background:var(--surface-inset);overflow:hidden}.rail__mini-fill{height:100%;border-radius:var(--r-pill);background:var(--accent);transition:width .3s ease}.rail__mini-fill.is-warn{background:var(--warn)}.rail__mini-fill.is-danger{background:var(--danger)}.rail__dot.is-warn{background:var(--warn)}