*{box-sizing:border-box}#app{height:100%}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0}main{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left));max-width:44rem;margin:0 auto}h1{margin:0 0 .25rem;font-size:1.4rem}.muted,p{color:var(--muted);margin:0}a{color:var(--accent)}.back{margin-bottom:.5rem;text-decoration:none;display:inline-block}.cards{gap:12px;margin-top:20px;display:grid}.card{background:var(--panel);border:1px solid var(--line);color:var(--fg);border-radius:12px;flex-direction:column;gap:2px;padding:16px;text-decoration:none;display:flex}.card span{color:var(--muted);font-size:.9rem}button,input{font:inherit;color:var(--fg)}button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;min-height:44px;padding:0 18px}button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-on);font-weight:600}button:disabled{opacity:.5;cursor:default}input[type=text]{border:1px solid var(--line);background:var(--panel);border-radius:10px;width:100%;min-height:44px;padding:0 12px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.chip{min-height:36px;padding:0 12px}.chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.stats{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:8px;margin:12px 0;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.stat b{font-variant-numeric:tabular-nums;font-size:1.3rem;display:block}.stat small{color:var(--muted)}.meter{background:var(--panel);border:1px solid var(--line);border-radius:7px;height:14px;overflow:hidden}.meter>i{background:var(--ok);width:0;height:100%;transition:width 60ms linear;display:block}.err{color:var(--bad)}body.monitor main{max-width:none;height:100%;padding-bottom:max(8px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.mon-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.readout{font-variant-numeric:tabular-nums;min-width:9ch;font-size:2rem;font-weight:600}.readout small{color:var(--muted);font-size:1rem;font-weight:400}#stage{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex:1;min-height:0;margin-top:8px;position:relative;overflow:hidden}#stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.debug{color:var(--muted);margin-top:6px;font:.75rem/1.4 ui-monospace,monospace}@media (orientation:landscape) and (max-height:520px){h1{display:none}.back{margin:0}main{padding-top:6px}.readout{font-size:1.5rem}}@font-face{font-family:Inter;src:url(/fonts/inter-latin-opsz-normal.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(/fonts/inter-latin-ext-opsz-normal.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Sing Music;src:url(/fonts/sing-music.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+2669,U+266D-266F}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f3ec;--surface:#fcfaf5;--raised:#fff;--sunken:#ece8de;--scrim:#1c1a1766;--text-1:#1c1a17;--text-2:#55514a;--text-3:#6b665c;--border:#ddd7c9;--border-strong:#8a8477;--primary:#1c1a17;--primary-on:#f6f3ec;--primary-hover:#34312c;--primary-pressed:#000;--accent:#3346b8;--accent-on:#fff;--accent-soft:#e6e9f7;--focus:#3346b8;--in-tune:#00727a;--in-tune-soft:#dcefef;--near:#8a6100;--near-soft:#f5e9c8;--miss:#a81e3c;--miss-soft:#f8e1e3;--unsung:#8a8477;--stave-bg:var(--surface);--staff-ink:#1c1a17;--staff-line:#8a8477;--trace-live:var(--accent);--trace-scored:#6b665c;--cursor:var(--accent);--mark-hit:var(--in-tune);--mark-near:var(--near);--mark-miss:var(--miss);--mark-unsung:var(--unsung);--lane:#1c1a171a;--lane-now:#3346b829;--range-band:#00727a12;--stave-next-opacity:.5;--font-ui:"Inter", "Sing Music", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--fs-xs:.75rem;--lh-xs:1rem;--fs-sm:.875rem;--lh-sm:1.25rem;--fs-md:1rem;--lh-md:1.5rem;--fs-lg:1.125rem;--lh-lg:1.625rem;--fs-xl:1.375rem;--lh-xl:1.75rem;--fs-2xl:1.75rem;--lh-2xl:2.125rem;--fs-3xl:2.5rem;--lh-3xl:2.75rem;--fs-4xl:4rem;--lh-4xl:4rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--tracking-tight:-.015em;--tracking-caps:.06em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--gutter:16px;--page-max:640px;--tap:48px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-full:999px;--shadow-1:0 1px 2px #1c1a170f, 0 0 0 1px #1c1a170a;--shadow-2:0 2px 6px #1c1a1714, 0 12px 32px #1c1a1724;--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-sticky:10;--z-transport:20;--z-scrim:30;--z-sheet:31;--z-toast:40;--fg:var(--text-1);--muted:var(--text-2);--panel:var(--surface);--line:var(--border);--ok:var(--in-tune);--bad:var(--miss)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121110;--surface:#1b1a18;--raised:#262421;--sunken:#0c0b0a;--scrim:#0009;--text-1:#f0ede6;--text-2:#b8b3a9;--text-3:#989389;--border:#302e2a;--border-strong:#767166;--primary:#f0ede6;--primary-on:#121110;--primary-hover:#fff;--primary-pressed:#d6d2c9;--accent:#a3b1ff;--accent-on:#10132e;--accent-soft:#24284d;--focus:#a3b1ff;--in-tune:#4cd3cc;--in-tune-soft:#11302f;--near:#f5c552;--near-soft:#382d0f;--miss:#ff8291;--miss-soft:#431c22;--unsung:#7e796e;--staff-ink:#f0ede6;--staff-line:#7e796e;--trace-scored:#a39e94;--lane:#f0ede61f;--lane-now:#a3b1ff38;--range-band:#4cd3cc14;--shadow-1:0 0 0 1px #f0ede60f;--shadow-2:0 0 0 1px #f0ede614, 0 12px 32px #00000080}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121110;--surface:#1b1a18;--raised:#262421;--sunken:#0c0b0a;--scrim:#0009;--text-1:#f0ede6;--text-2:#b8b3a9;--text-3:#989389;--border:#302e2a;--border-strong:#767166;--primary:#f0ede6;--primary-on:#121110;--primary-hover:#fff;--primary-pressed:#d6d2c9;--accent:#a3b1ff;--accent-on:#10132e;--accent-soft:#24284d;--focus:#a3b1ff;--in-tune:#4cd3cc;--in-tune-soft:#11302f;--near:#f5c552;--near-soft:#382d0f;--miss:#ff8291;--miss-soft:#431c22;--unsung:#7e796e;--staff-ink:#f0ede6;--staff-line:#7e796e;--trace-scored:#a39e94;--lane:#f0ede61f;--lane-now:#a3b1ff38;--range-band:#4cd3cc14;--shadow-1:0 0 0 1px #f0ede60f;--shadow-2:0 0 0 1px #f0ede614, 0 12px 32px #00000080}@media (min-width:600px){:root{--gutter:24px}}@media (prefers-reduced-motion:reduce){:root{--dur-1:.01ms;--dur-2:.01ms;--dur-3:.01ms}*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{font-family:var(--font-ui);font-size:100%;line-height:var(--lh-md);font-optical-sizing:auto;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text-1);font-size:var(--fs-md);margin:0}.num,time,[data-num]{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:inherit}[hidden]{display:none!important}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%}h1,h2,h3,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}a{color:var(--accent);text-underline-offset:3px}button,input,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}svg.icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}svg.icon.sm{width:20px;height:20px}.page{max-width:var(--page-max);min-height:100%;padding:0 max(var(--gutter), env(safe-area-inset-right)) calc(var(--sp-16) + env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));margin:0 auto}.page-head{padding:var(--sp-2) 0 var(--sp-6)}.overline{font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-3)}.title{font-size:var(--fs-2xl);line-height:var(--lh-2xl);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);margin-top:var(--sp-1);text-wrap:balance}.lead{font-size:var(--fs-md);line-height:var(--lh-md);color:var(--text-2);margin-top:var(--sp-2);max-width:44ch}.meta{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-3)}.section{margin-top:var(--sp-8)}.section-title{font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-semibold);color:var(--text-2);margin:0 0 var(--sp-2) var(--sp-4)}.appbar{z-index:var(--z-sticky);grid-template-columns:var(--tap) 1fr var(--tap);height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);margin:0 calc(var(--sp-3) * -1);background:var(--bg);align-items:center;display:grid;position:sticky;top:0}.appbar[data-scrolled]{box-shadow:0 1px 0 var(--border)}.appbar-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity var(--dur-2) var(--ease-out);overflow:hidden}.appbar[data-scrolled] .appbar-title{opacity:1}.appbar .wordmark{padding-left:var(--sp-3);font-size:var(--fs-md);font-weight:var(--fw-semibold);grid-column:1/3}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);border-radius:var(--r-md);color:var(--text-1);font-size:var(--fs-md);font-weight:var(--fw-semibold);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);background:0 0;border:1px solid #0000;line-height:1.25;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:var(--primary-on)}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-pressed)}.btn-secondary{border-color:var(--border-strong)}.btn-secondary:hover,.btn-ghost:hover{background:var(--sunken)}.btn-ghost{color:var(--accent);padding:0 var(--sp-3)}.btn-danger{color:var(--miss)}.btn-lg{min-height:56px;font-size:var(--fs-lg);border-radius:var(--r-lg)}.btn-sm{min-height:44px;padding:0 var(--sp-4);font-size:var(--fs-sm)}.btn-block{width:100%;display:flex}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;pointer-events:none;cursor:default}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-full);color:var(--text-1);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;text-decoration:none;display:inline-grid}.icon-btn:hover{background:var(--sunken)}.icon-btn:active{transform:scale(.94)}.hero{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-1);padding:var(--sp-6) var(--sp-5) var(--sp-5)}.hero .title{font-size:var(--fs-2xl)}.hero .btn{margin-top:var(--sp-6)}.list{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}.item{align-items:center;column-gap:var(--sp-3);min-height:56px;padding:var(--sp-2) var(--sp-4);color:var(--text-1);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-columns:24px minmax(0,1fr) auto;width:100%;text-decoration:none;display:grid;position:relative}.item+.item:before{content:"";background:var(--border);height:1px;position:absolute;top:0;left:52px;right:0}.item:hover{background:color-mix(in srgb, var(--sunken) 50%, transparent)}.item:active{background:var(--sunken)}.item-title{font-size:var(--fs-md);line-height:var(--lh-md);font-weight:var(--fw-medium);overflow-wrap:anywhere}.item-sub{font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:var(--fw-regular);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.item-sub.two{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.item-meta{font-size:var(--fs-sm);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:var(--sp-1);display:inline-flex}.item .state{color:var(--border-strong)}.item[data-state=done] .state{color:var(--text-3)}.item[data-state=done] .item-title{color:var(--text-2);font-weight:var(--fw-regular)}.item[data-state=current]{background:var(--accent-soft)}.item[data-state=current] .state{color:var(--accent)}.item[data-state=current] .item-title{font-weight:var(--fw-semibold)}.item[aria-disabled=true]{cursor:default;pointer-events:none}.item[aria-disabled=true] .item-title,.item[aria-disabled=true] .item-sub{color:var(--text-3)}.item.no-icon{grid-template-columns:minmax(0,1fr) auto}.item.no-icon+.item.no-icon:before{left:var(--sp-4)}.unit{margin-top:var(--sp-4)}.unit-head{align-items:center;column-gap:var(--sp-2);width:100%;min-height:var(--tap);padding:0 var(--sp-3) 0 var(--sp-4);border-radius:var(--r-md);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto 24px;display:grid}.unit-head:hover{background:var(--sunken)}.unit-name{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.unit-count{font-size:var(--fs-sm);color:var(--text-3);font-variant-numeric:tabular-nums}.unit-head .icon{color:var(--text-3);transition:transform var(--dur-2) var(--ease-out)}.unit-head[aria-expanded=true] .icon{transform:rotate(90deg)}.unit[data-done] .unit-name{color:var(--text-2);font-weight:var(--fw-medium)}.lsteps{margin-top:var(--sp-6)}.lstep{column-gap:var(--sp-3);padding-bottom:var(--sp-3);grid-template-columns:32px minmax(0,1fr);display:grid;position:relative}.lstep:not(:last-child):before{content:"";background:var(--border);border-radius:1px;width:2px;position:absolute;top:42px;bottom:-2px;left:15px}.lstep-badge{border-radius:var(--r-full);width:32px;height:32px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;border:1.5px solid var(--border-strong);color:var(--text-2);background:var(--bg);place-items:center;margin-top:6px;display:grid}.lstep[data-state=done] .lstep-badge{background:var(--sunken);color:var(--text-2);border-color:#0000}.lstep[data-state=current] .lstep-badge{border-color:var(--accent);background:var(--accent);color:var(--accent-on)}.lstep-head{justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;min-height:44px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.lstep-title{font-size:var(--fs-md);line-height:var(--lh-md);font-weight:var(--fw-semibold)}.lstep[data-state=done] .lstep-title{color:var(--text-2);font-weight:var(--fw-medium)}.lstep-body{margin:var(--sp-2) 0 var(--sp-3);gap:var(--sp-3);grid-column:2;display:grid}.lstep-actions{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.link-row{gap:0 var(--sp-4);flex-wrap:wrap;display:flex}.link-out{align-items:center;gap:var(--sp-1);min-height:44px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--accent);text-decoration:none;display:inline-flex}.link-out:hover{text-decoration:underline}.field{gap:var(--sp-2);display:grid}.field>label,.label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-2)}input.input,select.select,textarea.input{width:100%;min-height:var(--tap);padding:0 var(--sp-4);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text-1)}input.input::placeholder{color:var(--text-3)}input.input[aria-invalid=true]{border-color:var(--miss)}.field-error{gap:var(--sp-2);font-size:var(--fs-sm);color:var(--miss);align-items:center;display:flex}.seg{border-radius:var(--r-md);background:var(--sunken);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;min-height:52px;padding:4px;display:grid}.seg>button{min-height:44px;padding:0 var(--sp-2);border-radius:var(--r-sm);color:var(--text-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap;background:0 0;border:0}.seg>button[aria-checked=true]{background:var(--raised);color:var(--text-1);font-weight:var(--fw-semibold);box-shadow:var(--shadow-1)}.switch{cursor:pointer;background:0 0;border:0;flex:none;width:56px;height:44px;padding:0;position:relative}.switch:before{content:"";border:1.5px solid var(--border-strong);border-radius:var(--r-full);background:var(--sunken);width:52px;height:32px;transition:background-color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);position:absolute;top:6px;left:2px}.switch:after{content:"";background:var(--border-strong);width:23px;height:23px;transition:transform var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out);border-radius:50%;position:absolute;top:10.5px;left:6.5px}.switch[aria-checked=true]:before{background:var(--primary);border-color:var(--primary)}.switch[aria-checked=true]:after{background:var(--primary-on);transform:translate(20px)}.stepper{grid-template-columns:var(--tap) minmax(72px, auto) var(--tap);border:1px solid var(--border-strong);border-radius:var(--r-md);align-items:center;display:inline-grid}.stepper output{text-align:center;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.stepper button{cursor:pointer;border-radius:var(--r-md);background:0 0;border:0;place-items:center;height:46px;min-height:0;padding:0;display:grid}.scrim{z-index:var(--z-scrim);background:var(--scrim);position:fixed;inset:0}.sheet{z-index:var(--z-sheet);background:var(--raised);width:auto;max-width:none;height:-moz-fit-content;height:fit-content;max-height:85dvh;color:var(--text-1);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-2);padding:var(--sp-3) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom));border:0;margin:0;position:fixed;inset:auto 0 0;overflow:auto}dialog.sheet::backdrop{background:var(--scrim)}.sheet:before{content:"";width:36px;height:4px;margin:0 auto var(--sp-4);background:var(--border-strong);opacity:.5;border-radius:2px;display:block}.sheet-title{font-size:var(--fs-lg);line-height:var(--lh-lg);font-weight:var(--fw-semibold);margin-bottom:var(--sp-4)}@media (min-width:600px){.sheet{border-radius:var(--r-xl);width:min(480px,100vw - 48px);padding:var(--sp-6);margin:auto;inset:0}.sheet:before{display:none}}.toast{left:50%;bottom:calc(var(--sp-6) + env(safe-area-inset-bottom));z-index:var(--z-toast);align-items:center;gap:var(--sp-3);max-width:calc(100vw - 32px);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--text-1);color:var(--bg);font-size:var(--fs-sm);font-weight:var(--fw-medium);box-shadow:var(--shadow-2);display:flex;position:fixed;transform:translate(-50%)}.empty{text-align:center;justify-items:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-4);display:grid}.empty .icon{width:40px;height:40px;color:var(--text-3);stroke-width:1.5px}.empty-title{font-size:var(--fs-lg);line-height:var(--lh-lg);font-weight:var(--fw-semibold)}.empty p{color:var(--text-2);max-width:32ch}.empty .btn{margin-top:var(--sp-3)}.skel{border-radius:var(--r-sm);background:var(--sunken);animation:skel 1.2s var(--ease-in-out) infinite alternate}@keyframes skel{0%{opacity:1}to{opacity:.5}}.pill{min-height:24px;padding:0 var(--sp-2);border-radius:var(--r-full);background:var(--sunken);color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);align-items:center;gap:6px;display:inline-flex}.figure{gap:2px;display:grid}.figure b{font-size:var(--fs-xl);line-height:var(--lh-xl);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.figure span{font-size:var(--fs-sm);color:var(--text-2)}body[data-quiet] [data-afb-ui]{display:none!important}@media (max-width:599px){body:not([data-afb-open]) [data-afb-ui]{display:none!important}}.appbar{grid-template-columns:var(--tap) 1fr auto}.appbar-slot{min-width:var(--tap);justify-content:flex-end;align-items:center;display:flex}.appbar .back{grid-column:1}.appbar .icon-btn.back{margin-left:calc(var(--sp-3) * 0)}@media (min-width:600px){.fb-btn{display:none}}.field .pass{position:relative}.field .pass input.input{padding-right:var(--tap)}.field .pass .icon-btn{width:44px;height:44px;color:var(--text-2);position:absolute;top:2px;right:2px}.login{min-height:100%;padding-block:var(--sp-8);align-content:center;display:grid}.login-col{gap:var(--sp-4);width:100%;max-width:360px;margin:0 auto;display:grid}.login-col form{gap:var(--sp-4);margin-top:var(--sp-4);display:grid}.login-col .btn-ghost{justify-self:center}.field-error:empty{display:none}.item.static{cursor:default}.item.static:hover,.item.static:active{background:0 0}.item.hl{background:var(--accent-soft)}.item.no-icon .item-sub.note{color:var(--text-2)}.item-title.wrap{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.set-sections{gap:var(--sp-8);display:grid}.set-row{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:64px;padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4);display:flex;position:relative}.set-row+.set-row:before,.item+.set-row:before{content:"";top:0;left:var(--sp-4);background:var(--border);height:1px;position:absolute;right:0}.set-row .item-title{font-weight:var(--fw-medium)}.item.no-icon .chev{color:var(--text-3)}.stepper button:disabled{opacity:.35;cursor:default}.stepper button:hover:not(:disabled){background:var(--sunken)}.build{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--text-3);text-align:center;margin-top:var(--sp-8)}