:root{--felt-deep:#08120f;--felt:#0c1a15;--surface:#14241e;--surface-hi:#1c312a;--surface-top:#244036;--line:#27403700;--hairline:#e8e2d41a;--hairline-hi:#e8e2d42e;--ink:#f2ede3;--ink-dim:#9bb1a6;--ink-faint:#63796f;--brass:#d4a93c;--brass-hi:#efc85e;--brass-dim:#8a6e24;--brass-glow:#d4a93c38;--up:#efc85e;--up-soft:#efc85e24;--down:#e2604a;--down-soft:#e2604a24;--even:#63796f;--chip-crimson:#c4344a;--chip-cobalt:#3d6fb4;--chip-jade:#2e9e76;--chip-amber:#de9a33;--chip-violet:#8a63c4;--chip-rose:#d96a9a;--chip-ivory:#e8e2d4;--chip-onyx:#55666080;--display:"Archivo", "Helvetica Neue", system-ui, sans-serif;--body:"Archivo", system-ui, -apple-system, sans-serif;--mono:"Azeret Mono", ui-monospace, "SF Mono", monospace;--t-mega:clamp(2.6rem, 13vw, 3.6rem);--t-xl:1.75rem;--t-lg:1.25rem;--t-md:1rem;--t-sm:.8125rem;--t-xs:.6875rem;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--lift-1:0 1px 0 #ffffff0d inset, 0 2px 6px #00000059;--lift-2:0 1px 0 #ffffff0f inset, 0 6px 20px #00000073;--lift-3:0 1px 0 #ffffff12 inset, 0 18px 48px #0009;--ease:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.5, 0, .75, 0);--shell:460px;--bar-h:76px;--tabs-h:68px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--felt-deep);color:var(--ink);font-family:var(--body);font-size:var(--t-md);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.45}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%, #16302700 0%, transparent 60%), radial-gradient(90% 60% at 50% 0%, #2e9e7612 0%, transparent 55%), linear-gradient(180deg, var(--felt) 0%, var(--felt-deep) 55%);position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:700}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--brass-hi);outline-offset:3px;border-radius:var(--r-sm)}::selection{background:var(--brass-glow);color:var(--ink)}.shell{max-width:var(--shell);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative}.page{padding:0 var(--s4) calc(var(--bar-h) + var(--safe-b) + var(--s6));flex:1}.page--tabbed{padding-bottom:calc(var(--tabs-h) + var(--safe-b) + var(--s6))}.page--tabbed.page--acting{padding-bottom:calc(var(--tabs-h) + var(--bar-h) + var(--safe-b) + var(--s5))}.page--flush{padding-left:0;padding-right:0}.topbar{z-index:20;padding:calc(var(--safe-t) + var(--s4)) var(--s4) var(--s3);align-items:center;gap:var(--s3);background:linear-gradient(180deg, var(--felt-deep) 55%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.topbar__title{font-size:var(--t-lg);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-stretch:112%;overflow:hidden}.topbar__back{width:38px;height:38px;color:var(--ink-dim);background:var(--surface);box-shadow:var(--lift-1);transition:transform .18s var(--ease), color .18s;border-radius:50%;flex:none;place-items:center;display:grid}.topbar__back:active{color:var(--ink);transform:scale(.92)}.eyebrow{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:var(--s3);margin:var(--s6) 0 var(--s3);display:flex}.eyebrow:after{content:"";background:var(--hairline);flex:1;height:1px}.eyebrow:first-child{margin-top:var(--s2)}.money{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.02em;white-space:nowrap}.money--up{color:var(--up)}.money--down{color:var(--down)}.money--even{color:var(--even)}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--lift-1);border:1px solid var(--hairline)}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:52px;padding:0 var(--s5);border-radius:var(--r-md);font-family:var(--display);font-weight:650;font-stretch:106%;font-size:var(--t-md);letter-spacing:.01em;transition:transform .16s var(--ease), filter .16s, opacity .16s;-webkit-user-select:none;user-select:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn--primary{background:linear-gradient(178deg, var(--brass-hi), var(--brass));color:#221803;box-shadow:inset 0 1px #ffffff59,0 8px 22px #d4a93c38}.btn--ghost{background:var(--surface-hi);color:var(--ink);box-shadow:var(--lift-1)}.btn--quiet{color:var(--ink-dim);min-height:44px;padding:0 var(--s3)}.btn--danger{background:var(--down-soft);color:var(--down);box-shadow:var(--lift-1)}.btn--block{width:100%}.actionbar{z-index:31;padding:var(--s3) var(--s4) calc(var(--s3) + var(--safe-b));background:linear-gradient(180deg, transparent, var(--felt-deep) 38%);pointer-events:none;position:fixed;bottom:0;left:0;right:0}.actionbar__inner{max-width:var(--shell);gap:var(--s2);pointer-events:auto;margin:0 auto;display:flex}.actionbar__inner>*{flex:1}.actionbar--stacked{bottom:calc(var(--tabs-h) + var(--safe-b));padding-bottom:var(--s3)}.tabs{z-index:30;padding-bottom:var(--safe-b);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-top:1px solid var(--hairline);background:#08120fdb;position:fixed;bottom:0;left:0;right:0}.tabs__inner{max-width:var(--shell);margin:0 auto;display:flex}.tab{padding:var(--s3) 0 var(--s4);color:var(--ink-faint);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;flex:1;justify-items:center;gap:5px;transition:color .2s;display:grid}.tab--on{color:var(--brass)}.tab svg{width:21px;height:21px}.field{margin-bottom:var(--s4);display:block}.field__label{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--s2);display:block}.field__input{width:100%;min-height:54px;padding:0 var(--s4);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);color:var(--ink);transition:border-color .18s,background .18s}.field__input:focus{border-color:var(--brass-dim);background:var(--surface-hi);outline:none}.field__input::placeholder{color:var(--ink-faint)}.field__hint{margin-top:var(--s2);font-size:var(--t-sm);color:var(--ink-faint)}.row{align-items:center;gap:var(--s3);display:flex}.row--between{justify-content:space-between}.grow{flex:1;min-width:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dim{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.tiny{font-size:var(--t-sm)}.micro{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase}.stack{gap:var(--s2);display:grid}.center{text-align:center}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.chip{--base:var(--chip-onyx);--spot:#f2ede3;--face:#fff;--size:40px;width:var(--size);height:var(--size);background:repeating-conic-gradient(from 8deg, var(--base) 0deg 30deg, var(--spot) 30deg 45deg);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 0 0 1px #0006,0 2px 5px #00000073,inset 0 1px #ffffff38}.chip:before{content:"";background:linear-gradient(200deg, #ffffff29, #00000029), var(--base);border-radius:50%;position:absolute;inset:17%;box-shadow:inset 0 1px 2px #0006,0 0 0 1px #00000038}.chip__label{z-index:1;font-family:var(--display);font-weight:700;font-stretch:108%;font-size:calc(var(--size) * .34);letter-spacing:.01em;color:var(--face);text-shadow:0 1px 1px #0006;position:relative}.chip[data-size=sm]{--size:28px}.chip[data-size=md]{--size:40px}.chip[data-size=lg]{--size:54px}.chip[data-size=xl]{--size:80px}.chip[data-color=crimson]{--base:var(--chip-crimson);--spot:#f2ede3;--face:#fff6f2}.chip[data-color=cobalt]{--base:var(--chip-cobalt);--spot:#f2ede3;--face:#f4f8ff}.chip[data-color=jade]{--base:var(--chip-jade);--spot:#f2ede3;--face:#f1fff9}.chip[data-color=amber]{--base:var(--chip-amber);--spot:#3a2a0c;--face:#2a1d05}.chip[data-color=violet]{--base:var(--chip-violet);--spot:#f2ede3;--face:#f9f4ff}.chip[data-color=rose]{--base:var(--chip-rose);--spot:#f2ede3;--face:#fff4f8}.chip[data-color=ivory]{--base:var(--chip-ivory);--spot:#384841;--face:#16241e}.chip[data-color=onyx]{--base:#46564f;--spot:#e8e2d4;--face:#f2ede3}.chip--dim{opacity:.4;filter:saturate(.5)}.stackchips{display:inline-flex;position:relative}.stackchips>.chip{box-shadow:0 0 0 2px var(--surface), 0 2px 5px #00000073, 0 1px 0 #ffffff38 inset}.stackchips>.chip:not(:first-child){margin-left:-9px}.stackchips>.chip .chip__label{display:none}.scrim{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040a08a8;position:fixed;inset:0}.sheet{z-index:101;max-width:var(--shell);background:linear-gradient(180deg, var(--surface-hi), var(--surface));border-radius:var(--r-xl) var(--r-xl) 0 0;border-top:1px solid var(--hairline-hi);box-shadow:var(--lift-3);padding:var(--s2) var(--s4) calc(var(--s4) + var(--safe-b));flex-direction:column;max-height:92dvh;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet__grip{background:var(--hairline-hi);width:40px;height:4px;margin:var(--s2) auto var(--s4);border-radius:2px;flex:none}.sheet__title{font-size:var(--t-lg);margin-bottom:var(--s1);font-stretch:110%}.sheet__sub{color:var(--ink-dim);font-size:var(--t-sm);margin-bottom:var(--s4)}.sheet__body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.sheet__foot{padding-top:var(--s4);gap:var(--s2);flex:none;display:flex}.sheet__foot>*{flex:1}.keypad__readout{justify-content:center;align-items:baseline;gap:var(--s2);padding:var(--s5) 0 var(--s3);min-height:104px;display:flex}.keypad__value{font-family:var(--mono);font-size:var(--t-mega);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--ink);font-weight:600;line-height:1}.keypad__value[data-empty=true]{color:var(--ink-faint)}.keypad__unit{font-family:var(--mono);font-size:var(--t-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.keypad__worth{text-align:center;font-family:var(--mono);font-size:var(--t-sm);color:var(--brass);min-height:20px;margin-bottom:var(--s3)}.presets{gap:var(--s2);padding-bottom:var(--s3);scrollbar-width:none;display:flex;overflow-x:auto}.presets::-webkit-scrollbar{display:none}.preset{padding:var(--s2) var(--s4);background:var(--surface);border:1px solid var(--hairline);min-height:40px;font-family:var(--mono);font-size:var(--t-sm);color:var(--ink-dim);transition:transform .14s var(--ease), border-color .14s, color .14s;border-radius:999px;flex:none}.preset:active{transform:scale(.94)}.preset[data-on=true]{border-color:var(--brass);color:var(--brass)}.keypad__grid{gap:var(--s2);grid-template-columns:repeat(3,1fr);display:grid}.key{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--hairline);height:58px;font-family:var(--mono);color:var(--ink);transition:transform .1s var(--ease), background .1s;place-items:center;font-size:1.35rem;font-weight:500;display:grid}.key:active{background:var(--surface-top);transform:scale(.95)}.key--util{color:var(--ink-dim);font-size:1.1rem}.toast{z-index:200;left:var(--s4);right:var(--s4);bottom:calc(var(--bar-h) + var(--safe-b) + var(--s4));max-width:calc(var(--shell) - var(--s6));padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface-top);border:1px solid var(--hairline-hi);box-shadow:var(--lift-2);align-items:center;gap:var(--s3);font-size:var(--t-sm);margin:0 auto;display:flex;position:fixed}.toast[data-kind=error]{border-color:#e2604a80}.toast[data-kind=error] .toast__dot{background:var(--down)}.toast__dot{background:var(--brass);border-radius:50%;flex:none;width:7px;height:7px}.toast__undo{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--brass);flex:none}.empty{padding:var(--s8) var(--s5);text-align:center;justify-items:center;gap:var(--s3);display:grid}.empty__title{font-size:var(--t-lg);font-stretch:108%}.empty__body{color:var(--ink-dim);font-size:var(--t-sm);max-width:30ch}.masthead{padding:calc(var(--safe-t) + var(--s6)) var(--s4) var(--s4)}.masthead__word{font-family:var(--display);letter-spacing:-.045em;font-size:2.1rem;font-weight:800;font-stretch:125%;line-height:.95}.masthead__word em{color:var(--brass);font-style:normal}.masthead__sub{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin-top:var(--s2)}.page--hero{padding-bottom:calc(var(--bar-h) + var(--safe-b) + var(--s8));flex-direction:column;justify-content:center;display:flex}.live{padding:var(--s5);border-radius:var(--r-xl);background:radial-gradient(120% 100% at 15% 0%, #d4a93c21, transparent 62%), linear-gradient(170deg, var(--surface-hi), var(--surface));box-shadow:var(--lift-2);border:1px solid #d4a93c47;display:block;position:relative;overflow:hidden}.live__pulse{align-items:center;gap:var(--s2);font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--brass);display:inline-flex}.live__dot{background:var(--brass);width:6px;height:6px;box-shadow:0 0 0 0 var(--brass-glow);animation:pulse 2.4s var(--ease) infinite;border-radius:50%}@keyframes pulse{0%{box-shadow:0 0 #d4a93c8c}70%{box-shadow:0 0 0 9px #d4a93c00}to{box-shadow:0 0 #d4a93c00}}.live__name{font-size:var(--t-xl);margin:var(--s3) 0 var(--s1);font-stretch:112%}.live__meta{color:var(--ink-dim);font-size:var(--t-sm)}.live__foot{margin-top:var(--s5);justify-content:space-between;align-items:center;display:flex}.rack{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--lift-1);overflow:hidden}.rack__row{align-items:center;gap:var(--s3);width:100%;padding:var(--s3) var(--s4);text-align:left;transition:background .16s;display:flex;position:relative}.rack__row+.rack__row{box-shadow:0 -1px 0 var(--hairline)}.rack__row:active{background:var(--surface-hi)}.rack__name{font-weight:600;font-size:var(--t-md);display:block}.rack__sub{font-size:var(--t-sm);color:var(--ink-faint);margin-top:1px;display:block}.rack__fig{text-align:right;flex:none}.rack__chips{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:600}.rack__money{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-faint);margin-top:2px}.rack__row[data-on]{cursor:pointer}.rack__add{width:26px;height:26px;color:var(--ink-faint);background:var(--surface-hi);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:50%;flex:none;place-items:center;transition:color .16s,background .16s;display:grid}.rack__row:active .rack__add{color:var(--brass);background:var(--surface-top)}.rack__row[data-on=true]{background:#d4a93c14}.rack__tick{border:1.5px solid var(--hairline-hi);width:24px;height:24px;color:var(--felt-deep);border-radius:50%;flex:none;place-items:center;transition:background .16s,border-color .16s;display:grid}.rack__row[data-on=true] .rack__tick{background:var(--brass);border-color:var(--brass)}.strip{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--lift-1);display:flex;overflow:hidden}.strip__cell{padding:var(--s3) var(--s4);flex:1}.strip__cell+.strip__cell{box-shadow:-1px 0 0 var(--hairline)}.strip__k{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.strip__v{font-family:var(--mono);margin-top:2px;font-size:1.125rem;font-weight:600}.rate{align-items:center;gap:var(--s2);padding:5px var(--s3);background:var(--surface);border:1px solid var(--hairline);font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-dim);white-space:nowrap;border-radius:999px;display:inline-flex}.rate b{color:var(--brass);font-weight:500}.feed__item{align-items:center;gap:var(--s3);padding:var(--s3) 0;display:flex}.feed__item+.feed__item{box-shadow:0 -1px 0 var(--hairline)}.feed__txt{font-size:var(--t-sm);line-height:1.35}.feed__txt b{font-weight:650}.feed__time{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-faint);flex:none}.feed__undo{color:var(--ink-faint);padding:var(--s2);flex:none}.feed__undo:active{color:var(--down)}.check{padding:var(--s3) var(--s4);border-radius:var(--r-md);font-family:var(--mono);font-size:var(--t-sm);align-items:center;gap:var(--s3);border:1px solid;display:flex}.check[data-state=ok]{background:var(--up-soft);color:var(--up);border-color:#efc85e66}.check[data-state=off]{background:var(--down-soft);color:var(--down);border-color:#e2604a73}.check[data-state=pending]{background:var(--surface);border-color:var(--hairline);color:var(--ink-dim)}.count__val{min-width:92px;height:46px;padding:0 var(--s3);border-radius:var(--r-sm);background:var(--surface-hi);border:1px solid var(--hairline);font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;flex:none;justify-content:flex-end;align-items:center;font-size:1.0625rem;transition:border-color .16s;display:flex}.count__val[data-empty=true]{color:var(--ink-faint)}.count__val:active{border-color:var(--brass-dim)}.pay{align-items:center;gap:var(--s3);text-align:left;width:100%;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--lift-1);transition:opacity .2s, transform .14s var(--ease);display:flex}.pay:active{transform:scale(.985)}.pay[data-done=true]{opacity:.45}.pay[data-done=true] .pay__amt{text-decoration:line-through}.pay__who{flex:1;min-width:0}.pay__from{font-size:var(--t-md);font-weight:650}.pay__to{font-size:var(--t-sm);color:var(--ink-dim);align-items:center;gap:5px;margin-top:1px;display:flex}.pay__to .chip{--size:15px}.pay__amt{font-family:var(--mono);color:var(--brass);flex:none;font-size:1.0625rem;font-weight:600}.pay__tick{border:1.5px solid var(--hairline-hi);width:28px;height:28px;color:var(--felt-deep);border-radius:50%;flex:none;place-items:center;transition:background .18s,border-color .18s;display:grid}.pay[data-done=true] .pay__tick{background:var(--brass);border-color:var(--brass)}@keyframes deal-in{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:none}}.pay--deal{animation:deal-in .42s var(--ease) backwards}@keyframes settle-flash{0%{opacity:.55}to{opacity:0}}.settle-flash{z-index:50;pointer-events:none;opacity:0;background:radial-gradient(60% 40% at 50% 22%, var(--brass-glow), transparent 70%);animation:settle-flash .9s var(--ease-in) forwards;position:fixed;inset:0}.verdict{text-align:center;padding:var(--s6) 0 var(--s5)}.verdict>.chip{margin-inline:auto}.verdict__label{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.verdict__fig{font-family:var(--mono);font-size:var(--t-mega);letter-spacing:-.04em;margin-top:var(--s2);font-weight:600;line-height:1.05}.statgrid{gap:var(--s2);grid-template-columns:repeat(2,1fr);display:grid}.stat{padding:var(--s4);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--lift-1)}.stat__k{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.stat__v{font-family:var(--mono);margin-top:var(--s1);font-size:1.25rem;font-weight:600}.spark{width:100%;height:54px;display:block;overflow:visible}.seg{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--lift-1);gap:2px;padding:3px;display:flex}.seg__opt{padding:var(--s2) var(--s2);min-height:42px;font-size:var(--t-sm);color:var(--ink-dim);border-radius:10px;flex:1;font-weight:600;transition:background .18s,color .18s}.seg__opt[data-on=true]{background:var(--surface-top);color:var(--ink)}.linkrow{align-items:center;gap:var(--s3);width:100%;padding:var(--s4);text-align:left;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--lift-1);transition:transform .14s var(--ease);display:flex}.linkrow:active{transform:scale(.985)}.linkrow:disabled{opacity:.45}.linkrow:disabled:active{transform:none}.linkrow__chev{color:var(--ink-faint);flex:none}.switch{background:var(--surface-top);width:46px;height:28px;box-shadow:inset 0 0 0 1px var(--hairline);transition:background .2s var(--ease), box-shadow .2s;border-radius:999px;flex:none;position:relative}.switch[data-on=true]{background:var(--brass);box-shadow:inset 0 0 0 1px var(--brass-hi)}.switch:after{content:"";background:var(--ink);width:22px;height:22px;transition:transform .2s var(--ease), background .2s;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000080}.switch[data-on=true]:after{background:#2a1d05;transform:translate(18px)}