@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,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(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f3f3f5;--surface:#fff;--surface-2:#f7f7f9;--ink:#16161a;--muted:#71717a;--line:#16161a14;--line-strong:#16161a29;--brand:#2b5dd1;--brand-ink:#fff;--brand-soft:#2b5dd11a;--brand-soft-strong:#2b5dd12e;--danger:#c0273b;--danger-soft:#c0273b1a;--warn:#8a5a00;--warn-soft:#e0960024;--card-a:#26272f;--card-b:#3b3d4a;--card-ink:#fff;--card-ink-soft:#ffffffb8;--card-spent-a:#d6d7dd;--card-spent-b:#c3c4cc;--card-shadow:#0a0a1447;--panel-shadow:0 1px 2px #16161a0a;--bar-bg:#f3f3f5d1;--focus:#2b5dd1;--radius-control:14px;--radius-panel:18px;--radius-card:20px;--gutter:20px;--tabbar:58px;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter Variable,Inter,system-ui,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.4}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;padding:env(safe-area-inset-top) var(--gutter) 0;background:var(--page);margin:0}h1{letter-spacing:-.025em;margin:.2em 0 .25em;font-size:2rem;font-weight:700;line-height:1.12}h2{letter-spacing:-.015em;margin:0 0 .5em;font-size:1.2rem;font-weight:650}h3{letter-spacing:.01em;color:var(--muted);margin:1.5em 0 .5em;font-size:.8rem;font-weight:600}p{margin:.4em 0}a{color:var(--brand)}.page{max-width:30rem;padding:4px 0 calc(var(--tabbar) + env(safe-area-inset-bottom) + 40px);margin:0 auto}.page.narrow{max-width:22rem;padding-top:14vh;padding-bottom:48px}.page.narrow h1{text-align:center;margin:.3em 0 .6em}.page.narrow>p,.page.narrow>.note{text-align:center}.page>section:not(.total):not(.card-list),.page>.detail>section,.page>.detail>.facts{border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--panel-shadow);margin:14px 0 0;padding:16px 16px 18px}.page>section>h2{margin-top:0}.page>section>h3:first-of-type{margin-top:.6em}.page>section>p:first-of-type:not(.muted):not(.note):not(.error),.page>section>h2+p.muted{margin-top:-.1em}.splash-screen{z-index:10;color:#fff;background:#005daa;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.splash-logo{filter:drop-shadow(0 10px 24px #00000047);width:112px}.splash-name{letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}@media (prefers-reduced-motion:no-preference){.splash-logo{animation:1.6s ease-in-out infinite splash-pulse}}@keyframes splash-pulse{50%{transform:scale(1.06)}}.splash{text-align:center;color:var(--muted);margin-top:40vh;font-weight:600}.wordmark{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:9px;margin:0;font-size:1rem;font-weight:650;text-decoration:none;display:inline-flex}.wordmark:before{content:"";background:radial-gradient(120% 90% at 100% 0%, #ffffff38, #fff0 55%), linear-gradient(135deg, var(--card-b), var(--card-a));border-radius:4px;flex:none;width:22px;height:16px;box-shadow:inset 0 1px #ffffff40}.page.narrow .wordmark{color:var(--muted);justify-content:center;margin-bottom:28px;font-size:.95rem;display:flex}.page.narrow .wordmark:before{border-radius:6px;width:30px;height:22px}.app-header{z-index:5;background:var(--page);justify-content:space-between;align-items:center;max-width:30rem;margin:0 auto;padding:14px 0 10px;display:flex;position:sticky;top:0}.app-header nav{z-index:10;padding:6px max(var(--gutter), env(safe-area-inset-left)) env(safe-area-inset-bottom);background:var(--bar-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--line);justify-content:center;display:flex;position:fixed;inset:auto 0 0}.app-header nav a{max-width:7rem;min-height:calc(var(--tabbar) - 6px);color:var(--muted);letter-spacing:.005em;border-radius:12px;flex:1;align-content:start;justify-items:center;gap:2px;padding:4px 0 2px;font-size:.64rem;font-weight:600;text-decoration:none;display:grid}.app-header nav a svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.app-header nav a[aria-current=page]{color:var(--brand)}.app-header nav a[aria-current=page] svg{stroke-width:2.2px}.muted{color:var(--muted)}.small{font-size:.88rem}.stack{gap:12px;display:grid}.row{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.field{color:var(--muted);gap:6px;font-size:.88rem;font-weight:600;display:grid}input,select{border-radius:var(--radius-control);background:var(--surface-2);width:100%;min-height:50px;color:var(--ink);font:inherit;border:1px solid #0000;padding:12px 14px;font-weight:400}.page>section input,.page>section select{background:var(--page)}input:focus-visible,select:focus-visible{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft-strong);outline:none}.code-input{letter-spacing:.4em;font-variant-numeric:tabular-nums;text-align:center;font-size:2rem;font-weight:600}.button{border-radius:var(--radius-control);background:var(--brand-soft);min-height:50px;color:var(--brand);font:inherit;letter-spacing:-.005em;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{background:var(--brand);color:var(--brand-ink)}.button.quiet{min-height:44px;color:var(--brand);background:0 0;padding:8px 10px}.button.danger{background:var(--danger);color:#fff}.button.danger-outline{background:var(--danger-soft);color:var(--danger)}.button:disabled{opacity:.5;cursor:progress}.button.block{width:100%;display:flex}.link{color:var(--brand);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;text-decoration:none}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.error{color:var(--danger);font-weight:500}.divider{color:var(--muted);align-items:center;gap:12px;margin:28px 0 20px;font-size:.88rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--line-strong);flex:1}.offer{border-radius:var(--radius-panel);background:var(--brand-soft);margin:8px 0 20px;padding:18px}.offer h2{margin-top:0}.offer .row{margin-bottom:0}.list{margin:0;padding:0;list-style:none}.list .button{white-space:nowrap}.list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.list li:last-child{border-bottom:0}.list li>.button.quiet{margin-right:-10px}.item-title{margin:0;font-weight:500}.list .muted.small{margin-top:1px}.badge{background:var(--brand-soft);color:var(--brand);vertical-align:2px;white-space:nowrap;border-radius:999px;margin-left:8px;padding:2px 9px;font-size:.74rem;font-weight:600;display:inline-block}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.confirm{border-radius:var(--radius-control);background:var(--danger-soft);margin:12px 0;padding:14px 16px}.confirm p:first-child{margin-top:0}.confirm .row{margin-bottom:0}@media (prefers-reduced-motion:no-preference){.button,.chip,.card-tile>a,.app-header nav a{transition:transform .16s cubic-bezier(.2,.8,.2,1),background-color .16s,box-shadow .2s,opacity .16s}.button:hover:not(:disabled){filter:brightness(1.04)}.button:active:not(:disabled),.chip:active{transform:scale(.96)}.app-header nav a:active{transform:scale(.92)}::view-transition-old(root){animation-duration:.18s}::view-transition-new(root){animation-duration:.18s}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.empty{border-radius:var(--radius-panel);background:var(--surface);color:var(--muted);text-align:center;margin:28px 0;padding:28px 20px}.empty .button{margin:14px 0 10px}p.empty{padding:20px}.note{border-radius:var(--radius-control);margin:12px 0;padding:12px 14px;font-weight:500}.note p:first-child{margin-top:0}.note p:last-child{margin-bottom:0}.note.warn{background:var(--warn-soft);color:var(--warn)}.note.danger{background:var(--danger-soft);color:var(--danger)}.note.success{background:var(--brand-soft);color:var(--ink)}.note a{color:inherit;font-weight:600}.note .button{background:var(--surface);color:var(--ink)}.total{gap:0;margin:18px 0 6px;display:grid}.total-label{color:var(--muted);margin:0;font-size:.88rem;font-weight:500}.total-amount{letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:2px 0 2px -.04em;font-size:clamp(3.2rem,16vw,4.4rem);font-weight:700;line-height:1}.total>.muted.small{margin:4px 0 0}.total>.button{margin-top:22px}.total .sync{margin:10px 0 0}.total .sync .button{width:100%}.list-controls{gap:12px;margin:26px 0 14px;display:grid}.field.inline{justify-content:space-between;align-items:center;gap:10px;font-size:.88rem;display:flex}.field.inline select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2371717a' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center / 12px 8px, var(--surface);width:auto;min-height:40px;color:var(--ink);appearance:none;border-radius:10px;padding:6px 32px 6px 12px;font-size:.88rem;font-weight:600}.chips{background:var(--line);border:0;border-radius:12px;gap:2px;margin:0;padding:3px;display:flex}.chip{min-height:36px;color:var(--muted);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:9px;flex:1;justify-content:center;align-items:center;padding:4px 8px;font-size:.82rem;font-weight:600;display:inline-flex;position:relative}.chip input{opacity:0;pointer-events:none;position:absolute}.chip:has(input:checked){background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.chip:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:1px}.cards{margin:0;padding:10px 0 0;list-style:none}.card-tile{position:relative}.cards{--pile-overlap:74px}.cards:not(.flat) .card-tile+.card-tile{margin-top:calc(-1 * var(--pile-overlap))}.cards.flat .card-tile+.card-tile{margin-top:14px}.card-tile>a{border-radius:var(--radius-card);background:radial-gradient(120% 90% at 100% 0%, #ffffff29, #fff0 55%), linear-gradient(135deg, var(--card-b), var(--card-a));min-height:176px;color:var(--card-ink);box-shadow:inset 0 1px 0 #ffffff2e, 0 -8px 24px var(--card-shadow), 0 10px 30px #0000001f;-webkit-tap-highlight-color:transparent;grid-template-rows:auto auto 1fr;padding:18px 20px 16px;text-decoration:none;display:grid}.cards.flat .card-tile>a{box-shadow:inset 0 1px #ffffff2e,0 10px 30px #0000001f}.card-tile.finish-1>a{--card-a:#1f2a3d;--card-b:#3a4a66}.card-tile.finish-2>a{--card-a:#2d2430;--card-b:#4a3e50}.card-tile.finish-3>a{--card-a:#1f2d2a;--card-b:#3a4f49}.card-tile.spent>a{background:radial-gradient(120% 90% at 100% 0%, #fff6, #fff0 55%), linear-gradient(135deg, var(--card-spent-a), var(--card-spent-b));color:var(--ink);--card-ink-soft:var(--muted)}@media (prefers-reduced-motion:no-preference){.card-tile>a:active{transform:scale(.98)}@media (hover:hover){.card-tile>a:hover{transform:translateY(-3px)}}}.tile-top{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.tile-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.05rem;font-weight:600;overflow:hidden}.tile-balance{letter-spacing:-.03em;font-variant-numeric:tabular-nums;flex:none;font-size:1.55rem;font-weight:700}.tile-meta{color:var(--card-ink-soft);margin-top:2px;font-size:.82rem;line-height:1.5;display:block}.tile-meta .badge{vertical-align:0;color:var(--card-ink);background:#ffffff29;margin-left:6px}.card-tile.spent .tile-meta .badge{color:var(--ink);background:#00000014}.tile-meta .badge.warn{color:#ffe2ad;background:#ffc45c4d}.tile-meta .badge.danger{color:#ffc9d0;background:#ff78884d}.tile-foot{min-height:calc(var(--pile-overlap) - 8px);justify-content:flex-end;align-items:flex-end;display:flex}.tile-last4{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--card-ink);font-size:1rem;font-weight:600}.card-tile.spent .tile-last4{color:var(--ink)}.card-tile>.button{color:var(--card-ink);background:#ffffff24;border-radius:10px;min-height:40px;padding:6px 14px;position:absolute;bottom:10px;right:12px}.card-tile.spent>.button{color:var(--ink);background:#00000014}.card-tile:has(>.button) .tile-last4{visibility:hidden}.back{color:var(--brand);border-radius:10px;align-items:center;gap:2px;margin:6px 0 10px -6px;padding:6px 8px 6px 4px;font-weight:500;text-decoration:none;display:inline-flex}.back:before{content:"";border-bottom:2.2px solid;border-left:2.2px solid;width:10px;height:10px;margin-right:4px;transform:rotate(45deg)}.detail>h1{color:var(--muted);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:600}.detail-balance{letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:0 0 0 -.04em;font-size:clamp(3rem,15vw,4rem);font-weight:700;line-height:1.05}.as-of{color:var(--muted);font-size:.88rem}.as-of.stale{color:var(--warn);font-weight:600}.badges:empty{display:none}.badges .badge{margin:0 6px 0 0}.detail>.button.block{margin:18px 0 8px}.detail>.sync{margin:14px 0 0}.detail>.button.quiet{margin-left:-10px}.rename{gap:4px;margin:8px 0;display:grid}.rename .row{margin-bottom:0}.facts{grid-template-columns:max-content 1fr;gap:12px 20px;display:grid}.facts dt{color:var(--muted)}.facts dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:500}.archive h2{margin-top:0}.archive .button{margin-top:6px}.checkout{max-width:30rem;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.checkout-bar{justify-content:space-between;align-items:center;gap:12px;padding:10px 0 6px;display:flex}.checkout-bar .button.quiet{margin-left:-10px}.checkout-total{color:var(--muted);text-align:right;margin:0;font-size:.88rem}.checkout-total strong{color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700;display:block}.carousel-track{gap:var(--gutter);margin:0 calc(-1 * var(--gutter));padding:10px var(--gutter) 0;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);overscroll-behavior-x:contain;scrollbar-width:none;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;position:relative}.slide-card{border-radius:var(--radius-card);background:radial-gradient(120% 90% at 100% 0%, #ffffff29, #fff0 55%), linear-gradient(135deg, var(--card-b), var(--card-a));min-height:190px;color:var(--card-ink);align-content:space-between;padding:20px 22px 18px;display:grid;box-shadow:inset 0 1px #ffffff2e,0 14px 36px #0003}.slide-name{text-overflow:ellipsis;white-space:nowrap;color:var(--card-ink-soft);margin:0;font-weight:600;overflow:hidden}.slide-last4{letter-spacing:.1em;font-variant-numeric:tabular-nums;margin:28px 0 0;font-size:1.1rem;font-weight:600}.slide-balance{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:clamp(2.4rem,12vw,3.2rem);font-weight:700;line-height:1}.slide .as-of{text-align:center;margin:14px 0 6px}.barcode{border-radius:var(--radius-panel);color:#000;background:#fff;margin:8px 0;padding:22px 12px 14px;box-shadow:0 1px 2px #0000000f}.barcode svg{fill:#000;shape-rendering:crispedges;width:100%;height:124px;display:block}.barcode-number{letter-spacing:.1em;text-align:center;font-variant-numeric:tabular-nums;margin:12px 0 0;font-size:1.05rem;font-weight:600}.barcode-missing{text-align:center;margin:0;padding:0 16px}.barcode-loading{border-radius:var(--radius-panel);color:#6b6b73;background:#fff;place-items:center;min-height:178px;margin:8px 0;display:grid}.copy-row{margin:4px 0 0}.copy-row .button{flex:1}.slide>.muted.small{text-align:center}.carousel-pager{justify-content:space-between;align-items:center;gap:8px;margin:16px 0 0;display:flex}.carousel-pager .button{min-width:108px}.carousel-pager p{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.88rem;font-weight:600}.checkout-hint{color:var(--muted);text-align:center;margin:auto 0 0;padding:22px 0 10px;font-size:.82rem}.sync{justify-items:start;gap:8px;margin:14px 0 6px;display:grid}.sync-status{color:var(--muted);margin:0;font-size:.88rem}.sync-status:empty{display:none}.sync-status p{margin:0}.sync-status ul{margin:4px 0 0;padding-left:1.2em}.sync-status.warn{color:var(--warn);font-weight:500}.checkout>.sync-status{text-align:right;margin:0 0 4px}.history-list{margin:0;padding:0;list-style:none}.history-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.history-list li:last-child{border-bottom:0;padding-bottom:0}.history-amount{font-variant-numeric:tabular-nums;font-weight:500}.forward-address{gap:10px;margin:12px 0;display:grid}.forward-address .address{border-radius:var(--radius-control);background:var(--page);color:var(--ink);letter-spacing:-.005em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:14px 16px;font-family:inherit;font-size:1rem;font-weight:600;display:block}.forward-address .button{justify-self:stretch}.forward-address [role=status]:empty{display:none}.note .forward-address .address{background:var(--surface)}.household .list li>div:first-child{min-width:0}.household .item-title{overflow-wrap:break-word}.household .list li{flex-wrap:wrap}.row.tight{flex-wrap:nowrap;gap:0;margin:0}.household>.button,.household>.confirm{margin-top:18px}.household form.stack .button{justify-self:start}.check{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-weight:500;display:flex}.check input[type=checkbox]{background:var(--surface);appearance:none;cursor:pointer;border:1.5px solid #c7c7cc;border-radius:50%;flex:none;width:24px;height:24px;min-height:0;margin:0;padding:0}.check input[type=checkbox]:checked{border-color:var(--brand);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat, var(--brand)}.check input[type=checkbox]:disabled{opacity:.4;cursor:default}.device-push{justify-content:space-between;align-items:center;margin:0}.device-push p{margin:0}.device-push .button.quiet{margin-right:-10px}.offline-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.offline-banner p{margin:0}.offline-banner .button{color:inherit}.checkout>.offline-banner{margin:8px 0}.alert-rule{gap:4px;display:grid}.alert-rule .check{align-items:flex-start;padding-top:10px}.alert-rule .check input{flex:none;margin-top:1px}.field.amount{max-width:12rem;margin-left:34px}.channels{border:0;margin:0;padding:0}.channels legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:.8rem;font-weight:600}.alerts form .row{margin-bottom:0}.setup{border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--panel-shadow);margin:10px 0 24px;padding:16px 18px}.setup h2{margin:0}.setup-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.setup-head p{margin:2px 0 0}.setup-head .button.quiet{margin:-8px -10px 0 0}.setup-steps{margin:12px 0 0;padding:0;list-style:none}.setup-steps>li{border-top:1px solid var(--line);gap:12px;padding:10px 0;display:flex}.setup-mark{border:2px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;margin-top:1px;display:grid}.setup-steps>li.next .setup-mark{border-color:var(--brand)}.setup-steps>li.done .setup-mark{border-color:var(--brand);background:var(--brand);color:var(--brand-ink)}.setup-body{flex:1;gap:8px;min-width:0;display:grid}.setup-body>*{margin:0}.setup-title{font-weight:600}.setup-steps>li.done .setup-title{color:var(--muted);font-weight:500}.setup-body .button{justify-self:start}.setup-howto{gap:10px;margin:0;padding-left:20px;display:grid}.setup-picture{width:100%;max-width:280px;height:auto;margin-top:6px;display:block}.pic-bar{fill:var(--page);stroke:var(--line-strong)}.pic-icon{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.pic-faint{opacity:.45}.pic-accent{stroke:var(--brand)}.pic-ring{fill:none;stroke:var(--brand);stroke-width:2.5px}.pic-line{stroke:var(--line-strong)}.pic-text{fill:var(--ink);font-family:inherit;font-size:16px}@media (width>=700px){:root{--gutter:24px}.app-header nav{border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;width:30rem;inset:auto auto 0 50%;transform:translate(-50%)}.page{padding-top:12px}}