*{box-sizing:border-box}:root{--bg:#0a0c10;--ink:#eef1f6;--muted:#9aa3b2;--line:#ffffff1a;--card:#ffffff0a;--accent:#ff3b3b;--accent-soft:#ff3b3b29;--radius:16px}body.theme-light{--bg:#f4f6fb;--ink:#161a22;--muted:#5a6473;--line:#0000001a;--card:#00000009}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font:15px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background .25s,color .25s;overflow-x:hidden}.bg{z-index:-1;background:radial-gradient(60% 50% at 80% 0%, #ff3b3b1a, transparent 60%), radial-gradient(50% 50% at 8% 4%, #2b6cff17, transparent 55%), var(--bg);position:fixed;inset:0}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:20px clamp(20px,5vw,56px);display:flex}.brand{letter-spacing:.2px;align-items:center;gap:9px;font-weight:600;display:flex}.brand .dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 16px var(--accent);border-radius:50%}.topbar-right{align-items:center;gap:18px;display:flex}.links{align-items:center;gap:12px;display:flex}.links a{color:var(--muted);transition:color .15s,transform .1s;display:inline-flex}.links a:hover{color:var(--ink)}.links a:active{transform:translateY(1px)}.switches{gap:12px;display:flex}.seg{border:1px solid var(--line);background:#00000040;border-radius:12px;gap:3px;padding:3px;display:inline-flex}body.theme-light .seg{background:#ffffff8c}.seg button{color:var(--muted);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:8px 16px;font-size:13px;transition:background .15s,color .15s}.seg button:hover:not(.active){color:var(--ink)}.seg button.active{background:var(--accent-soft);color:var(--ink);box-shadow:inset 0 0 0 1px #ff3b3b59}.stage{max-width:1100px;margin:0 auto;padding:clamp(8px,3vw,28px) clamp(20px,5vw,56px) 64px}.presets-wrap{flex-direction:column;align-items:center;gap:14px;margin-bottom:clamp(12px,2vw,20px);display:flex}.presets-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);font-size:12px}.presets{flex-wrap:wrap;justify-content:center;gap:10px;max-width:720px;display:flex}.chip{background:var(--card);color:var(--muted);border:1px solid var(--line);cursor:pointer;font:inherit;border-radius:999px;padding:9px 18px;font-size:13.5px;transition:background .15s,color .15s,border-color .15s,transform .1s}.chip:hover{color:var(--ink);border-color:#ff3b3b66}.chip:active{transform:translateY(1px)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 24px #ff3b3b4d}.bodies{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.8vw,18px);display:flex}.body-card{border:1px solid var(--line);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:22px;width:min(252px,44vw);margin:0;padding:clamp(10px,1.8vw,18px);position:relative;box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff0f}body.theme-light .body-card{background:linear-gradient(#fff,#eef1f7);border-color:#0000001a;box-shadow:0 30px 80px #141e3c29,inset 0 1px #ffffffb3}.map{border-radius:12px;width:100%;overflow:hidden}.map path{transition:opacity .35s,fill .2s}.body-card figcaption{text-align:center;letter-spacing:.4px;color:var(--muted);margin-top:10px;font-size:12.5px}.hover-bar{justify-content:center;min-height:34px;margin-bottom:clamp(8px,1.6vw,16px);display:flex}.hover-name{background:var(--card);border:1px solid var(--line);color:var(--ink);white-space:nowrap;opacity:0;border-radius:999px;align-items:center;padding:6px 16px;font-size:13px;transition:opacity .16s,transform .16s;display:inline-flex;transform:translateY(4px)}.hover-name.on{opacity:1;transform:none}@media (width<=720px){.topbar{justify-content:center;gap:14px}.topbar-right{flex-wrap:wrap;justify-content:center;gap:14px;width:100%}.switches{flex-wrap:wrap;justify-content:center}}