:root{color-scheme:dark;--bg:#080b12;--surface:rgba(24,31,45,.82);--strong:#1e293b;--line:rgba(255,255,255,.1);--text:#f1f5f9;--muted:#94a3b8;--accent:#60a5fa;--success:#34d399;--soon:#fbbf24;--wip:#a78bfa;--api:#67e8f9}*{box-sizing:border-box}body{min-height:100vh;margin:0;padding:28px 20px;color:var(--text);background:radial-gradient(circle at 50% -12%,#25245c 0,transparent 36rem),var(--bg);font-family:"Segoe UI","Malgun Gothic",system-ui,sans-serif}main{width:min(760px,100%);margin:0 auto}.back{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 10px;border:1px solid var(--line);border-radius:7px;color:#cbd5e1;background:rgba(15,23,42,.64);font-size:12px;text-decoration:none}.back:hover,.back:focus-visible{border-color:var(--accent);color:#fff;outline:none}.panel{margin-top:18px;padding:clamp(28px,6vw,52px);border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 24px 80px rgba(0,0,0,.3);backdrop-filter:blur(16px)}.product{display:flex;align-items:center;gap:18px}.product-icon{display:grid;width:64px;height:64px;flex:0 0 64px;place-items:center;font-size:48px}.product-icon img{display:block;width:64px;height:64px;object-fit:contain}.eyebrow{margin:0 0 5px;color:#b8bbff;font-size:12px;font-weight:700;letter-spacing:.1em}.api .eyebrow,.api .type{color:var(--api)}h1{margin:0;font-size:clamp(34px,8vw,52px);letter-spacing:-.045em}.type{margin:8px 0 0;color:#b8bbff;font-size:13px}.lead{margin:26px 0 0;color:#cbd5e1;font-size:17px;line-height:1.7}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0;padding:0;list-style:none}.features li{padding:13px;border:1px solid var(--line);border-radius:9px;color:#cbd5e1;font-size:13px;line-height:1.5}.features strong{display:block;margin-bottom:4px;color:#fff;font-size:14px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:9px;color:#fff;background:#2b59ff;font-size:14px;font-weight:700;text-decoration:none}.button:hover,.button:focus-visible{background:#3b66ff;outline:2px solid #93c5fd;outline-offset:2px}.button.secondary{border-color:var(--line);background:var(--strong)}.button.disabled{border-color:var(--line);color:var(--muted);background:var(--strong);cursor:default}.meta{margin:18px 0 0;color:var(--muted);font-size:12px}.live{color:var(--success);font-weight:700}.soon{color:var(--soon);font-weight:700}.wip{color:var(--wip);font-weight:700}.fw{margin:26px 0 0}.fw-title{margin:0 0 12px;font-size:1.05rem;font-weight:650}.fw-pick{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--muted);font-size:13px}.fw-pick select{min-height:32px;padding:0 8px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:var(--strong);font:inherit;font-size:13px}.fw-row{padding:13px 15px;border:1px solid var(--line);border-radius:9px;margin-bottom:9px}.fw-head{display:flex;align-items:center;gap:9px;font-size:15px}.fw-head strong{color:#fff}.fw-beta{padding:2px 7px;border:1px solid var(--soon);border-radius:999px;color:var(--soon);font-size:11px;font-weight:700}.fw-get{display:inline-flex;align-items:center;min-height:32px;margin-left:auto;padding:0 14px;border-radius:7px;color:#fff;background:#2b59ff;font-size:13px;font-weight:700;text-decoration:none}.fw-get:hover,.fw-get:focus-visible{background:#3b66ff;outline:2px solid #93c5fd;outline-offset:2px}.fw-meta{margin:6px 0 0;color:var(--muted);font-size:12px}.fw-note{margin:6px 0 0;color:#cbd5e1;font-size:13px;line-height:1.6}.fw-hash{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.6;word-break:break-all}.fw-alt{color:#93c5fd;font-weight:600;text-decoration:none}.fw-alt:hover,.fw-alt:focus-visible{text-decoration:underline}.fw-hash code{font-family:'Cascadia Mono',Consolas,monospace}.fw-empty,.fw-loading{margin:0;color:var(--muted);font-size:13px}@media(max-width:520px){.fw-head{flex-wrap:wrap}.fw-get{margin-left:0;width:100%;justify-content:center}}footer{padding:22px 0 8px;color:#64748b;font-size:12px;text-align:center}@media(max-width:620px){.features{grid-template-columns:1fr}.product-icon,.product-icon img{width:52px;height:52px}.product-icon{flex-basis:52px;font-size:40px}.actions{align-items:stretch;flex-direction:column}.button{width:100%}}