:root{--font-head: "Micro 5", monospace;--font-body: "Cormorant Garamond", serif;--site-bg: rgb(16 16 20);--ink: rgb(234 236 242);--muted: rgb(170 175 189);--line: rgb(56 60 74);--panel: rgb(17 20 30 / 88%);--accent: rgb(57 127 217);--cfg-waveform-play: rgb(77 140 230);--cfg-waveform-rec: rgb(230 64 77);--cfg-playhead: rgb(255 255 255);--cfg-loop_region: rgb(77 179 230)}@font-face{font-family:"Jersey 25";src:url(/fonts/Jersey25-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-wght.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 10% 0%,rgb(63 95 145 / 32%),transparent 42%),radial-gradient(circle at 90% 0%,rgb(131 77 22 / 24%),transparent 36%),linear-gradient(165deg,rgb(7 8 13),var(--site-bg) 55%,rgb(8 8 11));color:var(--ink);font-family:var(--font-body)}.page{width:min(1200px,calc(100% - 2.4rem));margin:0 auto;padding:1.2rem 0 4rem}.site-header{display:grid;grid-template-columns:1fr auto;gap:1.2rem;padding:1rem 0 .4rem;border-bottom:1px solid var(--line)}h1,h2,h3,.overline{margin:0;font-family:var(--font-head);letter-spacing:.04em}h1{font-size:clamp(2.2rem,8vw,4.8rem);text-transform:uppercase}h2{font-size:clamp(1.8rem,5vw,2.8rem);text-transform:uppercase}h3{font-size:1.3rem;text-transform:uppercase}.thin{font-size:.54em;opacity:.7}.overline{font-size:.75rem;color:var(--muted);text-transform:uppercase}.tagline{margin:.5rem 0 0;color:var(--muted)}.header-nav{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end;align-content:start}.header-nav a{color:var(--ink);text-decoration:none;border:1px solid var(--line);background:#ffffff0a;padding:.34rem .6rem;border-radius:999px;font-size:.82rem}.section{margin-top:2rem}.section-copy{color:var(--muted);margin:.35rem 0 .9rem}.project-grid,.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.card{border:1px solid var(--line);border-radius:14px;padding:1rem;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-card p{margin:.42rem 0 0}.badge{display:inline-block;margin-bottom:.5rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.small{color:var(--muted);font-size:.9rem}.tweak-card{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem}.color-controls{display:grid;gap:.5rem}.color-row{display:grid;grid-template-columns:minmax(170px,1fr) 64px 1fr;align-items:center;gap:.5rem;font-size:.9rem}.color-row input{width:100%;height:34px;background:transparent;border:1px solid var(--line);border-radius:6px;padding:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.preview{border:1px dashed var(--line);border-radius:10px;padding:.8rem}.wave-preview{position:relative;margin-top:.7rem;height:180px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#080b13e0}.wave-line{position:absolute;top:0;right:0;bottom:0;left:0}.waveform-play{background:repeating-linear-gradient(90deg,transparent 0 6px,var(--cfg-waveform-play) 6px 7px,transparent 7px 14px);opacity:.52}.waveform-rec{background:repeating-linear-gradient(90deg,transparent 0 17px,var(--cfg-waveform-rec) 17px 18px,transparent 18px 28px);opacity:.18}.loop-region{left:18%;right:25%;top:0;bottom:0;border-left:2px solid var(--cfg-loop_region);border-right:2px solid var(--cfg-loop_region);background:color-mix(in oklab,var(--cfg-loop_region) 16%,transparent)}.playhead{width:2px;left:56%;right:auto;background:var(--cfg-playhead)}table{width:100%;border-collapse:collapse;margin-top:.5rem}th,td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:.44rem .2rem;font-size:.9rem}th{color:var(--muted)}.raw-card summary{cursor:pointer;color:var(--ink);margin-bottom:.7rem}.raw-card pre{margin:0;max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:.75rem;background:#08090ee5;font-size:.76rem;line-height:1.45}@media(max-width:1000px){.project-grid,.manual-grid,.tweak-card,.site-header{grid-template-columns:1fr}.header-nav{justify-content:flex-start}}@media(max-width:700px){.page{width:calc(100% - 1.2rem)}.color-row{grid-template-columns:1fr}}