.stage{background:radial-gradient(900px 500px at 50% -8%, var(--brand-tint), transparent 70%), var(--paper-2);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;min-height:100vh;padding:28px 16px 40px;display:flex}.stage-head{align-items:center;gap:11px;display:flex}.stage-head .mark{background:var(--brand);color:#fffbf4;color:lab(98.8801% .286222 3.81292);width:30px;height:30px;font-family:var(--font-display);border-radius:9px;place-items:center;font-size:18px;font-weight:700;display:grid}.stage-head .name{font-family:var(--font-display);letter-spacing:-.03em;font-size:21px;font-weight:700}.stage-head .tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:100px;padding:3px 9px;font-size:10px}.demo-chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:460px;display:flex}.demo-chips button{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-soft);transition:all .15s var(--ease);border-radius:100px;padding:7px 13px;font-size:11px}.demo-chips button:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink-faint)}.demo-chips button.on{background:var(--ink);color:var(--paper);box-shadow:none}.ios-device{background:#f2f2f7;border-radius:48px;position:relative;overflow:hidden;box-shadow:0 40px 80px #0000002e,0 0 0 1px #0000001f}.ios-island{z-index:50;background:#000;border-radius:24px;width:116px;height:34px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.ios-home{z-index:60;pointer-events:none;justify-content:center;align-items:flex-end;height:30px;padding-bottom:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.ios-home span{background:#00000040;border-radius:100px;width:130px;height:5px}.m-screen{background:var(--paper);width:100%;height:100%;color:var(--ink);font-family:var(--font-body);flex-direction:column;display:flex;position:relative;overflow:hidden}.m-scroll{flex:1;overflow:hidden auto}.m-scroll::-webkit-scrollbar{display:none}.m-scroll{scrollbar-width:none}.m-pad{padding:0 18px}.m-safe-top{flex-shrink:0;height:54px}.m-appbar{align-items:center;gap:12px;padding:6px 18px 12px;display:flex}.m-iconbtn{width:40px;height:40px;color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:100px;place-items:center;display:grid;position:relative}.m-iconbtn .ndot{background:var(--brand);color:#fff;min-width:15px;height:15px;font-size:9px;font-weight:700;font-family:var(--font-mono);text-align:center;border-radius:100px;padding:0 3px;line-height:15px;position:absolute;top:8px;right:9px}.m-search{background:var(--card);height:46px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-faint);border-radius:14px;align-items:center;gap:10px;padding:0 16px;font-size:15px;display:flex}.m-cats{gap:9px;padding:2px 18px 4px;display:flex;overflow-x:auto}.m-cats::-webkit-scrollbar{display:none}.m-cat{color:var(--ink-soft);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);transition:all .15s var(--ease);border-radius:100px;flex-shrink:0;padding:9px 16px;font-size:13.5px;font-weight:600}.m-cat.on{background:var(--ink);color:var(--paper);box-shadow:none}.m-pcard{cursor:pointer;flex-direction:column;gap:0;display:flex}.m-pcard .pic{background:var(--card);border-radius:16px;position:relative;overflow:hidden}.m-pcard .wish{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:32px;height:32px;box-shadow:var(--shadow-sm);background:#ffffffd1;background:lab(100% 0 0/.82);border-radius:100px;place-items:center;display:grid;position:absolute;top:9px;right:9px}.m-hscroll{scroll-snap-type:x mandatory;gap:14px;padding:0 18px 4px;display:flex;overflow-x:auto}.m-hscroll::-webkit-scrollbar{display:none}.m-hscroll>*{scroll-snap-align:start;flex-shrink:0}.m-tabs{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#f9f6f1e6;background:lab(97.1324% .224501 3.04743/.9);flex-shrink:0;align-items:stretch;padding:8px 8px 22px;display:flex}.m-tab{color:var(--ink-faint);flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 0;font-size:10.5px;font-weight:600;display:flex;position:relative}.m-tab.on{color:var(--brand)}.m-tab .tdot{background:var(--brand);color:#fff;min-width:15px;height:15px;font-size:9px;font-weight:700;font-family:var(--font-mono);text-align:center;border-radius:100px;padding:0 3px;line-height:15px;position:absolute;top:2px;right:22px}.m-actionbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#f9f6f1eb;background:lab(97.1324% .224501 3.04743/.92);flex-shrink:0;padding:12px 18px 26px}.m-push{z-index:80;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);animation:m-drop .5s var(--ease);cursor:pointer;background:#fdfcf8db;background:lab(98.8605% .13572 1.90164/.86);border-radius:20px;align-items:center;gap:11px;padding:12px 14px;display:flex;position:absolute;top:10px;left:10px;right:10px;box-shadow:0 8px 30px #1d140d2e,inset 0 0 0 .5px #ffffff80;box-shadow:0 8px 30px lab(7.17208% 3.64868 5.4563/.18),inset 0 0 0 .5px lab(100% 0 0/.5)}@keyframes m-drop{0%{opacity:0;transform:translateY(-130%)}to{opacity:1;transform:none}}.m-li{border-bottom:1px solid var(--line);gap:13px;padding:14px 0;display:flex}.m-method{background:var(--card);text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.m-rise{animation:jb-rise .4s var(--ease) both}