: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}.code-inline{display:inline-block;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.hide-sm{display:initial}.show-sm{display:none}.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)}.accent{color:var(--accent)}.success{color:#2c8}.danger{color:#ff6b6b}.neutral{color:var(--muted)}.warn{color:#ffb84d}.num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;font-family:Roboto Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#0f151d;border:1px solid #1e2733;font-size:12px}.chip.success{border-color:#2c8;color:#2c8}.chip.danger{border-color:#ff6b6b;color:#ff6b6b}.chip.neutral{border-color:#2a3647;color:var(--muted)}.grid{display:grid;gap:12px}.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.progress{height:8px;background:#223042;border-radius:999px;overflow:hidden}.progress .bar{height:100%;background:linear-gradient(90deg,#2c8,#5cc8ff);width:0}.list{list-style:none;padding:0;margin:0}.list li{padding:8px 0;border-bottom:1px solid #223042}.list li:last-child{border-bottom:none}.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}.code-inline{max-width:100%}.hide-sm{display:none}.show-sm{display:initial}.grid.cards{grid-template-columns:1fr}}.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}