:root{--surface:oklch(94.5% .028 230);--surface-raised:oklch(97.5% .018 230);--surface-sunken:oklch(91.5% .032 230);--surface-inset:oklch(96% .022 230);--border:oklch(88% .025 230);--border-strong:oklch(80% .032 230);--text:oklch(28% .03 235);--text-muted:oklch(50% .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(90% .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(30% .02 230/.07);--shadow-md:0 2px 4px oklch(30% .02 230/.06), 0 8px 16px oklch(30% .02 230/.07);--shadow-lg:0 4px 8px oklch(30% .02 230/.07), 0 16px 40px oklch(30% .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:0 0;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,box-shadow .15s}input::placeholder{color:var(--text-faint)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:oklch(62% .11 230/.18)}ul,ol{padding-left:var(--sp-5)}hr{border:none;border-top:1px solid var(--border)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}[data-motion=none] *,[data-motion=none] :before,[data-motion=none] :after{transition:none!important;animation:none!important}[data-motion=reduced] *{transition-duration:.12s!important;animation-duration:.12s!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{grid-template-columns:var(--rail-w) 1fr;min-height:100dvh;display:grid}.rail{height:100dvh;padding:var(--sp-5) var(--sp-4);align-self:start;gap:var(--sp-2);background:var(--surface-raised);border-right:1px solid var(--border);flex-direction:column;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-5);display:flex}.brand__mark{border-radius:var(--r-md);width:32px;height:32px;color:var(--on-accent);font-weight:var(--fw-bold);font-size:var(--fs-md);background:linear-gradient(150deg,oklch(60% .13 230),oklch(45% .14 230));place-items:center;display:grid}.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{flex-direction:column;gap:2px;display:flex}.nav__item{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);text-align:left;width:100%;transition:background .15s,color .15s;display:flex}.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{opacity:.9;flex:none}.rail__foot{gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--border);flex-direction:column;margin-top:auto;display:flex}.rail__keystate{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);padding:0 var(--sp-2);display:flex}.rail__hint{font-size:var(--fs-xs);color:var(--text-faint);padding:0 var(--sp-2);line-height:var(--lh-normal)}.rail__dot{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px}.rail__dot.is-off{background:var(--text-faint)}.main{min-width:0}.topbar{z-index:20;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:oklch(94.5% .028 230/.82);display:flex;position:sticky;top:0}.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{border-radius:var(--r-md);width:40px;height:40px;color:var(--text-muted);border:1px solid var(--border);background:var(--surface-raised);place-items:center;transition:background .15s,color .15s;display:grid}.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);max-width:62ch;font-size:var(--fs-md);line-height:var(--lh-snug);margin-top:0}.btn{justify-content:center;align-items: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);white-space:nowrap;min-height:44px;line-height:1;transition:background .15s,border-color .15s,color .15s,transform 80ms;display:inline-flex}.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{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 #0000;display:inline-flex}.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{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);display:inline-flex}.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{align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);font-weight:var(--fw-medium);display:inline-flex}.ts--muted{color:var(--text-muted)}.ts--warn{color:var(--warn)}.ts--danger{color:var(--danger)}.ts svg{flex:none}.tiptip{gap:var(--sp-4);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);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.tiptip__icon{border-radius:var(--r-md);background:var(--surface-raised);width:40px;height:40px;color:var(--accent);place-items:center;display:grid}.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{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex}.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);justify-content:flex-end;gap:var(--sp-3);display:flex}.list{flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);grid-template-columns:1fr auto;transition:background .15s;display:grid}.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);align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.row__meta{align-items:center;gap:var(--sp-4);margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.row__meta span{align-items:center;gap:var(--sp-1);display:inline-flex}.row__side{text-align:right;align-items:flex-end;gap:var(--sp-1);flex-direction:column;display:flex}.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{gap:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}.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);gap:var(--sp-6);grid-template-columns:1fr auto;align-items:center;display:grid}.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{gap:var(--sp-2);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.fab{right:var(--sp-6);bottom:var(--sp-6);z-index:40;border-radius:var(--r-pill);height:56px;padding:0 var(--sp-6);background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-lg);align-items:center;gap:var(--sp-2);font-weight:var(--fw-semibold);transition:background .15s,transform .15s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:fixed}.fab:hover{background:var(--accent-hover);transform:translateY(-1px)}.fab:active{transform:scale(.97)}.fab__pulse{background:var(--on-accent);border-radius:50%;width:9px;height:9px;animation:2.4s cubic-bezier(.2,.8,.2,1) infinite pulse;box-shadow:0 0 oklch(99% .008 230/.6)}@keyframes pulse{0%{box-shadow:0 0 oklch(99% .008 230/.5)}70%{box-shadow:0 0 0 10px oklch(99% .008 230/0)}to{box-shadow:0 0 oklch(99% .008 230/0)}}.scrim{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:oklch(20% .02 230/.32);animation:.2s fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.assistant{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);transform-origin:100% 100%;flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) pop;display:flex;position:fixed;overflow:hidden}@keyframes pop{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.assistant__head{align-items:center;gap:var(--sp-3);padding:var(--sp-5);border-bottom:1px solid var(--border);display:flex}.assistant__avatar{border-radius:var(--r-md);width:36px;height:36px;color:var(--on-accent);background:linear-gradient(150deg,oklch(60% .13 230),oklch(45% .14 230));place-items:center;display:grid}.assistant__title{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.assistant__status{font-size:var(--fs-xs);color:var(--ok);align-items:center;gap:var(--sp-1);display:flex}.assistant__close{border-radius:var(--r-md);width:36px;height:36px;color:var(--text-muted);place-items:center;margin-left:auto;display:grid}.assistant__close:hover{background:var(--surface-sunken);color:var(--text)}.assistant__body{padding:var(--sp-5);gap:var(--sp-4);flex-direction:column;display:flex;overflow-y:auto}.assistant__msg{font-size:var(--fs-base);line-height:var(--lh-normal)}.assistant__msg strong{font-weight:var(--fw-semibold)}.assistant__actions{gap:var(--sp-2);flex-direction:column;display:flex}.assistant__action{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,border-color .15s;display:flex}.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{gap:var(--sp-2);flex-direction:column;padding:0;list-style:none;display:flex}.assistant__proposal li{font-size:var(--fs-sm);justify-content:space-between;gap:var(--sp-3);display:flex}.assistant__proposal .why{color:var(--text-muted)}.assistant__foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);gap:var(--sp-3);display:flex}.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,background .15s}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone__icon{border-radius:var(--r-lg);width:56px;height:56px;margin:0 auto var(--sp-4);background:var(--accent-soft);color:var(--accent);place-items:center;display:grid}.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{gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.parsed-row{gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);grid-template-columns:1fr 90px 110px;align-items:center;display:grid}.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);background:var(--surface-raised);overflow:hidden}.trip__head{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex}.trip__store{font-weight:var(--fw-semibold);align-items:center;gap:var(--sp-3);display:flex}.trip__total{color:var(--text-muted);font-size:var(--fs-sm)}.trip__items{flex-direction:column;display:flex}.plan-item{gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.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{border-collapse:collapse;width:100%;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{flex-direction:column;display:flex}.setting{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex}.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{gap:var(--sp-2);width:100%;max-width:360px;display:flex}.motion-scale{gap:var(--sp-1);background:var(--surface-inset);border-radius:var(--r-pill);padding:var(--sp-1);display:flex}.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:"";background:linear-gradient(90deg,#0000,oklch(99% .008 230/.6),#0000);animation:1.4s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section{margin-top:var(--sp-8)}.section+.section{margin-top:var(--sp-9)}.section__head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.section__head h2{font-size:var(--fs-lg)}.section__head .link{font-size:var(--fs-sm)}.grid-2{gap:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}.bottombar{display:none}@media (width<=1023px){.app{grid-template-columns:1fr}.rail{display:none}.bottombar{z-index:30;-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));background:oklch(97.5% .018 230/.92);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottombar__item{padding:var(--sp-2);color:var(--text-faint);font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:var(--r-md);flex-direction:column;flex:1;align-items:center;gap:2px;min-height:48px;display:flex}.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 (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{gap:var(--sp-2);grid-template-columns:1fr}.fab span:not(.fab__pulse){display:none}.fab{padding:0 var(--sp-5)}}.row__updated{font-size:var(--fs-xs);color:var(--text-faint);align-items:center;gap:var(--sp-1);margin-top:var(--sp-1);display:inline-flex}.row__updated svg{flex:none}.usage{gap:var(--sp-3);padding:var(--sp-5);flex-direction:column;display:flex}.usage__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);display:flex}.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{border-radius:var(--r-pill);background:var(--surface-inset);height:8px;overflow:hidden}.usage__fill{border-radius:var(--r-pill);background:var(--accent);height:100%;transition:width .3s}.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__user{align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-bottom:1px solid var(--border);margin-bottom:var(--sp-2);display:flex}.rail__avatar{border-radius:var(--r-pill);object-fit:cover;flex:none;width:36px;height:36px}.rail__avatar--initials{background:var(--accent);color:var(--on-accent);font-weight:var(--fw-semibold);font-size:var(--fs-sm);place-items:center;display:grid}.rail__user-info{flex:1;min-width:0}.rail__user-name{font-weight:var(--fw-medium);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rail__logout{font-size:var(--fs-xs);color:var(--text-faint);font-weight:var(--fw-medium);padding:0}.rail__logout:hover{color:var(--danger)}.login{min-height:100dvh;padding:var(--sp-6);background:var(--surface);place-items:center;display:grid}.login__card{align-items:center;gap:var(--sp-4);text-align:center;width:100%;max-width:320px;padding:var(--sp-10) var(--sp-6);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.login__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em}.login__desc{color:var(--text-muted);font-size:var(--fs-md);line-height:var(--lh-snug)}.login__btn{margin-top:var(--sp-2)}.rail__usage{gap:var(--sp-2);padding:0 var(--sp-2);flex-direction:column;display:flex}.rail__usage-row{font-size:var(--fs-sm);justify-content:space-between;align-items:center;display:flex}.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{border-radius:var(--r-pill);background:var(--surface-inset);height:5px;overflow:hidden}.rail__mini-fill{border-radius:var(--r-pill);background:var(--accent);height:100%;transition:width .3s}.rail__mini-fill.is-warn{background:var(--warn)}.rail__mini-fill.is-danger{background:var(--danger)}.rail__dot.is-warn{background:var(--warn)}