*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--surface: oklch(.97 .006 250);--text: oklch(.18 .02 260);--dim: oklch(.48 .015 260);--faint: oklch(.72 .008 250);--whisper: oklch(.85 .006 250);--accent: oklch(.58 .12 280);--accent-soft: oklch(.8 .06 280);--warm: oklch(.55 .08 50);--border: oklch(.88 .006 250);--narration: oklch(.48 .015 260);--narration-quiet: oklch(.62 .01 260)}body{font-family:Sora,system-ui,sans-serif;background:var(--surface);color:var(--text);line-height:1.7;min-height:100vh;overflow-x:hidden}.page{max-width:72rem;margin:0 auto;padding:4rem 3rem 6rem;position:relative}.page:before{content:"";position:fixed;top:-5%;right:-10%;width:55%;height:55%;background:radial-gradient(ellipse at center,oklch(.85 .12 280 / .5),oklch(.9 .06 270 / .2) 50%,transparent 80%);pointer-events:none;z-index:0}.page:after{content:"";position:fixed;bottom:-10%;left:-5%;width:50%;height:50%;background:radial-gradient(ellipse at center,oklch(.82 .1 50 / .4),transparent 75%);pointer-events:none;z-index:0}.hero{position:relative;z-index:1;margin-bottom:6rem;padding-top:2rem}.hero-title{font-size:clamp(3.2rem,7vw,5.5rem);font-weight:300;letter-spacing:-.03em;line-height:.95;color:var(--text)}.hero-title .accent{color:var(--accent);font-weight:500}.hero-intro{margin-top:2rem;max-width:32rem;font-size:1rem;font-weight:300;color:var(--dim);line-height:1.8}.section{position:relative;z-index:1;margin-bottom:4rem}.voice{font-family:DM Mono,monospace;font-size:.8rem;line-height:1.7;color:var(--narration);max-width:28rem}.voice p{margin-bottom:.5rem}.voice .guess{color:var(--accent);border-left:2px solid color-mix(in oklch,var(--accent),transparent 70%);padding-left:.8rem;margin-top:.4rem;display:block}.voice .uncertain{font-style:italic;color:var(--narration-quiet)}.gradient-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.color-field{width:100%;aspect-ratio:16 / 9;border-radius:10px;background:linear-gradient(135deg,#f2f5f9,#b5bae4 35%,#6568b6 65%,#0c121a);position:relative;overflow:hidden;box-shadow:0 1px 2px #0c121a0d,0 8px 24px #0c121a14}.color-field:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,transparent 50%,oklch(.55 .08 50 / .2))}.rhythm-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}.rhythm-section .voice{align-self:center}.rhythm{display:flex;align-items:end;gap:5px;height:10rem}.bar{flex:1;border-radius:3px 3px 0 0;min-width:0}.bar:nth-child(1){height:35%;background:var(--whisper)}.bar:nth-child(2){height:60%;background:var(--faint)}.bar:nth-child(3){height:45%;background:var(--accent-soft)}.bar:nth-child(4){height:82%;background:var(--accent)}.bar:nth-child(5){height:28%;background:var(--faint)}.bar:nth-child(6){height:95%;background:var(--dim)}.bar:nth-child(7){height:50%;background:var(--accent-soft)}.bar:nth-child(8){height:18%;background:var(--whisper)}.bar:nth-child(9){height:72%;background:var(--warm)}.bar:nth-child(10){height:40%;background:var(--accent);opacity:.6}.bar:nth-child(11){height:58%;background:var(--faint)}.bar:nth-child(12){height:22%;background:var(--whisper)}.type-section{padding:5rem 0 3rem}.type-specimen{margin-bottom:2rem}.type-large{font-size:clamp(2rem,5vw,4rem);font-weight:300;letter-spacing:-.03em;line-height:1.1;color:var(--text)}.type-large .type-warm{color:var(--warm)}.type-small{font-family:DM Mono,monospace;font-size:.8rem;color:var(--faint);margin-top:.8rem;letter-spacing:.02em}.type-section .voice{margin-top:1.5rem}.palette-section{display:grid;grid-template-columns:auto 1fr;gap:3.5rem;align-items:center}.palette{display:flex;gap:.5rem}.swatch{width:3.5rem;height:3.5rem;border-radius:8px;position:relative}.swatch:after{content:attr(data-value);position:absolute;bottom:-1.6rem;left:50%;transform:translate(-50%);font-family:DM Mono,monospace;font-size:.75rem;color:var(--faint);white-space:nowrap}.sw-1{background:var(--surface);border:1px solid var(--border)}.sw-2{background:var(--text)}.sw-3{background:var(--accent)}.sw-4{background:var(--warm)}.sw-5{background:var(--faint)}.close-section{padding:4rem 0 2rem;border-top:1px solid var(--border);margin-top:4rem}.close-section .voice{max-width:36rem}.close-section .voice p{margin-bottom:.8rem}.close-meta{margin-top:3rem;display:flex;justify-content:space-between;align-items:end}.close-meta-left{font-family:DM Mono,monospace;font-size:.75rem;color:var(--faint);line-height:1.6}.dots{display:flex;gap:.4rem}.dot{width:7px;height:7px;border-radius:50%}.dot-1{background:var(--accent)}.dot-2{background:var(--warm)}.dot-3{background:var(--faint)}.dot-4{background:var(--text)}.cee-notes{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10}.cee-notes summary{font-family:DM Mono,monospace;font-size:.75rem;color:var(--narration-quiet);cursor:pointer;list-style:none;text-align:right;opacity:.5;transition:opacity .3s}.cee-notes summary:hover{opacity:1}.cee-notes summary::-webkit-details-marker{display:none}.cee-notes-content{background:#07090e;border:1px solid oklch(.22 .01 260);border-radius:8px;padding:1.2rem 1.4rem;margin-top:.5rem;max-width:22rem;font-family:DM Mono,monospace;font-size:.8rem;line-height:1.6;color:var(--narration);text-align:left}.cee-notes-content p{margin-bottom:.6rem}.cee-notes-content p:last-child{margin-bottom:0}.back-link{position:fixed;top:1.5rem;right:1.5rem;font-family:DM Mono,monospace;font-size:.75rem;color:var(--narration-quiet);text-decoration:none;opacity:.4;transition:opacity .3s;z-index:10}.back-link:hover{opacity:1}.back-link:focus-visible,.cee-notes summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;opacity:1}@media(prefers-reduced-motion:reduce){.cee-notes summary,.back-link{transition:none}}@media(max-width:768px){.page{padding:3rem 1.5rem 4rem}.gradient-section,.rhythm-section,.palette-section{grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2.6rem}.rhythm{height:7rem}}