@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--canvas: #fbfcfd;--surface: #ffffff;--lavender: #edecfb;--night: #171721;--night-raised: #1e1e2a;--ink: #28253b;--ink-2: #554e7b;--muted: #70707d;--fog: #c3c3cc;--hairline: rgba(40, 37, 59, .1);--primary: #5266eb;--on-primary: #ffffff;--tint: rgba(82, 102, 235, .1);--tint-strong: rgba(82, 102, 235, .18);--chart: #5266eb;--chart-track: #edecfb;--grid: #e6e5ef;--danger: #c23a3a;--bar-bg: var(--night);--bar-ink: #ededf3;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 40px;--spring: cubic-bezier(.34, 1.56, .64, 1);--glide: cubic-bezier(.16, 1, .3, 1);--income: #13966a;--income-text: #0b7a55;--up-text: #b4441f;--skeleton-hi: #f6f5fd;--font: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--canvas: #171721;--surface: #1e1e2a;--lavender: #262636;--ink: #ededf3;--ink-2: #c3c3cc;--muted: #8d8d9a;--fog: #4a4a5a;--hairline: rgba(237, 237, 243, .1);--tint: rgba(156, 180, 232, .16);--tint-strong: rgba(156, 180, 232, .26);--chart: #6b7cf0;--chart-track: #2a2a3b;--grid: #2c2c3c;--danger: #ef7a7a;--bar-bg: #111119;--income: #199e70;--income-text: #4fd3a0;--up-text: #f08a66;--skeleton-hi: #30304a}}*{box-sizing:border-box}html,body{margin:0}html,body{overscroll-behavior:none}body{background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:16px;font-weight:400;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}.topbar{position:sticky;top:0;z-index:20;background:var(--bar-bg);color:var(--bar-ink);padding:calc(env(safe-area-inset-top) + 12px) 16px 12px}.topbar-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:16px}.brand{font-size:18px;font-weight:480;letter-spacing:.2px;white-space:nowrap;flex:none}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;vertical-align:-7px;border-radius:8px;background:var(--primary)}.topnav{display:flex;gap:4px;margin-left:24px}.topnav button,.user-btn{height:36px;padding:0 16px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--bar-ink);font-weight:420;cursor:pointer}.topnav button[aria-current=page]{background:#afb2ce33}.user-btn{margin-left:auto;color:#c3c3cc;font-size:14px;min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{max-width:960px;margin:0 auto;padding:24px 16px calc(env(safe-area-inset-bottom) + 96px)}.tabbar{display:none}@media(max-width:767px){.topnav{display:none}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--bar-bg);padding:8px 16px calc(env(safe-area-inset-bottom) + 8px);gap:8px}.tabbar button{flex:1;height:48px;border:0;border-radius:var(--r-md);background:transparent;color:#c3c3cc;font-size:13px;font-weight:420;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}.tabbar button[aria-current=page]{color:var(--bar-ink);background:#afb2ce29}.tabbar svg{width:22px;height:22px}}h1{font-size:28px;font-weight:480;letter-spacing:.3px;line-height:1.2;margin:0}h2{font-size:18px;font-weight:480;letter-spacing:.2px;margin:0 0 16px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-2)}.muted{color:var(--muted)}.small{font-size:14px}.num{font-variant-numeric:tabular-nums}.pill{height:36px;padding:0 16px;border:0;border-radius:var(--r-pill);background:var(--tint);color:var(--ink);font-size:14px;font-weight:420;cursor:pointer;white-space:nowrap}.pill:hover{background:var(--tint-strong)}.pill[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.btn-primary{height:44px;padding:0 24px;border:0;border-radius:32px;background:var(--primary);color:var(--on-primary);font-weight:420;cursor:pointer}.btn-ghost{height:40px;padding:0 16px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink-2);cursor:pointer}.btn-ghost:hover{background:var(--tint)}.field{height:44px;width:100%;padding:0 16px;border:1px solid var(--hairline);border-radius:var(--r-pill);background:var(--surface);color:var(--ink)}.field:focus,.pill:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card{background:var(--surface);border-radius:var(--r-md);padding:24px}.card+.card,.grid+.card,.card+.grid{margin-top:16px}.grid>.card,.grid>.grid{margin-top:0}.grid{display:grid;gap:16px}@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}@media(max-width:480px){.card{padding:20px 16px}}.page-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:16px}.periods{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:8px;scrollbar-width:none}.periods::-webkit-scrollbar{display:none}.custom-range{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 0}.custom-range .field{width:auto;flex:1 1 140px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.kpi{background:var(--lavender);border-radius:var(--r-md);padding:20px;min-width:0}.kpi-value{font-size:28px;font-weight:480;letter-spacing:.2px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-sub{font-size:13px;color:var(--ink-2);margin-top:4px}.kpi.kpi-main{grid-column:span 1}@media(max-width:640px){.kpis{grid-template-columns:1fr 1fr}.kpi.kpi-main{grid-column:span 2}.kpi.kpi-main .kpi-value{font-size:40px}.kpi:not(.hero){padding:16px}.kpi:not(.hero) .kpi-value{font-size:20px;white-space:normal;overflow-wrap:anywhere}}.note{margin-top:12px;font-size:14px;color:var(--ink-2)}.chart-wrap{position:relative}.chart-svg{display:block;width:100%;height:200px;overflow:visible}.chart-svg .grid-line{stroke:var(--grid);stroke-width:1}.chart-svg .axis-text{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.chart-svg .bar{fill:var(--chart)}.chart-svg .bar.dim{opacity:.45}.chart-svg .hit{fill:transparent;cursor:pointer}.tooltip{position:absolute;pointer-events:none;transform:translate(-50%,-100%);background:var(--night);color:#ededf3;border-radius:var(--r-sm);padding:8px 12px;font-size:13px;white-space:nowrap;box-shadow:0 4px 16px #1717212e}.tooltip b{font-weight:500}.chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.chart-head h2{margin:0}.bars{list-style:none;margin:0;padding:0;display:grid;gap:14px}.bar-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:baseline}.bar-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-value{font-variant-numeric:tabular-nums;white-space:nowrap}.bar-value .muted{margin-left:8px;font-size:13px}.bar-track{grid-column:1 / -1;height:6px;border-radius:4px;background:var(--chart-track);overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:var(--chart)}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th{text-align:left;font-size:12px;font-weight:500;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2);padding:8px 0}table.data td{padding:8px 0;border-top:1px solid var(--hairline)}table.data td:last-child,table.data th:last-child{text-align:right}.empty{text-align:center;padding:48px 16px;color:var(--ink-2)}.search{position:relative;margin-bottom:16px}.search .field{padding-left:44px}.search svg{position:absolute;left:16px;top:12px;width:20px;height:20px;color:var(--muted)}.day-group+.day-group{margin-top:24px}.day-head{display:flex;justify-content:space-between;padding:0 4px 8px}.ops{list-style:none;margin:0;padding:0;background:var(--surface);border-radius:var(--r-md);overflow:hidden}.op{width:100%;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px 16px;border:0;background:transparent;text-align:left;cursor:pointer}.op:hover{background:var(--tint)}.ops li+li .op{border-top:1px solid var(--hairline)}.op-icon{width:40px;height:40px;border-radius:50%;background:var(--lavender);display:grid;place-items:center;font-size:18px}.op-main{min-width:0}.op-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-sub{font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:420}.op.excluded .op-title,.op.excluded .op-amount{color:var(--muted)}.op.excluded .op-amount{text-decoration:line-through}.more{display:flex;justify-content:center;margin-top:16px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#17172180;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease-out}.sheet{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:var(--canvas);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:8px 16px calc(env(safe-area-inset-bottom) + 24px);animation:sheet-in .5s var(--spring);transition:transform .35s var(--glide)}.sheet.dragging{transition:none}.sheet-drag{padding:4px 0 8px;margin:-8px -16px 0;touch-action:none;cursor:grab}@media(min-width:768px){.backdrop{align-items:center}.sheet{border-radius:var(--r-lg);padding:16px 24px 24px}.sheet-grip{display:none}}.sheet-grip{width:36px;height:4px;border-radius:2px;background:var(--fog);margin:4px auto 12px}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sheet-amount{font-size:36px;font-weight:480;letter-spacing:.2px;margin:8px 0 4px;font-variant-numeric:tabular-nums}.sheet section{margin-top:24px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.cat-btn{display:flex;gap:8px;align-items:center;min-height:44px;padding:8px 12px;border:0;border-radius:var(--r-sm);background:var(--surface);text-align:left;cursor:pointer;font-size:14px}.cat-btn:hover{background:var(--tint)}.cat-btn[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--surface);border-radius:var(--r-md);padding:14px 16px;cursor:pointer}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:26px;border-radius:13px;background:var(--fog);position:relative;cursor:pointer;flex:none;margin:0;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.switch:checked{background:var(--primary)}.switch:checked:after{transform:translate(18px)}.group{background:var(--surface);border-radius:var(--r-md);padding:16px}.group+.group{margin-top:8px}.group-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.group ul{list-style:none;margin:8px 0 0;padding:0;font-size:14px}.group li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;color:var(--ink-2)}.group select{height:36px;border-radius:var(--r-pill);border:0;background:var(--tint);padding:0 12px;font-size:14px;max-width:55%}.toast{animation:toast-in .55s cubic-bezier(.18,1.25,.4,1) both;position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 96px);transform:translate(-50%);z-index:50;max-width:calc(100vw - 32px);background:var(--night);color:#ededf3;border-radius:var(--r-md);padding:12px 16px;font-size:14px;box-shadow:0 8px 24px #17172140}.error{color:var(--danger)}.login{max-width:420px;margin:12vh auto 0;text-align:center}.login .brand-mark{width:56px;height:56px;border-radius:16px;margin:0 auto 24px;display:grid}.login p{color:var(--ink-2)}.login code{background:var(--tint);border-radius:6px;padding:2px 6px}.skeleton{border-radius:var(--r-md);min-height:120px;background:linear-gradient(90deg,var(--lavender) 0%,var(--skeleton-hi) 20%,var(--lavender) 40%);background-size:280% 100%;animation:shimmer 1.5s linear infinite}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(14px);opacity:0}}@keyframes sheet-in{0%{transform:translateY(40%);opacity:.4}}@keyframes toast-in{0%{transform:translate(-50%,140%) scale(.9);opacity:0}}@keyframes shimmer{0%{background-position:140% 0}to{background-position:-140% 0}}@keyframes grow-y{0%{transform:scaleY(0)}}@keyframes grow-x{0%{transform:scaleX(0)}}@keyframes draw{0%{stroke-dashoffset:1}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}@keyframes pulse{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.field.area{height:auto;min-height:112px;padding:12px 16px;border-radius:var(--r-md);resize:vertical;line-height:1.5;margin-top:8px}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.actions.nowrap{flex-wrap:nowrap}.pill.tall{height:44px;padding:0 20px;font-size:15px}.pill.danger{color:var(--danger)}.pill:disabled,.btn-primary:disabled{opacity:.55;cursor:default}.edit-form{display:grid;gap:12px}.edit-form label{display:grid;gap:6px}.link-field{display:flex;gap:8px;margin:12px 0}.link-field .field{flex:1;min-width:0}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.steps{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--ink-2)}ul.steps{list-style:none;padding-left:0}.steps code,.card code{background:var(--tint);border-radius:6px;padding:1px 6px;font-size:14px}.user-list{list-style:none;margin:0;padding:0}.user-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0}.user-list li+li{border-top:1px solid var(--hairline)}pre.status{margin:0;white-space:pre-wrap;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--ink-2)}@media(max-width:767px){.tabbar{gap:4px;padding-left:8px;padding-right:8px}.tabbar button{font-size:12px}}main.page{animation:page-in .35s var(--glide)}.rise{animation:rise .5s var(--glide) both}.card.rise:nth-of-type(2){animation-delay:60ms}.card.rise:nth-of-type(3){animation-delay:.12s}.card.rise:nth-of-type(4){animation-delay:.18s}.stagger>li{animation:rise .45s var(--glide) both;animation-delay:calc(var(--i, 0) * 45ms)}.pill,.btn-primary,.btn-ghost,.chip,.cat-btn,.op,.tabbar button,.tab-add{transition:transform .5s var(--spring),background-color .2s,color .2s}.pill:active,.btn-primary:active,.btn-ghost:active,.chip:active,.cat-btn:active,.tabbar button:active,.tab-add:active{transform:scale(.94);transition:transform .08s ease-out}.op:active{transform:scale(.985);transition:transform .08s ease-out}.chart-svg .bar.grow{transform-box:fill-box;transform-origin:bottom;animation:grow-y .7s var(--glide) both}.bar-fill{transform-origin:left;animation:grow-x .8s var(--glide) both}.hero{position:relative;overflow:hidden;background:var(--night);color:#ededf3;border-radius:var(--r-lg);padding:24px;margin-bottom:16px;animation:rise .5s var(--glide) both}.hero:after{content:"";position:absolute;right:-80px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#5266eb73,#5266eb00 70%);pointer-events:none}.hero .eyebrow{color:#c3c3cc}.hero-value{font-size:48px;font-weight:480;letter-spacing:.4px;line-height:1.1;margin:8px 0 12px}.hero-compare{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#c3c3cc;font-size:14px}.chip-delta{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--r-pill);font-weight:500;font-variant-numeric:tabular-nums}.hero-compare.up .chip-delta{background:#f08a662e;color:#f6a688}.hero-compare.down .chip-delta{background:#4fd3a029;color:#6fe0b4}.hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(237,237,243,.12)}.hero-stats .stat{font-size:17px;font-weight:420;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.hero{padding:20px}.hero-value{font-size:40px}.hero-stats{grid-template-columns:1fr 1fr}.hero-stats>:last-child{display:none}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .hero{background:linear-gradient(135deg,#2a2a52,#1e1e2a 60%);box-shadow:inset 0 0 0 1px #9cb4e81f}}.scrub-readout{min-height:24px;margin-bottom:4px;font-size:15px}.scrub-day{color:var(--ink-2);margin-right:8px}.chart-svg.cumulative{cursor:crosshair}.line-cur{fill:none;stroke:var(--chart);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;animation:draw 1.1s var(--glide) both}.line-prev{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:4 4;opacity:.7}.area-cur{animation:fade 1s ease-out both}.scrub-line{stroke:var(--fog);stroke-width:1}.dot-cur{fill:var(--chart);stroke:var(--surface);stroke-width:2.5;transition:cx .12s,cy .12s}.dot-prev{fill:var(--surface);stroke:var(--muted);stroke-width:1.5}.legend{display:flex;gap:16px;margin-top:8px;font-size:13px;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.key{display:inline-block;width:14px;height:4px;border-radius:2px;background:var(--chart)}.key-prev{background:none;border-top:2px dashed var(--muted);height:0}.key-income{background:var(--income)}.chart-svg .bar-income{fill:var(--income)}.count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;margin-left:6px;border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);font-size:13px;font-weight:500;vertical-align:2px}.inbox{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.inbox li{background:var(--canvas);border-radius:var(--r-md);padding:14px 14px 12px;display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s var(--glide),opacity .25s,transform .35s var(--glide),padding .35s var(--glide),margin .35s}.inbox li.leaving{opacity:0;transform:translate(24px);grid-template-rows:0fr;padding-top:0;padding-bottom:0;margin-top:-10px;overflow:hidden}.inbox li>*{min-height:0}.inbox-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.link-like{display:grid;gap:2px;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer}.chips{display:flex;gap:6px;overflow-x:auto;margin:10px -14px 0;padding:0 14px 2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;height:34px;padding:0 12px;border:0;border-radius:var(--r-pill);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);font-size:14px;cursor:pointer;white-space:nowrap}.chip:hover{background:var(--tint)}.chip.ghost{background:transparent;color:var(--ink-2)}.delta{margin-left:8px;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--muted)}.delta.up{color:var(--up-text)}.delta.down{color:var(--income-text)}.delta.new{color:var(--ink-2)}.op-amount.income{color:var(--income-text)}.ops.flat{background:transparent;margin:0 -8px}.ops.flat .op{padding:10px 8px;border-radius:var(--r-sm)}.btn-ghost.small{height:32px;font-size:14px}.segmented{position:relative;display:inline-flex;gap:2px;padding:4px;background:var(--tint);border-radius:var(--r-pill);max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented button{position:relative;z-index:1;height:32px;padding:0 14px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink-2);font-size:14px;font-weight:420;white-space:nowrap;cursor:pointer;transition:color .3s}.segmented button.on{color:var(--on-primary)}.segmented-pill{position:absolute;top:4px;bottom:4px;border-radius:var(--r-pill);background:var(--primary);transition:left .4s cubic-bezier(.65,0,.35,1),width .4s cubic-bezier(.65,0,.35,1);box-shadow:0 2px 8px #5266eb59}.topnav .tab-add{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:var(--on-primary)}.topnav .tab-add svg{width:16px;height:16px}@media(max-width:767px){.tabbar{align-items:center}.tabbar .tab-add{flex:0 0 56px;height:56px;border-radius:50%;margin-top:-22px;background:var(--primary);color:var(--on-primary);box-shadow:0 6px 18px #5266eb73,0 0 0 4px var(--bar-bg)}.tabbar .tab-add svg{width:26px;height:26px}.tabbar .tab-add[aria-current=page]{background:var(--primary);color:var(--on-primary)}}.offline-bar{position:sticky;top:calc(env(safe-area-inset-top) + 60px);z-index:15;margin:0 auto;max-width:960px;padding:8px 16px;background:var(--lavender);color:var(--ink-2);font-size:13px;text-align:center;animation:rise .35s var(--glide) both}@media(max-width:767px){body.typing .tabbar{display:none}}.link-block{margin:12px 0 8px;padding:12px 16px;border-radius:var(--r-md);background:var(--canvas);box-shadow:inset 0 0 0 1px var(--hairline);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.5;word-break:break-all;user-select:all;-webkit-user-select:all}.chart-empty{padding:32px 8px;text-align:center;color:var(--ink-2)}.code-form{display:grid;gap:12px;margin:24px auto 0;max-width:280px}.code-input{height:56px;text-align:center;font-size:26px;letter-spacing:6px;font-variant-numeric:tabular-nums}.btn-primary{touch-action:manipulation}.login p.error{color:var(--danger)}