:root{--bg: #0b0e14;--bg-raised: #121724;--bg-card: #151b2b;--border: rgba(255, 255, 255, .08);--text: #e8ecf4;--text-muted: #9aa4b8;--accent: #8b93ff;--accent-soft: rgba(139, 147, 255, .14);--white-noise: #dfe7f5;--pink-noise: #f0a8c8;--brown-noise: #cf9468;--radius: 16px;--maxw: 72rem}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:var(--bg);background-image:radial-gradient(1200px 600px at 80% -10%,rgba(139,147,255,.07),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(207,148,104,.05),transparent 60%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}.prose{max-width:46rem}h1,h2,h3{line-height:1.2;letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(2rem,5vw,3.1rem);margin:0 0 .6em}h2{font-size:clamp(1.45rem,3vw,1.9rem);margin:2.2em 0 .6em}h3{font-size:1.15rem;margin:1.8em 0 .5em}p{margin:0 0 1.1em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--text-muted)}.small{font-size:.9rem}header.site{border-bottom:1px solid var(--border);backdrop-filter:blur(8px);position:sticky;top:0;background:#0b0e14d1;z-index:50}header.site .wrap{display:flex;align-items:center;gap:1.5rem;padding-top:.85rem;padding-bottom:.85rem}.logo{font-weight:700;color:var(--text);letter-spacing:-.01em;white-space:nowrap}.logo span{color:var(--accent)}nav.main{display:flex;gap:1.1rem;flex-wrap:wrap;font-size:.95rem}nav.main a{color:var(--text-muted)}nav.main a:hover{color:var(--text);text-decoration:none}nav.main a[aria-current=page]{color:var(--text);font-weight:600}.hero{padding:4.5rem 0 2.5rem}.hero .lead{font-size:1.25rem;color:var(--text-muted);max-width:42rem}.player{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;margin:2rem 0}.player-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem}button.noise-btn{appearance:none;border:1px solid var(--border);background:var(--bg-raised);color:var(--text);border-radius:12px;padding:1.1rem 1rem;font-size:1rem;font-family:inherit;cursor:pointer;text-align:left;transition:border-color .15s,transform .1s,background .15s}button.noise-btn:hover{border-color:var(--accent)}button.noise-btn:active{transform:scale(.985)}button.noise-btn .dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:.55rem}button.noise-btn[data-noise-play=white] .dot{background:var(--white-noise)}button.noise-btn[data-noise-play=pink] .dot{background:var(--pink-noise)}button.noise-btn[data-noise-play=brown] .dot{background:var(--brown-noise)}button.noise-btn .state{display:block;color:var(--text-muted);font-size:.85rem;margin-top:.3rem}button.noise-btn.is-playing{border-color:var(--accent);background:var(--accent-soft)}button.noise-btn.is-playing .state{color:var(--accent)}.player-controls{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;margin-top:1.4rem;color:var(--text-muted);font-size:.95rem}.player-controls label{display:flex;align-items:center;gap:.6rem}input[type=range]{accent-color:var(--accent);width:160px}select{background:var(--bg-raised);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem;font-family:inherit}.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:1.5rem 0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem}.card h3{margin-top:0}.card p{color:var(--text-muted);font-size:.95rem;margin-bottom:.4em}.card a.more{font-size:.92rem}.cta{background:linear-gradient(135deg,#8b93ff1f,#cf94681a);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin:2.5rem 0}.cta h2{margin-top:0}.btn{display:inline-block;background:var(--accent);color:#0b0e14;font-weight:600;padding:.8rem 1.5rem;border-radius:999px;margin-top:.5rem}.btn:hover{text-decoration:none;filter:brightness(1.1)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.table-scroll{overflow-x:auto;margin:1.5rem 0}table{border-collapse:collapse;width:100%;font-size:.97rem}th,td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--text-muted);font-weight:600;white-space:nowrap}details{border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem;margin:.7rem 0;background:var(--bg-card)}summary{cursor:pointer;font-weight:600}details p{margin-top:.8em;margin-bottom:.2em;color:var(--text-muted)}.quiz-q{margin:2rem 0}.quiz-opts{display:grid;gap:.7rem;margin-top:.9rem}button.quiz-opt{appearance:none;text-align:left;background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:.95rem 1.1rem;border-radius:12px;font-size:1rem;font-family:inherit;cursor:pointer;transition:border-color .15s}button.quiz-opt:hover{border-color:var(--accent)}.quiz-progress{color:var(--text-muted);font-size:.9rem}.quiz-result{display:none}.quiz-result.visible{display:block}footer.site{border-top:1px solid var(--border);margin-top:5rem;padding:2.5rem 0 3rem;color:var(--text-muted);font-size:.92rem}footer.site nav{display:flex;gap:1.2rem;flex-wrap:wrap;margin-bottom:1.2rem}footer.site a{color:var(--text-muted)}footer.site a:hover{color:var(--text)}@media(max-width:640px){.hero{padding-top:2.8rem}nav.main{gap:.85rem;font-size:.88rem}}