:root{--bg: #eef1f4;--surface: #e6eaee;--surface-2: #e6eaee;--surface-3: #dce1e7;--text: #0e1620;--muted: #465b72;--accent: #123a5e;--accent-hover: #18507f;--accent-ink: #eef1f4;--danger: #a8323f;--rule-hard: var(--text);--rule-control: color-mix(in srgb, var(--text) 55%, transparent);--rule-soft: color-mix(in srgb, var(--text) 32%, transparent);--rule-list: color-mix(in srgb, var(--text) 18%, transparent);--rule-faint: color-mix(in srgb, var(--text) 12%, transparent);--rule-slot: color-mix(in srgb, var(--text) 30%, transparent);--rule-swatch: color-mix(in srgb, var(--text) 40%, transparent);--dot-inactive: color-mix(in srgb, var(--text) 20%, transparent);--radius: 0;--nav-height: 58px;--pad: 14px;color-scheme:light;font-family:Archivo,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-synthesis-weight:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}body{font-size:13px;line-height:1.45;height:100dvh;overflow:hidden}h1,h2,h3,p,ul,ol{margin:0}ul,ol{list-style:none;padding:0}button,input{font:inherit;color:inherit}button{border-radius:0}.press__add,.press__remove,.press__log,.tube__cash,.cat-arrow,.nav__link{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{display:flex;flex-direction:column;width:100%;height:100dvh;max-width:760px;margin:0 auto;padding:var(--pad) 0 calc(var(--nav-height) + env(safe-area-inset-bottom))}@media(min-width:1200px){.app{max-width:960px}}@media(min-width:1600px){.app{max-width:1200px}}@media(min-width:2000px){.app{max-width:1400px}}.app__main{flex:1;min-height:0;position:relative;overflow:hidden}.route-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;gap:0;overflow:hidden}.boot{display:grid;place-items:center;flex:1;width:100%;min-height:100dvh;color:var(--muted)}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:9px 10px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--rule-soft)}.nav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--muted);font-size:10.5px;font-weight:400;line-height:1.2}.nav__link.is-active{color:var(--text)}@media(min-width:721px){:root{--pad: 24px}.app{padding:22px 0 24px}.nav{position:static;display:flex;justify-content:center;gap:2px;width:fit-content;margin:0 auto 20px;padding:2px;border:1px solid var(--rule-control);border-top:1px solid var(--rule-control);background:transparent}.nav__link{flex-direction:row;gap:8px;min-height:40px;padding:0 16px;font-size:13px;font-weight:600}.nav__link svg{flex:none;width:18px;height:18px}.nav__link.is-active{background:var(--accent);color:var(--accent-ink)}}.screen-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 var(--pad) 8px;border-bottom:1px solid var(--rule-hard)}.screen-head__title{font-size:20px;font-weight:650;letter-spacing:-.015em;line-height:1.15}.screen-head__kicker{flex:none;white-space:nowrap;color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;font-variant-numeric:tabular-nums}@media(min-width:721px){.screen-head{padding:0 var(--pad) 12px}.screen-head__title{font-size:28px;letter-spacing:-.02em}.screen-head__kicker{font-size:11px}}.today-top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cat  date" "rule rule" "total dots";align-items:center;column-gap:10px;padding:0 var(--pad);flex:none}.today-top__cat{grid-area:cat;display:flex;align-items:center;gap:7px;min-width:0}.today-top__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--category-color, var(--accent))}.today-top__name{font-size:20px;font-weight:650;letter-spacing:-.015em;line-height:1.15;overflow-wrap:anywhere}.today-top__date{grid-area:date;flex:none;white-space:nowrap;color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.today-top__rule{grid-area:rule;height:1px;margin:8px 0 10px;background:var(--rule-hard)}.today-top__total{grid-area:total;font-size:60px;font-weight:700;line-height:.95;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.today-top__dots{grid-area:dots;display:flex;align-items:center;gap:5px;flex:none}.today-dot{height:6px;width:6px;border-radius:3px;background:var(--dot-inactive);transition:width .14s ease,background .14s ease}.today-dot.is-active{width:16px;background:var(--category-color, var(--accent))}@media(min-width:721px){.today-top{grid-template-areas:"cat   ." "total dots" "rule  rule";align-items:end;column-gap:16px}.today-top__cat{gap:9px;align-self:end}.today-top__dot{width:10px;height:10px}.today-top__name{font-size:24px}.today-top__date{grid-area:dots;align-self:end;justify-self:end;margin-bottom:21px;font-size:11px}.today-top__total{font-size:72px;letter-spacing:-.035em}.today-top__dots{align-self:end;justify-self:end;margin-bottom:5px}.today-top__rule{margin:14px 0 0}}.focus{display:flex;align-items:stretch;justify-content:center;flex:1;min-height:0;gap:var(--tube-gap);padding:16px var(--pad) 14px;touch-action:pan-y;--tube-w: 76px;--tube-gap: 8px;--arrow-lift: 68px}.cat-arrow{display:grid;place-items:center;flex:none;width:36px;margin-bottom:var(--arrow-lift);border:none;background:transparent;color:var(--text);cursor:pointer;transition:color .12s ease}.cat-arrow:hover:not(:disabled){color:var(--accent)}.cat-arrow:disabled{opacity:.3;cursor:default}.carousel{position:relative;flex:none;width:calc(var(--tube-w) * 3 + var(--tube-gap) * 2);min-height:0;overflow:hidden}.carousel__slide{height:100%;min-height:0}.tubes-stage{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;--heat: 0}.tubes{display:flex;align-items:stretch;justify-content:center;gap:var(--tube-gap);flex:1;min-height:0}.tube{display:flex;flex-direction:column;gap:8px;flex:none;width:var(--tube-w);min-height:0}.tube--bronze{--metal-face: #ff9a2e;--metal-face-light: #ffc07a;--metal-face-dark: #7f4a1e;--metal-rim: #5a3312;--metal-glow: rgba(255, 154, 46, .45)}.tube--silver{--metal-face: #8ea6c4;--metal-face-light: #c3d3e6;--metal-face-dark: #67717e;--metal-rim: #424a55;--metal-glow: rgba(142, 166, 196, .5)}.tube--gold{--metal-face: #ffd426;--metal-face-light: #ffe685;--metal-face-dark: #7f5f18;--metal-rim: #5a410f;--metal-glow: rgba(255, 212, 38, .45)}.tube__body{display:flex;flex-direction:column-reverse;gap:2px;flex:1;min-height:0;padding:4px;border:1px solid var(--rule-control);background:var(--surface)}.tube__coin{flex:1 1 0;min-height:0;background:transparent;box-shadow:inset 0 0 0 1px var(--rule-slot);transition:background .16s ease;transform-origin:center center}.tube__coin.is-filled{background:var(--metal-face);box-shadow:inset 0 0 0 1px var(--metal-face-dark),inset 0 1px #ffffff8c;filter:brightness(calc(1 + var(--heat) * .22))}.tube__label{color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:center}.tube__cash{min-height:38px;padding:0 6px;border:none;background:var(--accent);color:var(--accent-ink);font-size:11.5px;font-weight:600;cursor:pointer;transition:background .12s ease}.tube__cash:hover:not(:disabled){background:var(--accent-hover)}.tube__cash:disabled{opacity:.35;cursor:default}.tube__cash--placeholder{visibility:hidden;pointer-events:none}.tube.is-bumped .tube__body{animation:tube-bump .42s ease-out;border-color:var(--metal-face-dark)}.tube.is-drained .tube__body{animation:tube-drain .42s ease-out}@keyframes tube-bump{0%{transform:translateY(0)}40%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes tube-drain{0%{border-color:var(--metal-face-dark);background:color-mix(in srgb,var(--metal-face) 22%,var(--surface))}to{border-color:var(--rule-control);background:var(--surface)}}.tube.is-strained .tube__body{border-color:var(--metal-face-dark);animation:tube-strain .22s ease-in-out infinite}@keyframes tube-strain{0%,to{transform:translate(0)}25%{transform:translate(.7px,-.4px)}75%{transform:translate(-.7px,.4px)}}.tube.is-charging .tube__body{animation:tube-charge .26s ease-out forwards}@keyframes tube-charge{to{transform:translateY(3px) scaleY(.97)}}@media(prefers-reduced-motion:reduce){.tube.is-strained .tube__body,.tube.is-charging .tube__body{animation:none}}.press{display:grid;grid-template-columns:138px 1fr;flex:none;border-top:1px solid var(--rule-hard)}.press.has-log{grid-template-columns:138px auto 1fr}.press__remove,.press__add,.press__log{display:grid;place-items:center;min-height:56px;border:none;cursor:pointer;transition:background .12s ease}.press__remove{border-right:1px solid var(--rule-hard);background:transparent;color:var(--text)}.press__remove:hover:not(:disabled){background:var(--surface)}.press__remove:disabled{opacity:.35;cursor:default}.press__add{background:var(--accent);color:var(--accent-ink)}.press__add:hover:not(:disabled){background:var(--accent-hover)}.press__log{gap:1px;padding:0 12px;border-right:1px solid var(--rule-hard);background:transparent;color:var(--text);font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.press__log:hover:not(:disabled){background:var(--surface)}.press__log:disabled{opacity:.35;cursor:default}.press__log em{font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}@media(min-width:721px){.focus{--tube-w: 112px;--tube-gap: 14px;--arrow-lift: 76px;padding:26px 0 22px}.tube{gap:10px}.tube__body{padding:5px}.tube__label{font-size:11px}.tube__cash{min-height:44px;font-size:13px}.cat-arrow{width:44px}.press{width:480px;margin:0 auto;border:1px solid var(--rule-hard);grid-template-columns:177px 1fr}.press.has-log{width:auto;max-width:680px;grid-template-columns:177px auto 1fr}.press__remove,.press__add,.press__log{min-height:46px}.press__log{font-size:13px}}.tubes-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;overflow:hidden}.fx-coin,.fx-spark,.fx-ring,.fx-flash,.fx-label{position:absolute;transform:translate(-50%,-50%);will-change:transform,opacity}.fx-coin{background:var(--metal-face);box-shadow:inset 0 0 0 1px var(--metal-face-dark),inset 0 1px #ffffff8c;transform-style:preserve-3d}.fx-coin--bronze{--metal-face: #ff9a2e;--metal-face-dark: #7f4a1e;--metal-glow: rgba(255, 154, 46, .55)}.fx-coin--silver{--metal-face: #8ea6c4;--metal-face-dark: #67717e;--metal-glow: rgba(142, 166, 196, .55)}.fx-coin--gold{--metal-face: #ffd426;--metal-face-dark: #7f5f18;--metal-glow: rgba(255, 212, 38, .55)}.fx-coin.is-fused{box-shadow:inset 0 0 0 1px var(--metal-face-dark),inset 0 1px #ffffffb3,0 0 22px var(--metal-glow)}.fx-spark{background:var(--spark, #ff9a2e)}.fx-spark--bronze{--spark: #ff9a2e}.fx-spark--silver{--spark: #8ea6c4}.fx-spark--gold{--spark: #ffd426}.fx-ring{border:1px solid var(--ring, #ff9a2e)}.fx-ring--bronze{--ring: #ff9a2e}.fx-ring--silver{--ring: #8ea6c4}.fx-ring--gold{--ring: #ffd426}.fx-flash{background:radial-gradient(circle,#ffffffd9,#fff0 68%)}.fx-label{color:var(--text);font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.fx-label.is-resolved{font-size:15px;transition:font-size .14s ease}.timer-list{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 var(--pad)}.timer-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"swatch name    time" "actions actions actions";align-items:center;row-gap:7px;column-gap:8px;padding:11px 0;border-bottom:1px solid var(--rule-list)}.timer-row__swatch{grid-area:swatch;flex:none;width:9px;height:9px;background:var(--category-color, var(--muted))}.timer-row__name{grid-area:name;min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-row__time{grid-area:time;color:var(--muted);font-size:21px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.timer-row.is-running .timer-row__time{color:var(--text)}.timer-row__actions{grid-area:actions;display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(min-width:721px){.timer-list{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:20px;padding:20px var(--pad) 22px}.timer-row{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"swatch  name" "time    time" "actions actions";row-gap:14px;column-gap:9px;min-height:0;padding:20px;border:1px solid var(--rule-control)}.timer-row__swatch{width:10px;height:10px}.timer-row__name{font-size:17px}.timer-row__time{display:flex;align-items:center;min-height:0;overflow:hidden;font-size:clamp(30px,4.6vmin,58px);line-height:1;letter-spacing:-.035em}.timer-row__actions{gap:10px}}.day-step{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:8px var(--pad);border-bottom:1px solid var(--rule-list)}.day-step__picker{position:relative;flex:1;min-width:0;display:grid;place-items:center;height:34px}.day-step__label{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.day-step__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding:0;border:none;background:transparent;color:transparent;opacity:0;cursor:pointer}.rows{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 var(--pad)}.row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--rule-list)}.row__bar{flex:none;width:4px;height:26px;background:var(--category-color)}.row__name{flex:1;min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__value,.row__value-input{flex:none;width:62px;padding:0;border:none;background:transparent;color:var(--text);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;cursor:pointer}.row__value-input{cursor:text;border-bottom:1px solid var(--rule-control)}.row__value-input::-webkit-outer-spin-button,.row__value-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.row__track{display:none}@media(min-width:721px){.day-step{padding:12px var(--pad)}.day-step__label{font-size:16px}.row{flex:1;padding:13px 0;gap:14px}.row__name{flex:none;width:240px;font-size:17px}.row__value,.row__value-input{width:90px;font-size:20px}.row__track{display:block;flex:1;min-width:0;height:10px;background:var(--surface)}.row__fill{display:block;height:100%;background:var(--category-color)}}.day-total{display:none}@media(min-width:721px){.day-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex:none;padding:12px var(--pad) 0;border-top:1px solid var(--rule-hard)}.day-total__label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.day-total__value{font-size:30px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums}}.trends{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 var(--pad)}.trends__plot{flex:none;padding-top:10px}.trends__svg{display:block;width:100%;height:auto}.trends__svg--wide{display:none}.trends__frame{display:contents}.trends__chips{display:flex;flex-wrap:wrap;gap:6px;flex:none;padding:12px 0 10px;border-bottom:1px solid var(--rule-list)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border:1px solid var(--rule-control);background:transparent;color:var(--text);font-size:11.5px;font-weight:600;cursor:pointer;transition:background .12s ease,opacity .12s ease}.chip:hover{background:var(--surface)}.chip.is-off{opacity:.4}.chip__dot{flex:none;width:8px;height:8px}.totals{display:flex;flex-direction:column;flex:1;min-height:0;padding-top:2px;overflow-y:auto;scrollbar-width:none}.totals::-webkit-scrollbar{display:none}.totals__row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--rule-faint)}.totals__name{flex:none;width:96px;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.totals__track{flex:1;min-width:0;height:8px;background:var(--surface)}.totals__fill{display:block;height:100%}.totals__value{flex:none;width:52px;text-align:right;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.trends__span{display:none}@media(min-width:721px){.trends__plot{flex:1;min-height:0;padding:20px 0 0}.trends__frame{display:block;min-height:0;height:100%}.trends__svg--mobile{display:none}.trends__svg--wide{display:block;width:100%;height:100%}.trends__span{display:flex;align-items:baseline;justify-content:space-between;flex:none;margin-top:10px;padding-top:8px;border-top:1px solid var(--rule-hard);color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.trends__chips{padding:14px 0 12px}.chip{min-height:34px;padding:0 12px;font-size:14px}.totals{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-content:start;flex:none}.totals__name{width:130px;font-size:16px}.totals__value{width:64px;font-size:16px}}.settings-cols{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 var(--pad)}.settings-col{display:contents}.settings-list{display:flex;flex-direction:column;flex:none}.settings-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--rule-list)}.settings-row.is-archived{opacity:.55}.settings-row__color{flex:none;width:22px;height:22px;padding:0;border:1px solid var(--rule-swatch);background:transparent;cursor:pointer}.settings-row__color::-webkit-color-swatch-wrapper{padding:0}.settings-row__color::-webkit-color-swatch{border:none}.settings-row__name{flex:1;min-width:0;height:30px;padding:0;border:none;border-bottom:1px solid transparent;background:transparent;font-size:13px;font-weight:600}.settings-row__name:hover,.settings-row__name:focus{border-bottom-color:var(--rule-control)}.add-category{display:flex;align-items:center;gap:8px;flex:none;padding:12px 0;border-bottom:1px solid var(--rule-list)}.add-category .field__input{flex:1;min-width:0;height:34px;padding:0 9px;border:1px solid var(--rule-swatch);background:var(--surface);font-size:12.5px}.add-category .field__input::placeholder{color:var(--muted)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:12px 0;border-bottom:1px solid var(--rule-list);font-size:12.5px;font-weight:600}.setting-row:last-child{border-bottom:none}.setting-row__note{color:var(--muted);font-weight:400}.toggle{flex:none;display:flex;align-items:center;justify-content:flex-start;width:44px;height:24px;padding:2px;border:1px solid var(--rule-control);background:transparent;cursor:pointer;transition:background .14s ease,border-color .14s ease}.toggle:after{content:"";width:20px;height:20px;background:var(--rule-control);transition:background .14s ease}.toggle.is-on{justify-content:flex-end;border-color:var(--accent);background:var(--accent)}.toggle.is-on:after{background:var(--accent-ink)}@media(min-width:721px){.settings-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;flex:1;min-height:0;padding:18px var(--pad) 0}.settings-col{display:flex;flex-direction:column;min-height:0}.settings-list{flex:1;min-height:0}.settings-row,.setting-row{flex:1;padding:13px 0}.add-category{flex:none;padding:13px 0}.settings-row__name{height:34px;font-size:16px}.setting-row{font-size:16px}.settings-row__color{width:26px;height:26px}}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 8px;border:1px solid var(--rule-control);background:transparent;color:var(--text);font-size:11px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .12s ease}.button:hover:not(:disabled){background:var(--surface)}.button:disabled{opacity:.35;cursor:default}.button--icon{width:34px;min-height:34px;padding:0;flex:none}.button--sm{width:30px;min-height:30px;padding:0;flex:none}.button--primary{min-height:34px;padding:0 12px;border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-size:11.5px}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--fill{display:grid;place-items:center;width:34px;height:34px;padding:0;flex:none;border:none;background:var(--accent);color:var(--accent-ink);cursor:pointer;transition:background .12s ease}.button--fill:hover:not(:disabled){background:var(--accent-hover)}.button--danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.button--block{width:100%}@media(min-width:721px){.button{min-height:34px;padding:0 12px;font-size:14px}.button--icon{width:38px;min-height:38px;padding:0}.button--fill{width:38px;height:38px;padding:0}.button--sm{width:34px;min-height:34px;padding:0}.button--primary{min-height:38px;font-size:14px}}.link{border:0;background:none;padding:0;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.link:hover{color:var(--accent-hover)}.field{display:flex;flex-direction:column;gap:6px}.field__label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.field__input{min-width:0;height:38px;padding:0 10px;border:1px solid var(--rule-swatch);background:var(--surface)}.segmented{display:inline-flex;flex:none;gap:2px;padding:2px;border:1px solid var(--rule-control)}.segmented__option{min-width:34px;min-height:24px;padding:0 6px;border:0;background:transparent;color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.segmented__option:hover{background:var(--surface)}.segmented__option.is-active{background:var(--accent);color:var(--accent-ink)}@media(min-width:721px){.segmented__option{min-width:44px;min-height:30px;font-size:13px}}.swatches{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0;border-bottom:1px solid var(--rule-list)}.swatch{width:22px;height:22px;border:1px solid var(--rule-swatch);cursor:pointer}.swatch.is-active{outline:2px solid var(--text);outline-offset:1px}.login{display:grid;place-items:center;flex:1;width:100%;min-height:100dvh;padding:20px}.login__card{display:flex;flex-direction:column;gap:14px;width:100%;max-width:340px;padding:26px;border:1px solid var(--rule-control);background:var(--bg)}.login__title{font-size:28px;font-weight:650;letter-spacing:-.02em}.login__subtitle{margin-top:-10px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.login__error{color:var(--danger);font-size:12.5px}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;margin:14px var(--pad) 0;padding:30px 16px;border:1px solid var(--rule-list);color:var(--muted);text-align:center}.toasts{position:fixed;left:50%;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 14px);z-index:40;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100vw - 28px));transform:translate(-50%);pointer-events:none}.toast{padding:11px 14px;border:1px solid var(--rule-hard);background:var(--bg);font-size:12.5px;font-weight:600;animation:toast-in .16s ease-out}.toast--error{border-color:var(--danger);color:var(--danger)}.toast--info{border-color:var(--accent);color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}@media(min-width:721px){.toasts{bottom:20px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:10px 0}.theme-tile{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:8px;border:1px solid var(--rule-control);background:transparent;color:var(--text);cursor:pointer;text-align:left;transition:background .12s ease}.theme-tile:hover{background:var(--surface)}.theme-tile.is-active{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.theme-tile.is-active .theme-tile__mood{color:var(--accent-ink);opacity:.75}.theme-tile__preview{display:flex;align-items:center;gap:6px;height:38px;padding:0 10px;border:1px solid var(--rule-soft)}.theme-tile__coin{width:12px;height:12px}.theme-tile__label{font-weight:600;font-size:12.5px}.theme-tile__mood{font-size:10.5px;color:var(--muted);line-height:1.3}[data-theme=vault]{--bg: #0f1215;--surface: #181c22;--surface-2: #1f242c;--surface-3: #262c36;--border: #333a45;--text: #e4e8ee;--muted: #8791a0;--accent: #6ba0d8}[data-theme=vault] .tube--bronze{--metal-face: #a86432;--metal-face-light: #c88450;--metal-face-dark: #6b3a15;--metal-rim: #48250d;--metal-glow: rgba(200, 132, 80, .55)}[data-theme=vault] .tube--silver{--metal-face: #b8c0c8;--metal-face-light: #e8ecf0;--metal-face-dark: #5a626c;--metal-rim: #3a4048;--metal-glow: rgba(200, 210, 220, .55)}[data-theme=vault] .tube--gold{--metal-face: #cba85a;--metal-face-light: #e5cd8a;--metal-face-dark: #74561a;--metal-rim: #4d370f;--metal-glow: rgba(229, 205, 138, .5)}[data-theme=nocturne]{--bg: #0a0a1e;--surface: #131333;--surface-2: #1b1b42;--surface-3: #242452;--border: #33336a;--text: #ece8f5;--muted: #9a94b8;--accent: #b98cf7}[data-theme=nocturne] .tube--bronze{--metal-face: #d2795a;--metal-face-light: #ee9b7a;--metal-face-dark: #8a3f24;--metal-rim: #5a2410;--metal-glow: rgba(238, 155, 122, .6)}[data-theme=nocturne] .tube--silver{--metal-face: #e6d5db;--metal-face-light: #fbf5f8;--metal-face-dark: #7a6a72;--metal-rim: #4a3d44;--metal-glow: rgba(251, 245, 248, .55)}[data-theme=nocturne] .tube--gold{--metal-face: #c98a3a;--metal-face-light: #e8b060;--metal-face-dark: #6f4a15;--metal-rim: #4a300a;--metal-glow: rgba(232, 176, 96, .55)}[data-theme=terminal]{--bg: #050805;--surface: #0a1208;--surface-2: #0f1c0c;--surface-3: #142612;--border: #1f4318;--text: #a0ff8b;--muted: #4d8a3d;--accent: #7fe07f;color-scheme:dark}[data-theme=terminal] .tube--bronze{--metal-face: #3d8f3d;--metal-face-light: #5cb85c;--metal-face-dark: #1e5f1e;--metal-rim: #12360f;--metal-glow: rgba(92, 184, 92, .55)}[data-theme=terminal] .tube--silver{--metal-face: #7fe07f;--metal-face-light: #b3ffb3;--metal-face-dark: #3a8f3a;--metal-rim: #235823;--metal-glow: rgba(179, 255, 179, .55)}[data-theme=terminal] .tube--gold{--metal-face: #c8ff8b;--metal-face-light: #e8ffb8;--metal-face-dark: #6a9046;--metal-rim: #3a5825;--metal-glow: rgba(232, 255, 184, .6)}[data-theme=sunset]{--bg: #1e1815;--surface: #2a221d;--surface-2: #352c26;--surface-3: #423630;--border: #514238;--text: #f2e8dc;--muted: #a89584;--accent: #f2a374}[data-theme=sunset] .tube--bronze{--metal-face: #c88a6b;--metal-face-light: #e6aa8a;--metal-face-dark: #8a5238;--metal-rim: #5a301c;--metal-glow: rgba(230, 170, 138, .55)}[data-theme=sunset] .tube--silver{--metal-face: #e8dcc9;--metal-face-light: #f8f0e2;--metal-face-dark: #8a7d68;--metal-rim: #524638;--metal-glow: rgba(248, 240, 226, .55)}[data-theme=sunset] .tube--gold{--metal-face: #e6b34a;--metal-face-light: #f5cf78;--metal-face-dark: #8a6218;--metal-rim: #4d3a0f;--metal-glow: rgba(245, 207, 120, .6)}[data-theme=deepsea]{--bg: #040e18;--surface: #08192a;--surface-2: #0c2338;--surface-3: #123049;--border: #1c4463;--text: #dcecf5;--muted: #6a9bb5;--accent: #45e0c8}[data-theme=deepsea] .tube--bronze{--metal-face: #e07a58;--metal-face-light: #f2977a;--metal-face-dark: #8f3f26;--metal-rim: #5a2412;--metal-glow: rgba(242, 151, 122, .55)}[data-theme=deepsea] .tube--silver{--metal-face: #b5e6d8;--metal-face-light: #dcf5ec;--metal-face-dark: #547a70;--metal-rim: #2f4a43;--metal-glow: rgba(69, 224, 200, .55)}[data-theme=deepsea] .tube--gold{--metal-face: #f0c95a;--metal-face-light: #f8de88;--metal-face-dark: #8a6f1c;--metal-rim: #4d3d0e;--metal-glow: rgba(248, 222, 136, .6)}[data-theme=paper]{--bg: #f4efe4;--surface: #ebe4d4;--surface-2: #dfd5c1;--surface-3: #cec1a8;--border: #a89876;--text: #1a1710;--muted: #5c5342;--accent: #1e3a5f;color-scheme:light}[data-theme=paper] .tube--bronze{--metal-face: #7a2f1a;--metal-face-light: #a54b32;--metal-face-dark: #48180a;--metal-rim: #2d0d05;--metal-glow: rgba(122, 47, 26, .45)}[data-theme=paper] .tube--silver{--metal-face: #1e3a5f;--metal-face-light: #385a85;--metal-face-dark: #0e1e33;--metal-rim: #08111c;--metal-glow: rgba(30, 58, 95, .4)}[data-theme=paper] .tube--gold{--metal-face: #b8862c;--metal-face-light: #d9a94a;--metal-face-dark: #6f4f14;--metal-rim: #4a340a;--metal-glow: rgba(184, 134, 44, .45)}[data-theme=neon]{--bg: #050208;--surface: #0d0518;--surface-2: #180a2a;--surface-3: #221040;--border: #401f70;--text: #f4e8ff;--muted: #a878d0;--accent: #ff3fa8}[data-theme=neon] .tube--bronze{--metal-face: #ff3fa8;--metal-face-light: #ff8ccb;--metal-face-dark: #8a1a5a;--metal-rim: #4a0a30;--metal-glow: rgba(255, 63, 168, .7)}[data-theme=neon] .tube--silver{--metal-face: #3feaff;--metal-face-light: #8af5ff;--metal-face-dark: #1a7a8a;--metal-rim: #0a3a45;--metal-glow: rgba(63, 234, 255, .7)}[data-theme=neon] .tube--gold{--metal-face: #f9ff3f;--metal-face-light: #fbff8a;--metal-face-dark: #7a801a;--metal-rim: #3a3d0a;--metal-glow: rgba(249, 255, 63, .7)}[data-theme=bourbon]{--bg: #1a120c;--surface: #241a12;--surface-2: #2f2318;--surface-3: #3b2d20;--border: #4d3a2a;--text: #f0e2ce;--muted: #a08a70;--accent: #d99d3a}[data-theme=bourbon] .tube--bronze{--metal-face: #a4551f;--metal-face-light: #c47540;--metal-face-dark: #5a2f10;--metal-rim: #3a1c08;--metal-glow: rgba(196, 117, 64, .55)}[data-theme=bourbon] .tube--silver{--metal-face: #7a6e5e;--metal-face-light: #a89880;--metal-face-dark: #40382e;--metal-rim: #2a241c;--metal-glow: rgba(168, 152, 128, .5)}[data-theme=bourbon] .tube--gold{--metal-face: #d99d3a;--metal-face-light: #f0bd68;--metal-face-dark: #7a5518;--metal-rim: #4a340a;--metal-glow: rgba(240, 189, 104, .6)}[data-theme=zen]{--bg: #241f1a;--surface: #2f2924;--surface-2: #3a332d;--surface-3: #453d36;--border: #574d44;--text: #ede4d8;--muted: #a89880;--accent: #8caea0}[data-theme=zen] .tube--bronze{--metal-face: #a54132;--metal-face-light: #c46150;--metal-face-dark: #5a1e14;--metal-rim: #380f08;--metal-glow: rgba(196, 97, 80, .55)}[data-theme=zen] .tube--silver{--metal-face: #8caea0;--metal-face-light: #b3cec2;--metal-face-dark: #4a5f56;--metal-rim: #2d3a34;--metal-glow: rgba(179, 206, 194, .55)}[data-theme=zen] .tube--gold{--metal-face: #c9a35a;--metal-face-light: #e0bf7c;--metal-face-dark: #6f5620;--metal-rim: #48360f;--metal-glow: rgba(224, 191, 124, .55)}[data-theme=aurora]{--bg: #050a1a;--surface: #0a1230;--surface-2: #101a45;--surface-3: #16235c;--border: #2a3d80;--text: #e4ecff;--muted: #7a8cb8;--accent: #a8fbe0}[data-theme=aurora] .tube--bronze{--metal-face: #c98241;--metal-face-light: #e8a266;--metal-face-dark: #7f4a1e;--metal-rim: #5a3312;--metal-glow: rgba(232, 162, 102, .6)}[data-theme=aurora] .tube--silver{--metal-face: #a8fbe0;--metal-face-light: #d0fff0;--metal-face-dark: #4a8a7a;--metal-rim: #2a5548;--metal-glow: rgba(168, 251, 224, .6)}[data-theme=aurora] .tube--gold{--metal-face: #d9b04a;--metal-face-light: #f4d97a;--metal-face-dark: #7f5f18;--metal-rim: #5a410f;--metal-glow: rgba(244, 217, 122, .55)}[data-theme]:where(:not([data-theme=default])){--accent-hover: color-mix(in srgb, var(--accent) 84%, white);--accent-ink: #07101f}[data-theme=paper]{--accent-hover: #2d5384;--accent-ink: #f4efe4}[data-theme=dark]{--bg: #11161c;--surface: #1a2129;--surface-2: #1a2129;--surface-3: #232c36;--text: #e3e9f0;--muted: #8b9cb3;--accent: #e3e9f0;--accent-hover: #c9d4e1;--accent-ink: #11161c;--danger: #f0808d;color-scheme:dark}[data-theme=dark] .tube--bronze{--metal-face: #ff9a2e;--metal-face-light: #ffc07a;--metal-face-dark: #8a4f20;--metal-rim: #5a3312;--metal-glow: rgba(255, 154, 46, .5)}[data-theme=dark] .tube--silver{--metal-face: #cddced;--metal-face-light: #eef4fb;--metal-face-dark: #6b7684;--metal-rim: #424a55;--metal-glow: rgba(205, 220, 237, .5)}[data-theme=dark] .tube--gold{--metal-face: #ffd426;--metal-face-light: #ffe685;--metal-face-dark: #8a6819;--metal-rim: #5a410f;--metal-glow: rgba(255, 212, 38, .5)}[data-theme=dark] .fx-coin--bronze{--metal-face: #ff9a2e;--metal-face-dark: #8a4f20;--metal-glow: rgba(255, 154, 46, .6)}[data-theme=dark] .fx-coin--silver{--metal-face: #cddced;--metal-face-dark: #6b7684;--metal-glow: rgba(205, 220, 237, .6)}[data-theme=dark] .fx-coin--gold{--metal-face: #ffd426;--metal-face-dark: #8a6819;--metal-glow: rgba(255, 212, 38, .6)}[data-theme=dark] .fx-spark--bronze{--spark: #ff9a2e}[data-theme=dark] .fx-spark--silver{--spark: #cddced}[data-theme=dark] .fx-spark--gold{--spark: #ffd426}[data-theme=dark] .fx-ring--bronze{--ring: #ff9a2e}[data-theme=dark] .fx-ring--silver{--ring: #cddced}[data-theme=dark] .fx-ring--gold{--ring: #ffd426}[data-theme=dark] .settings-row__color{background:var(--surface)}[data-theme=dark] .tube__cash:disabled,[data-theme=dark] .button--primary:disabled,[data-theme=dark] .button--fill:disabled,[data-theme=dark] .press__add:disabled{opacity:.22}