@font-face{font-family:Inter;src:url(../fonts/inter-latin.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}:root{color-scheme:light;--bg: #FAF9F5;--surface: #FFFFFF;--surface-2: #F0EEE6;--text: #141413;--text-2: #64635D;--accent: #D97757;--accent-press: #C4623F;--accent-ink: #FFFFFF;--accent-fill: #B9583A;--accent-fill-press: #A44D32;--accent-text: #9C4A2B;--accent-soft: rgba(217, 119, 87, .14);--border: #E8E6DC;--success: #4F8A5B;--warning: #C9902B;--danger: #C0473B;--success-soft: rgba(79, 138, 91, .14);--warning-soft: rgba(201, 144, 43, .16);--danger-soft: rgba(192, 71, 59, .12);--success-text: #2F6B3B;--warning-text: #7F5810;--danger-text: #A3372C;--scrim: rgba(20, 20, 19, .32);--glass: rgba(255, 255, 255, .72);--glass-border: rgba(20, 20, 19, .06);--shadow-1: 0 1px 2px rgba(20, 20, 19, .04), 0 2px 8px rgba(20, 20, 19, .04);--shadow-2: 0 8px 32px rgba(20, 20, 19, .1), 0 2px 6px rgba(20, 20, 19, .05);--shadow-3: 0 24px 64px rgba(20, 20, 19, .18), 0 4px 12px rgba(20, 20, 19, .06);--skeleton: #EDEBE3;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-h1: 24px;--fs-h2: 20px;--fs-h3: 17px;--fs-body: 15px;--fs-small: 13px;--lh: 1.4;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--gutter: 16px;--r-field: 14px;--r-card: 20px;--r-sheet: 28px;--r-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.36, .64, 1);--t-fast: .15s;--t-base: .2s;--t-slow: .3s;--touch: 48px;--icon: 20px;--nav-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}@media(min-width:900px){:root{--gutter: 24px}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #1F1E1D;--surface: #2A2926;--surface-2: #34322E;--text: #F5F4ED;--text-2: #A8A69E;--accent: #E0876A;--accent-press: #D97757;--accent-ink: #1F1E1D;--accent-fill: #E0876A;--accent-fill-press: #D97757;--accent-text: #E89A80;--accent-soft: rgba(224, 135, 106, .18);--border: #3D3B36;--success: #6FAE7B;--warning: #DDA94B;--danger: #E06A5E;--success-soft: rgba(111, 174, 123, .16);--warning-soft: rgba(221, 169, 75, .16);--danger-soft: rgba(224, 106, 94, .16);--success-text: #8CC497;--warning-text: #E6BC6B;--danger-text: #EC8A80;--scrim: rgba(0, 0, 0, .5);--glass: rgba(42, 41, 38, .72);--glass-border: rgba(255, 255, 255, .08);--shadow-1: 0 1px 2px rgba(0, 0, 0, .2);--shadow-2: 0 8px 32px rgba(0, 0, 0, .35);--shadow-3: 0 24px 64px rgba(0, 0, 0, .5);--skeleton: #34322E}}:root[data-theme=dark]{color-scheme:dark;--bg: #1F1E1D;--surface: #2A2926;--surface-2: #34322E;--text: #F5F4ED;--text-2: #A8A69E;--accent: #E0876A;--accent-press: #D97757;--accent-ink: #1F1E1D;--accent-fill: #E0876A;--accent-fill-press: #D97757;--accent-text: #E89A80;--accent-soft: rgba(224, 135, 106, .18);--border: #3D3B36;--success: #6FAE7B;--warning: #DDA94B;--danger: #E06A5E;--success-soft: rgba(111, 174, 123, .16);--warning-soft: rgba(221, 169, 75, .16);--danger-soft: rgba(224, 106, 94, .16);--success-text: #8CC497;--warning-text: #E6BC6B;--danger-text: #EC8A80;--scrim: rgba(0, 0, 0, .5);--glass: rgba(42, 41, 38, .72);--glass-border: rgba(255, 255, 255, .08);--shadow-1: 0 1px 2px rgba(0, 0, 0, .2);--shadow-2: 0 8px 32px rgba(0, 0, 0, .35);--shadow-3: 0 24px 64px rgba(0, 0, 0, .5);--skeleton: #34322E}@media(prefers-reduced-motion:reduce){:root{--t-fast: 1ms;--t-base: .12s;--t-slow: .16s}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh);font-weight:400;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";overscroll-behavior-y:none}h1,h2,h3,p{margin:0}h1{font-size:var(--fs-h1);font-weight:600;letter-spacing:-.02em;line-height:1.2}h2{font-size:var(--fs-h2);font-weight:600;letter-spacing:-.015em;line-height:1.25}h3{font-size:var(--fs-h3);font-weight:600;letter-spacing:-.01em}a{color:var(--accent-text);text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft)}.ic{width:var(--icon);height:var(--icon);flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--text-2)}.small{font-size:var(--fs-small)}.num{font-variant-numeric:tabular-nums}.strong{font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.stack{display:flex;flex-direction:column;gap:var(--s3)}.stack-lg{display:flex;flex-direction:column;gap:var(--s5)}.row{display:flex;align-items:center;gap:var(--s3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.grow{flex:1 1 auto;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--touch);padding:0 var(--s4);border:0;border-radius:var(--r-field);background:var(--surface-2);color:var(--text);font-weight:500;font-size:var(--fs-body);white-space:nowrap;transition:transform var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out),opacity var(--t-fast);-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:active{transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.btn-primary{background:var(--accent-fill);color:var(--accent-ink);font-weight:600}.btn-primary:active{background:var(--accent-fill-press)}.btn-ghost{background:transparent}.btn-ghost:active{background:var(--surface-2)}.btn-danger{background:var(--danger-soft);color:var(--danger-text)}.btn-block{width:100%}.btn-sm{min-height:36px;padding:0 var(--s3);font-size:var(--fs-small);border-radius:12px}.btn .price{opacity:.9;font-variant-numeric:tabular-nums}.btn.is-loading{pointer-events:none;color:transparent;position:relative}.btn.is-loading:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-color:var(--accent-ink) transparent var(--accent-ink) transparent;animation:spin .7s linear infinite}.btn:not(.btn-primary).is-loading:after{border-color:var(--text) transparent var(--text) transparent}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{display:inline-grid;place-items:center;flex:none;width:var(--touch);height:var(--touch);border:0;border-radius:var(--r-pill);background:transparent;color:var(--text);transition:transform var(--t-fast) var(--ease-out),background-color var(--t-fast);touch-action:manipulation}.icon-btn:active{transform:scale(.92);background:var(--surface-2)}.icon-btn.soft{background:var(--surface-2)}.icon-btn.accent{background:var(--accent-fill);color:var(--accent-ink)}.icon-btn.sm{width:36px;height:36px}.icon-btn.danger{color:var(--danger)}.field{display:flex;flex-direction:column;gap:var(--s2)}.field>label,.label{font-size:var(--fs-small);font-weight:500;color:var(--text-2)}.input,.select,.textarea{width:100%;min-height:var(--touch);padding:0 var(--s4);border:1px solid var(--border);border-radius:var(--r-field);background:var(--surface);color:var(--text);transition:border-color var(--t-fast),box-shadow var(--t-fast);-webkit-appearance:none;appearance:none}.textarea{padding:var(--s3) var(--s4);min-height:96px;resize:vertical;line-height:var(--lh)}.select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B6A64' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.input::placeholder,.textarea::placeholder{color:var(--text-2);opacity:.8}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field.has-error .input,.field.has-error .select,.field.has-error .textarea{border-color:var(--danger)}.field-error{font-size:var(--fs-small);color:var(--danger)}.input-affix{position:relative;display:flex;align-items:center}.input-affix .input{padding-right:44px}.input-affix .affix{position:absolute;right:var(--s4);color:var(--text-2);pointer-events:none;font-weight:500}.input-affix .affix-btn{position:absolute;right:0}.input-lg{min-height:56px;font-size:var(--fs-h3);font-weight:500}.fields-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.switch{position:relative;display:inline-flex;flex:none;width:48px;height:28px;cursor:pointer}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.switch .track{position:absolute;inset:0;border-radius:var(--r-pill);background:var(--border);transition:background-color var(--t-base) var(--ease-out)}.switch .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--t-slow) var(--ease-spring)}.switch input:checked~.track{background:var(--success)}.switch input:checked~.knob{transform:translate(20px)}.switch input:focus-visible~.track{outline:2px solid var(--accent);outline-offset:2px}.segmented{position:relative;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;padding:var(--s1);border-radius:var(--r-field);background:var(--surface-2)}.segmented button,.segmented label,.segmented a{position:relative;z-index:1;display:grid;place-items:center;min-height:40px;padding:0 var(--s3);border:0;border-radius:11px;background:transparent;color:var(--text-2);font-weight:500;font-size:var(--fs-small);transition:color var(--t-base);cursor:pointer;white-space:nowrap}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented [aria-pressed=true],.segmented [aria-current=page],.segmented input:checked+span{color:var(--text)}.segmented a{text-decoration:none}.segmented .seg-pill{position:absolute;z-index:0;top:var(--s1);bottom:var(--s1);left:0;border-radius:11px;background:var(--surface);box-shadow:var(--shadow-1);transition:transform var(--t-slow) var(--ease-spring),width var(--t-slow) var(--ease-spring)}.stepper{display:inline-flex;align-items:center;gap:var(--s1);background:var(--surface-2);border-radius:var(--r-pill);padding:2px}.stepper .icon-btn{width:36px;height:36px}.stepper output{min-width:20px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.chips{display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:none;padding:2px 0;scroll-snap-type:x proximity}.chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:var(--s1);flex:none;min-height:36px;padding:0 var(--s3);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text);font-size:var(--fs-small);font-weight:500;scroll-snap-align:start;transition:background-color var(--t-fast),border-color var(--t-fast),transform var(--t-fast);white-space:nowrap}.chip:active{transform:scale(.96)}.chip[aria-pressed=true],.chip.is-active{background:var(--text);border-color:var(--text);color:var(--bg)}.chip-round{width:40px;justify-content:center;padding:0}.badge{display:inline-flex;align-items:center;gap:var(--s1);flex:none;min-height:24px;padding:0 var(--s2);border-radius:var(--r-pill);font-size:12px;font-weight:500;background:var(--surface-2);color:var(--text-2);white-space:nowrap}.badge.accent{background:var(--accent-soft);color:var(--accent-text)}.badge.success{background:var(--success-soft);color:var(--success-text)}.badge.warning{background:var(--warning-soft);color:var(--warning-text)}.badge.danger{background:var(--danger-soft);color:var(--danger-text)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.card{background:var(--surface);border-radius:var(--r-card);padding:var(--s4);box-shadow:var(--shadow-1)}.card-flat{background:var(--surface);border-radius:var(--r-card);padding:var(--s4)}.list{display:flex;flex-direction:column;gap:var(--s3)}.group{background:var(--surface);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-1)}.group-row{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:56px;padding:var(--s3) var(--s4);border:0;background:transparent;text-align:left;color:var(--text);transition:background-color var(--t-fast)}.group-row+.group-row{box-shadow:inset 0 1px 0 var(--border)}button.group-row:active,a.group-row:active{background:var(--surface-2)}.group-row .chev{color:var(--text-2)}.section-title{font-size:var(--fs-small);font-weight:600;color:var(--text-2);padding:0 var(--s1)}.thumb{width:56px;height:56px;border-radius:14px;flex:none;object-fit:cover;background:var(--surface-2) center / cover no-repeat}.thumb-lg{width:88px;height:88px;border-radius:16px}.skeleton{position:relative;overflow:hidden;background:var(--skeleton);border-radius:10px}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.sk-line{height:14px}.sk-card{height:80px;border-radius:var(--r-card)}.empty,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);min-height:40vh;padding:var(--s6) var(--s4);text-align:center;color:var(--text-2)}.empty p,.error-state p{font-size:var(--fs-body)}.offline-bar{position:fixed;z-index:70;left:50%;top:calc(var(--safe-t) + var(--s2));transform:translate(-50%,-150%);display:inline-flex;align-items:center;gap:var(--s2);min-height:32px;padding:0 var(--s3);border-radius:var(--r-pill);background:var(--text);color:var(--bg);font-size:var(--fs-small);font-weight:500;box-shadow:var(--shadow-2);opacity:0;visibility:hidden;transition:transform var(--t-slow) var(--ease-out),opacity var(--t-slow),visibility 0s linear var(--t-slow)}.offline-bar.is-visible{transform:translate(-50%);opacity:1;visibility:visible;transition-delay:0s}.offline-bar .ic{width:16px;height:16px}.toasts{position:fixed;z-index:90;left:0;right:0;top:calc(var(--safe-t) + var(--s3));display:flex;flex-direction:column;align-items:center;gap:var(--s2);pointer-events:none;padding:0 var(--s4)}body:has(.offline-bar.is-visible) .toasts{top:calc(var(--safe-t) + 48px)}.toast{display:inline-flex;align-items:center;gap:var(--s3);max-width:480px;min-height:44px;padding:var(--s2) var(--s2) var(--s2) var(--s4);border-radius:var(--r-pill);background:var(--text);color:var(--bg);box-shadow:var(--shadow-2);font-size:var(--fs-small);font-weight:500;pointer-events:auto;animation:toast-in var(--t-slow) var(--ease-spring)}.toast:not(:has(button)){padding-right:var(--s4)}.toast .ic{width:18px;height:18px}.toast.success .ic{color:var(--success)}.toast.error .ic{color:var(--danger)}.toast button{min-height:32px;padding:0 var(--s3);border:0;border-radius:var(--r-pill);background:#7f7f7f40;color:inherit;font-weight:600;font-size:var(--fs-small)}.toast.is-leaving{animation:toast-out var(--t-base) var(--ease-out) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px) scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px) scale(.98)}}.sheet-root{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center}.sheet-scrim{position:absolute;inset:0;background:var(--scrim);opacity:0;transition:opacity var(--t-slow) var(--ease-out)}.sheet{position:relative;display:flex;flex-direction:column;width:100%;max-height:calc(100dvh - var(--safe-t) - 12px);background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--shadow-3);transform:translateY(100%);transition:transform .42s var(--ease-spring);will-change:transform;touch-action:pan-y;outline:none}.sheet.is-full{height:calc(100dvh - var(--safe-t) - 12px)}.sheet-root.is-open .sheet-scrim{opacity:1}.sheet-root.is-open .sheet{transform:translateY(0)}.sheet-root.is-closing .sheet{transition-duration:.26s;transition-timing-function:var(--ease-out)}.sheet-handle{display:grid;place-items:center;height:24px;flex:none;cursor:grab;touch-action:none}.sheet-handle:before{content:"";width:36px;height:5px;border-radius:var(--r-pill);background:var(--border)}.sheet-head{display:flex;align-items:center;gap:var(--s2);padding:0 var(--s2) var(--s2) var(--s4);flex:none;touch-action:none}.sheet-head h2{flex:1;font-size:var(--fs-h3)}.sheet-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:var(--s2) var(--s4) var(--s4);-webkit-overflow-scrolling:touch}.sheet-foot{flex:none;display:flex;gap:var(--s3);padding:var(--s3) var(--s4) calc(var(--s3) + var(--safe-b));background:var(--surface);box-shadow:0 -1px 0 var(--border)}.sheet-foot .btn{flex:1}@media(min-width:900px){.sheet-root{align-items:center;padding:var(--s6)}.sheet{width:min(520px,100%);max-height:min(760px,calc(100dvh - 64px));border-radius:var(--r-sheet);transform:scale(.96);opacity:0;transition:transform var(--t-base) var(--ease-out),opacity var(--t-base) var(--ease-out)}.sheet.is-full{height:auto}.sheet.is-wide{width:min(760px,100%)}.sheet-root.is-open .sheet{transform:scale(1);opacity:1}.sheet-root.is-closing .sheet{transform:scale(.98);opacity:0}.sheet-handle{display:none}.sheet-head{padding:var(--s4) var(--s3) var(--s2) var(--s5)}.sheet-body{padding:var(--s2) var(--s5) var(--s5)}.sheet-foot{padding:var(--s3) var(--s5) var(--s4);border-radius:0 0 var(--r-sheet) var(--r-sheet)}}.navbubble{position:fixed;z-index:60;left:12px;right:12px;bottom:calc(12px + var(--safe-b));display:flex;align-items:center;justify-content:center;gap:var(--s2);pointer-events:none;transition:transform var(--t-slow) var(--ease-out),opacity var(--t-slow)}.navbubble>*{pointer-events:auto}.navbubble.is-hidden{transform:translateY(calc(100% + 24px))}.navbar{position:relative;display:flex;align-items:center;padding:6px;border-radius:var(--r-pill);border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:var(--shadow-2)}.nav-pill{position:absolute;top:6px;bottom:6px;left:0;border-radius:var(--r-pill);background:var(--accent-soft);transition:transform var(--t-slow) var(--ease-spring),width var(--t-slow) var(--ease-spring)}.nav-item{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:48px;min-width:46px;padding:0 var(--s3);border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);font-size:12px;font-weight:600;transition:color var(--t-base)}.nav-item:not([aria-current=page]) .nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nav-item[aria-current=page]{color:var(--accent-text);padding:0 var(--s4)}.nav-item[aria-current=page] .nav-label{animation:label-in var(--t-slow) var(--ease-out)}@keyframes label-in{0%{transform:translate(-4px)}}.nav-count{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--accent-fill);color:var(--accent-ink);font-size:11px;font-weight:600}.nav-count.bump{animation:bump .38s var(--ease-spring)}@keyframes bump{40%{transform:scale(1.35)}}.fab{display:grid;place-items:center;flex:none;width:56px;height:56px;border:0;border-radius:50%;background:var(--accent-fill);color:var(--accent-ink);box-shadow:var(--shadow-2);transition:transform var(--t-fast) var(--ease-out),opacity var(--t-base),scale var(--t-slow) var(--ease-spring)}.fab .ic{width:24px;height:24px;stroke-width:2}.fab:active{transform:scale(.92)}.fab[hidden]{display:grid!important;scale:0;opacity:0;pointer-events:none;width:0;margin-left:-8px}@media(max-width:349px){.nav-item[aria-current=page] .nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.page{width:100%;max-width:720px;margin:0 auto;padding:calc(var(--safe-t) + var(--s4)) var(--gutter) calc(var(--nav-h) + 48px + var(--safe-b))}.page-head{display:flex;align-items:center;gap:var(--s2);min-height:48px;margin-bottom:var(--s4)}.page-head h1{flex:1}.stagger>*{animation:rise var(--t-slow) var(--ease-out) both}.stagger>*:nth-child(2){animation-delay:30ms}.stagger>*:nth-child(3){animation-delay:60ms}.stagger>*:nth-child(4){animation-delay:90ms}.stagger>*:nth-child(5){animation-delay:.12s}.stagger>*:nth-child(6){animation-delay:.15s}.stagger>*:nth-child(7){animation-delay:.18s}.stagger>*:nth-child(n+8){animation-delay:.21s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.is-collapsing{animation:collapse .28s var(--ease-out) forwards;overflow:hidden}@keyframes collapse{to{opacity:0;transform:scale(.96)}}.pop{animation:pop .36s var(--ease-spring)}@keyframes pop{40%{transform:scale(1.18)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:var(--ease-out)}html.vt-forward::view-transition-old(main){animation:vt-out-left .22s var(--ease-out) both}html.vt-forward::view-transition-new(main){animation:vt-in-right .26s var(--ease-out) both}html.vt-back::view-transition-old(main){animation:vt-out-right .22s var(--ease-out) both}html.vt-back::view-transition-new(main){animation:vt-in-left .26s var(--ease-out) both}html.vt-fade::view-transition-old(main){animation:vt-fade-out .15s linear both}html.vt-fade::view-transition-new(main){animation:vt-fade-in .2s linear both}@keyframes vt-out-left{to{opacity:0;transform:translate(-24px)}}@keyframes vt-in-right{0%{opacity:0;transform:translate(24px)}}@keyframes vt-out-right{to{opacity:0;transform:translate(24px)}}@keyframes vt-in-left{0%{opacity:0;transform:translate(-24px)}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}.vt-main{view-transition-name:main}.navbubble,.sidebar{view-transition-name:nav}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.12s!important;animation-iteration-count:1!important}.stagger>*{animation-name:fade-only;animation-delay:0ms!important}@keyframes fade-only{0%{opacity:0}}.sheet{transition:opacity var(--t-base)!important;transform:none!important;opacity:0}.sheet-root.is-open .sheet{opacity:1}html.vt-forward::view-transition-old(main),html.vt-forward::view-transition-new(main),html.vt-back::view-transition-old(main),html.vt-back::view-transition-new(main){animation-name:vt-fade-in}.skeleton:after{display:none}}.ios-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s3)}.ios-steps li{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-field);background:var(--surface-2)}.auth{min-height:100dvh;width:100%;max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s6);padding:calc(var(--safe-t) + var(--s6)) var(--gutter) calc(var(--safe-b) + var(--s6))}.brand{display:inline-flex;align-items:center;gap:var(--s3);color:var(--text);font-weight:600;font-size:var(--fs-h3);align-self:flex-start}.brand .mark{width:32px;height:32px}.auth form{display:flex;flex-direction:column;gap:var(--s3)}.auth .actions{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s3)}.auth .alt{text-align:center;font-size:var(--fs-small);color:var(--text-2)}.auth .alt a{font-weight:500}.auth .form-error{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-radius:var(--r-field);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-small);font-weight:500}.hero{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--s5)}.hero h1{font-size:32px;line-height:1.15;letter-spacing:-.03em}.hero .plate{width:100%;aspect-ratio:4 / 3;border-radius:var(--r-sheet);background:radial-gradient(circle at 50% 56%,var(--surface) 0 30%,transparent 30.5%),radial-gradient(circle at 50% 56%,var(--border) 0 33%,transparent 33.5%),var(--surface-2);display:grid;place-items:center;position:relative;overflow:hidden}.hero .plate .mark{width:64px;height:64px;position:relative;top:6%}.hero .plate span{position:absolute;padding:var(--s2) var(--s3);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-1);font-size:var(--fs-small);font-weight:500;animation:float 6s var(--ease-out) infinite alternate}.hero .plate span:nth-of-type(1){top:14%;left:8%}.hero .plate span:nth-of-type(2){top:22%;right:8%;animation-delay:-2s}.hero .plate span:nth-of-type(3){bottom:12%;left:14%;animation-delay:-4s}@keyframes float{to{transform:translateY(-6px)}}.center-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);padding:var(--s6) var(--gutter);text-align:center}.center-page .code{font-size:56px;font-weight:600;letter-spacing:-.04em;color:var(--accent-text);line-height:1}@media(min-width:900px){.auth{justify-content:center}.hero{flex:none}}