:root{--kitkat-version: "1.5.0";--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--font-display: "Unbounded", var(--font-ui);--fs-caption2: 11px;--lh-caption2: 13px;--fs-caption: 12px;--lh-caption: 16px;--fs-footnote: 13px;--lh-footnote: 18px;--fs-subhead: 15px;--lh-subhead: 20px;--fs-callout: 16px;--lh-callout: 21px;--fs-body: 17px;--lh-body: 22px;--fs-headline: 17px;--lh-headline: 22px;--fs-title3: 20px;--lh-title3: 25px;--fs-title2: 22px;--lh-title2: 28px;--fs-title1: 28px;--lh-title1: 34px;--fs-large: 34px;--lh-large: 41px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--ctl-mini: 28px;--ctl-sm: 32px;--ctl-md: 44px;--ctl-lg: 52px;--ctl-xl: 64px;--tap-min: 44px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-modal: 38px;--r-pill: 999px;--inset-float: 21px;--shadow-1: 0 1px 3px rgba(0,0,0,.1);--shadow-2: 0 4px 12px rgba(0,0,0,.12);--shadow-3: 0 12px 32px rgba(0,0,0,.18);--glass-blur: 20px;--glass-sat: 160%;--glass-bg: color-mix(in srgb, var(--surface) 62%, transparent);--glass-bg-clear: color-mix(in srgb, var(--surface) 28%, transparent);--glass-edge: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(0,0,0,.12);--glass-shadow: 0 8px 24px rgba(0,0,0,.22);--dur-instant: .1s;--dur-fast: .15s;--dur-med: .25s;--dur-slow: .4s;--ease-out: cubic-bezier(.25, .9, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--ok: #30d158;--warn: #ffd60a;--err: #ff453a}@keyframes kk-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes kk-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes kk-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.kk-pop{animation:kk-pop var(--dur-med) var(--ease-spring) both}.kk-slide-up{animation:kk-slide-up var(--dur-med) var(--ease-out) both}@media(prefers-reduced-motion:reduce){.kk-pop,.kk-slide-up{animation:none}}@media(prefers-reduced-transparency:reduce){:root{--glass-bg: var(--surface);--glass-bg-clear: var(--surface);--glass-blur: 0px}}:root,[data-pack=minimal-light]{--bg: #f2f2f7;--surface: #ffffff;--surface-2: #e9e9ef;--text: #1c1c1e;--text-dim: #6d6d72;--accent: #007aff;--accent-2: #5ac8fa;--grad-accent: linear-gradient(135deg, var(--accent), var(--accent-2));--stroke: rgba(0,0,0,.08)}[data-mode=dark]{--bg: #000000;--surface: #1c1c1e;--surface-2: #2c2c2e;--text: #ffffff;--text-dim: #98989f;--accent: #0a84ff;--accent-2: #64d2ff;--grad-accent: linear-gradient(135deg, var(--accent), var(--accent-2));--stroke: rgba(255,255,255,.1)}@media(prefers-contrast:more){:root,[data-pack]{--text-dim: color-mix(in srgb, var(--text) 78%, var(--text-dim));--stroke: color-mix(in srgb, var(--text) 30%, transparent)}}.btn{font:600 var(--fs-body) var(--font-ui);padding:14px var(--sp-6);border-radius:var(--r-md);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-2);transition:transform .08s,opacity .15s,box-shadow .15s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--grad-accent);color:#fff;box-shadow:var(--shadow-2)}.btn-secondary{background:var(--surface-2);color:var(--text)}.btn-tonal{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.btn-outline{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.btn-ghost{background:transparent;color:var(--accent)}.btn-destructive{background:var(--err);color:#fff}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));color:var(--text);border:1px solid var(--stroke);box-shadow:var(--glass-edge),var(--glass-shadow);border-radius:var(--r-pill)}.btn[disabled]{opacity:.4;pointer-events:none}.btn-sm{font-size:var(--fs-footnote);padding:8px var(--sp-4)}.btn-lg{font-size:var(--fs-title3);padding:18px var(--sp-8);border-radius:var(--r-lg)}.btn-block{display:flex;width:100%;justify-content:center}.btn-pill{border-radius:var(--r-pill)}.btn-icon{padding:12px;border-radius:var(--r-pill);font-size:var(--fs-title3);line-height:1}.btn-fab{padding:18px;border-radius:var(--r-pill);font-size:24px;line-height:1;background:var(--grad-accent);color:#fff;box-shadow:var(--shadow-3)}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--surface-2);border-radius:var(--r-md)}.seg button{font:600 var(--fs-subhead) var(--font-ui);padding:8px var(--sp-4);border:none;cursor:pointer;border-radius:calc(var(--r-md) - 3px);background:transparent;color:var(--text-dim)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-1);width:300px}.card h3{font-size:var(--fs-headline);font-weight:600}.card p{color:var(--text-dim);font-size:var(--fs-subhead);margin-top:var(--sp-1)}.card-elevated{border:none;box-shadow:var(--shadow-3)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:var(--glass-edge),var(--glass-shadow)}.card-hero{background:var(--grad-accent);color:#fff;border:none;box-shadow:var(--shadow-2)}.card-hero p{color:#ffffffbf}.stat{width:150px}.stat .num{font-size:var(--fs-title1);font-weight:800;letter-spacing:-.5px}.stat .lbl{font-size:var(--fs-footnote);color:var(--text-dim);margin-top:2px}.stat .delta{font-size:var(--fs-footnote);font-weight:600;color:var(--ok)}.cells{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-lg);overflow:hidden;max-width:340px}.cell{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);cursor:pointer}.cell+.cell{border-top:1px solid var(--stroke)}.cell:active{background:var(--surface-2)}.cell .ico{width:32px;height:32px;border-radius:var(--r-sm);background:var(--grad-accent);display:flex;align-items:center;justify-content:center;font-size:16px}.cell .txt{flex:1;font-size:var(--fs-body)}.cell .chev{color:var(--text-dim)}.bar{height:8px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden;margin-top:var(--sp-3)}.bar i{display:block;height:100%;border-radius:var(--r-pill);background:var(--grad-accent)}.tabbar{position:absolute;left:var(--inset-float);right:var(--inset-float);bottom:var(--inset-float);display:flex;justify-content:space-around;align-items:center;height:var(--ctl-lg);border-radius:var(--r-pill);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--stroke);box-shadow:var(--glass-edge),var(--glass-shadow)}.tabbar button{font:600 var(--fs-footnote) var(--font-ui);background:none;border:none;cursor:pointer;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:var(--tap-min);min-height:var(--tap-min);justify-content:center}.tabbar button.on{color:var(--accent)}.glass-chip{position:absolute;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);font-size:var(--fs-subhead);font-weight:600;border:1px solid var(--stroke);box-shadow:var(--glass-edge),var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));color:var(--text)}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:50;opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-sheet)}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:51;background:var(--surface);border-radius:var(--r-modal) var(--r-modal) 0 0;padding:var(--sp-3) var(--sp-6) calc(var(--sp-8) + env(safe-area-inset-bottom));max-width:640px;margin:0 auto;transform:translateY(105%);transition:transform var(--dur-slow) var(--ease-sheet);box-shadow:var(--shadow-3)}.backdrop.open{opacity:1;pointer-events:auto}.backdrop.open+.sheet{transform:none}.grabber{width:36px;height:5px;border-radius:var(--r-pill);background:var(--text-dim);opacity:.4;margin:0 auto var(--sp-4)}.toast{position:absolute;top:calc(var(--sp-4) + env(safe-area-inset-top));left:50%;z-index:60;transform:translate(-50%,-80px);display:flex;align-items:center;gap:var(--sp-2);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--stroke);border-radius:var(--r-pill);padding:var(--sp-3) var(--sp-5);font:600 var(--fs-subhead) var(--font-ui);color:var(--text);box-shadow:var(--glass-edge),var(--glass-shadow);transition:transform var(--dur-med) var(--ease-spring)}.toast.show{transform:translate(-50%)}.ic{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.field{margin-bottom:var(--sp-4)}.field label{display:block;font-size:var(--fs-footnote);font-weight:600;color:var(--text-dim);margin-bottom:var(--sp-1)}.input{width:100%;font:400 var(--fs-body) var(--font-ui);min-height:var(--ctl-md);padding:0 var(--sp-4);background:var(--surface);color:var(--text);border:1.5px solid var(--stroke);border-radius:var(--r-md);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.input::placeholder{color:var(--text-dim)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.input.err-state{border-color:var(--err)}.field .hint{font-size:var(--fs-caption);color:var(--text-dim);margin-top:var(--sp-1)}.field .hint.err-t{color:var(--err)}.empty{text-align:center;padding:var(--sp-10) var(--sp-6);border:1.5px dashed var(--stroke);border-radius:var(--r-lg)}.empty .art{font-size:44px;opacity:.8}.empty h3{font-size:var(--fs-headline);font-weight:700;margin-top:var(--sp-3)}.empty p{font-size:var(--fs-subhead);color:var(--text-dim);margin:var(--sp-1) 0 var(--sp-4)}.skel{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--surface-2) 25%,color-mix(in srgb,var(--text) 8%,var(--surface-2)) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:kk-shimmer 1.4s linear infinite}@keyframes kk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:4px var(--sp-3);border-radius:var(--r-pill);font:700 var(--fs-footnote) var(--font-ui)}.chip-lvl{background:var(--grad-accent);color:#fff}.chip-xp{background:var(--surface-2);color:var(--text)}.chip-new{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok)}@font-face{font-family:Unbounded;font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/unbounded-latin-ext-D6H-S6MW.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Unbounded;font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/unbounded-latin-D5afBTBx.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.screen{position:relative;height:100%;background:var(--bg);overflow:hidden;display:flex;flex-direction:column}.screen.full{height:100dvh}.scroll{flex:1;overflow-y:auto;scrollbar-width:none;padding-bottom:calc(var(--ctl-lg) + var(--inset-float) * 2 + 12px)}.scroll::-webkit-scrollbar{display:none}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:16px 32px 0;font:600 15px var(--font-ui)}.statusbar .icons{display:flex;gap:6px;align-items:center}.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) var(--sp-3);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border-bottom:1px solid var(--stroke)}.app-title{font:700 var(--fs-title1) var(--font-display);letter-spacing:-.5px;display:flex;align-items:baseline;gap:3px}.app-title .tdot{color:var(--accent)}.app-sub{font-size:var(--fs-caption);color:var(--text-dim);letter-spacing:.14em;margin-top:2px}.nav-actions{display:flex;gap:var(--sp-2);align-items:center}.lang-btn{font:700 var(--fs-caption) var(--font-ui);letter-spacing:.08em;padding:8px 12px}.add-btn{width:var(--ctl-md);height:var(--ctl-md);justify-content:center}.content{padding:var(--sp-4) var(--sp-5) 0}.hero{width:100%;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--sp-3)}.hero .big{font:800 var(--fs-large) var(--font-display);letter-spacing:-1px;line-height:1}.hero .lbl{font-size:var(--fs-footnote);color:#fffc;margin-top:var(--sp-1)}.hero .right{text-align:right}.hero .val{font:700 var(--fs-title3) var(--font-ui)}.stats-row{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4)}.stats-row .stat{flex:1;width:auto;padding:var(--sp-4)}.stat .num.alert{color:var(--err)}.item{width:100%;margin-bottom:var(--sp-3);cursor:pointer;transition:transform var(--dur-instant)}.item:active{transform:scale(.98)}.item.expired{opacity:.55}.item-row{display:flex;align-items:center;gap:var(--sp-3)}.item-photo{width:52px;height:52px;border-radius:var(--r-md);object-fit:cover;flex:0 0 auto;background:var(--surface-2)}.item-ico{width:52px;height:52px;border-radius:var(--r-md);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:24px;flex:0 0 auto}.item-txt{flex:1;min-width:0}.item-name{font:600 var(--fs-body) var(--font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{font-size:var(--fs-footnote);color:var(--text-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-days{text-align:right;flex:0 0 auto}.item-days .n{font:800 var(--fs-title2) var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.5px;line-height:1}.item-days .n.alert{color:var(--err)}.item-days .u{font-size:var(--fs-caption2);color:var(--text-dim);letter-spacing:.1em;margin-top:2px}.item .bar i.alert{background:var(--err)}.item .chip{margin-top:0}.tabbar button .cnt{font-size:var(--fs-caption2);opacity:.7;font-variant-numeric:tabular-nums}.sheet-scroll{max-height:62vh;overflow-y:auto;scrollbar-width:none;padding:2px}.sheet-scroll::-webkit-scrollbar{display:none}.sheet-title{font:700 var(--fs-title3) var(--font-ui);margin-bottom:var(--sp-4);text-align:center}.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--sp-3)}textarea.input{padding:var(--sp-3) var(--sp-4);min-height:64px;resize:vertical}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.photo-pick{width:100%;min-height:var(--ctl-md);border:1.5px dashed var(--stroke);border-radius:var(--r-md);background:var(--surface);color:var(--text-dim);font:600 var(--fs-footnote) var(--font-ui);cursor:pointer}.photo-pick.has{border-style:solid;border-color:var(--accent);color:var(--accent)}.photo-thumb{width:100%;height:84px;object-fit:cover;border-radius:var(--r-md);margin-top:var(--sp-2);border:1px solid var(--stroke)}.sheet-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-4)}.sheet-actions .btn{justify-content:center}.sheet-actions .grow{flex:1}.steps-clip{overflow:hidden}.steps{display:flex;width:200%;transition:transform var(--dur-slow) var(--ease-sheet)}.steps.s1{transform:translate(-50%)}.step{width:50%;flex:0 0 50%;min-width:0;padding:0 2px}.steps:not(.s1) .step:nth-child(2),.steps.s1 .step:nth-child(1){max-height:0;overflow:hidden;transition:max-height 0s var(--dur-slow)}.step-sub{text-align:center;font-size:var(--fs-subhead);color:var(--text-dim);margin:calc(-1 * var(--sp-2)) 0 var(--sp-4)}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-bottom:var(--sp-2)}.cat-tile{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-2);background:var(--surface-2);border:1.5px solid transparent;border-radius:var(--r-lg);cursor:pointer;transition:transform var(--dur-instant),border-color var(--dur-fast),background var(--dur-fast)}.cat-tile:active{transform:scale(.94)}.cat-tile:hover{border-color:var(--stroke)}.cat-tile.sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.cat-ico{font-size:30px;line-height:1}.cat-lbl{font:600 var(--fs-caption) var(--font-ui);color:var(--text);text-align:center;line-height:1.25}.step-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.cat-pill{display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px var(--sp-4);border:1.5px solid var(--stroke);border-radius:var(--r-pill);background:var(--surface);font:600 var(--fs-subhead) var(--font-ui);color:var(--text);cursor:pointer;transition:border-color var(--dur-fast)}.cat-pill:hover{border-color:var(--accent)}.cat-pill-chev{color:var(--text-dim);font-weight:400}.form-dots{display:flex;gap:var(--sp-2)}.form-dots i{width:7px;height:7px;border-radius:50%;background:var(--text-dim);opacity:.3;transition:all var(--dur-fast) var(--ease-out)}.form-dots i.on{opacity:1;background:var(--accent);width:20px;border-radius:var(--r-pill)}.month-chips{display:flex;gap:var(--sp-2);flex-wrap:wrap}.month-chip{padding:10px var(--sp-4);border-radius:var(--r-pill);border:1.5px solid var(--stroke);background:var(--surface);font:600 var(--fs-subhead) var(--font-ui);color:var(--text-dim);cursor:pointer;transition:all var(--dur-fast);min-height:40px}.month-chip:active{transform:scale(.95)}.month-chip.on{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-1)}.custom-months{margin-top:var(--sp-2);max-width:140px}.details-toggle{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--sp-3);margin:var(--sp-1) 0 var(--sp-2);border:1.5px dashed var(--stroke);border-radius:var(--r-md);background:none;font:600 var(--fs-subhead) var(--font-ui);color:var(--accent);cursor:pointer;transition:border-color var(--dur-fast)}.details-toggle:hover{border-color:var(--accent)}.details-hint{font:400 var(--fs-caption) var(--font-ui);color:var(--text-dim)}.detail-photo{width:100%;height:180px;object-fit:cover;border-radius:var(--r-lg);margin-bottom:var(--sp-4);background:var(--surface-2)}.detail-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.detail-name{font:700 var(--fs-title3) var(--font-ui)}.detail-brand{font-size:var(--fs-subhead);color:var(--text-dim);margin-top:2px}.detail-cells{max-width:none;margin-bottom:var(--sp-3)}.detail-cells .cell{cursor:default}.detail-cells .k{flex:1;font-size:var(--fs-subhead);color:var(--text-dim)}.detail-cells .v{font:600 var(--fs-subhead) var(--font-ui);font-variant-numeric:tabular-nums}.detail-cells .v.alert{color:var(--err)}.receipt-img{width:100%;border-radius:var(--r-lg);border:1px solid var(--stroke);margin-bottom:var(--sp-3)}.no-receipt{text-align:center;font-size:var(--fs-footnote);color:var(--text-dim);border:1.5px dashed var(--stroke);border-radius:var(--r-lg);padding:var(--sp-5);margin-bottom:var(--sp-3)}.empty{margin:var(--sp-6) 0}.stage{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:64px;padding:24px;background:radial-gradient(1200px 600px at 20% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 60%),var(--bg)}.side-panel{max-width:360px}.side-brand{font:700 44px var(--font-display);letter-spacing:-1px;display:flex;align-items:baseline;gap:4px}.side-brand .tdot{color:var(--accent)}.side-tag{font-size:var(--fs-caption);letter-spacing:.2em;color:var(--text-dim);margin:var(--sp-1) 0 var(--sp-5)}.side-desc{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);margin-bottom:var(--sp-5)}.side-feat{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-2) 0;font-size:var(--fs-subhead);color:var(--text-dim)}.side-feat .tick{width:22px;height:22px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:0 0 auto}.side-foot{margin-top:var(--sp-6);font-size:var(--fs-caption);color:var(--text-dim);display:flex;align-items:center;gap:var(--sp-3)}.mode-btn{border:1px solid var(--stroke);background:var(--surface);border-radius:var(--r-pill);padding:6px 14px;cursor:pointer;font:600 var(--fs-caption) var(--font-ui);color:var(--text)}.phone-wrap{width:393px;height:852px;border-radius:62px;padding:11px;background:linear-gradient(160deg,#3d3f44,#131417 30%,#26282c 70%,#0c0d0f);box-shadow:0 40px 90px #00000059,0 12px 28px #00000040,inset 0 0 2px #ffffff59;position:relative;flex:0 0 auto;transform-origin:center center}.phone-wrap:before{content:"";position:absolute;left:-2.5px;top:190px;width:3px;height:100px;border-radius:2px;background:#1b1c1f;box-shadow:0 130px #1b1c1f}.phone-wrap:after{content:"";position:absolute;right:-2.5px;top:250px;width:3px;height:68px;border-radius:2px;background:#1b1c1f}.phone-screen{width:100%;height:100%;border-radius:51px;overflow:hidden;background:var(--bg);position:relative}.island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:122px;height:35px;border-radius:var(--r-pill);background:#000;z-index:40}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;border-radius:var(--r-pill);background:var(--text);opacity:.35;z-index:40;pointer-events:none}@media(max-width:979px){.stage{display:contents}.side-panel,.phone-chrome{display:none}}