@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800&family=Bebas+Neue&display=swap');
html{--bg:#f6f8fb;--paper:#fff;--ink:#0b1420;--muted:#506177;--line:#e6edf4;--primary:#2ad4ff;--accent:#ffb703;--accent2:#12d67b;--accent3:#ff57c1;--radius:16px;--shadow:0 10px 30px rgba(16,26,38,.08)}
html[data-theme=theme-glass]{--bg:#0b0e13;--paper:rgba(255,255,255,.06);--ink:#e8eef7;--muted:#9eb1c8;--line:rgba(255,255,255,.16);--primary:#89f2ff;--accent:#ffd166;--accent2:#7fffd4;--accent3:#ff4785;--shadow:0 20px 60px rgba(0,0,0,.5)}
html[data-theme=theme-dark]{--bg:#0a0c12;--paper:#0f1726;--ink:#e6f1ff;--muted:#8da2c3;--line:#152235;--primary:#19D1FF;--accent:#ffd166;--accent2:#6dfcc7;--accent3:#ff3b6b;--shadow:0 18px 50px rgba(0,0,0,.45)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
h1,h2,h3,h4{font-family:'Bebas Neue',sans-serif;letter-spacing:.02em;text-transform:uppercase;margin:.2em 0}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:999px;border:1px solid transparent;background:var(--primary);color:#00202b;text-decoration:none;font-weight:700;box-shadow:0 8px 18px rgba(0,179,255,.25)}
.badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--line);background:color-mix(in oklab,var(--paper),black 2%);color:var(--muted);font-size:.78rem}
.hscroll{overflow:auto;padding-bottom:10px}.hrow{display:flex;gap:16px;min-height:320px}
.k-modal{position:fixed;inset:0;display:none;align-items:flex-end;background:rgba(0,10,20,.55)}.k-modal.open{display:flex}
.k-modal .sheet{width:min(920px,95vw);margin:0 auto 2vh;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:16px 16px 22px}
.k-modal .header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:12px}
.k-modal .close{border:0;background:color-mix(in oklab,var(--paper),black 6%);padding:.35rem .55rem;border-radius:10px;cursor:pointer}
.koda-theme-chips{position:fixed;right:16px;bottom:16px;display:flex;gap:10px;z-index:9999}
.koda-chip{width:18px;height:18px;border-radius:4px;border:2px solid rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer}
.koda-chip.light{background:linear-gradient(180deg,#fff,#eef4fb)}
.koda-chip.glass{background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.06));backdrop-filter:blur(6px)}
.koda-chip.dark{background:linear-gradient(180deg,#0f1726,#0b101a)}
.koda-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}