:root{--bg: #0b0f14;--surface: #121822;--fg: #e6eef7;--text: #e6eef7;--muted: #a6b3c2;--accent: #5cc8ff;--accent-2: #8be9fd;--ring: rgba(92, 200, 255, .35);--radius: 12px;--shadow: 0 6px 20px rgba(0,0,0,.35);--vh: 1vh}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{background:radial-gradient(1200px 800px at 70% 20%,#152030,#0b0f14 60%)}body{margin:0;background:transparent;color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;overscroll-behavior:none}.page{min-height:calc(var(--vh) * 100);display:flex;flex-direction:column}.container{max-width:1000px;margin:0 auto;padding:16px 24px 56px;width:100%}header.site{position:sticky;top:0;z-index:5;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);background:#0b0f14d9;border-bottom:1px solid rgba(255,255,255,.08)}header.site .inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}header.site .brand{display:inline-flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none}header.site .brand img{width:28px;height:28px;display:block}header.site nav{display:flex;align-items:center;gap:10px}.copy-btn{cursor:pointer;border:none;background:transparent;color:var(--muted);padding:4px;border-radius:6px;opacity:0;transition:opacity .15s ease,color .15s ease}.copy-btn:hover{color:var(--fg)}.hover-show:hover .copy-btn{opacity:1}.btn{cursor:pointer;border:1px solid #1e2733;background:#0f151d;color:var(--text);padding:8px 12px;border-radius:999px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;text-decoration:none!important}.btn:hover{border-color:#2a3647;background:#121a24}.btn:focus{outline:2px solid var(--ring);outline-offset:2px}.btn.mellange{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#0b0f14;border-color:#fff2}.btn.mellange:hover{filter:brightness(.96)}.card{background:#0a0e1459;color:#f5f7fb;border:1px solid #223042;border-radius:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:18px;box-shadow:0 12px 48px #00000061;margin:16px 0}.muted{color:var(--muted)}.input{background:#0f151d;color:var(--fg);border:1px solid #1e2733;border-radius:10px;padding:10px 12px}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:8px}@media (max-width: 560px){header.site .inner{flex-wrap:wrap}.row{flex-direction:column;align-items:stretch}.btn{width:100%}.copy-btn{opacity:1}}.site-footer{color:var(--muted);padding:20px 16px;border-top:1px solid rgba(255,255,255,.08);background:#0b0f14d9;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);text-align:center}.site-footer a{color:var(--accent-2);text-decoration:none;font-weight:700}.site-footer a:hover{color:var(--accent);text-decoration:underline}