: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:"Micro 5";src:url(/fonts/Micro5-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}*,*:before,*:after{box-sizing:border-box;border-radius:0!important}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}.track-card{border-color:color-mix(in oklab,var(--track-color) 44%,var(--line));background:linear-gradient(160deg,color-mix(in oklab,var(--track-color) 12%,transparent) 0%,var(--panel) 55%)}.track-card .badge{color:#0a0c10;background:color-mix(in oklab,var(--track-color) 84%,white 16%);border:1px solid color-mix(in oklab,var(--track-color) 65%,black 35%);border-radius:999px;padding:.14rem .5rem;margin-bottom:.65rem}.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}.keyboard-lab{display:grid;gap:.85rem}.shortcut-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.shortcut-tabs button,.keycap{border:1px solid var(--line);border-radius:2px;background:#ffffff08;color:var(--ink);font-family:var(--font-head);letter-spacing:.03em;text-transform:uppercase}.shortcut-tabs button{font-size:.92rem;padding:.34rem .58rem}.shortcut-tabs button.active{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 25%,rgb(12 14 24))}.keyboard-layout{border:1px solid var(--line);border-radius:4px;padding:.75rem;display:grid;gap:.38rem;background:linear-gradient(180deg,rgb(255 255 255 / 2%),transparent 22%),#06080ee5}.keyboard-row{display:flex;align-items:center;gap:.32rem}.keyboard-row.modifier-lane{padding-top:.12rem;border-top:1px dashed color-mix(in oklab,var(--line) 90%,transparent)}.keycap{min-width:42px;min-height:34px;padding:.18rem .44rem;font-size:.8rem;cursor:pointer;box-shadow:inset 0 1px #ffffff14,0 1px #0000005c}.keycap-wide{min-width:62px}.keycap-xwide{min-width:198px}.keycap-static{cursor:default;opacity:.55;display:inline-flex;align-items:center;justify-content:center}.key-spacer{min-width:14px}.modifier-key{color:color-mix(in oklab,var(--ink) 88%,var(--muted))}.modifier-key.locked{border-color:color-mix(in oklab,var(--accent) 72%,white)}.arrow-key{color:color-mix(in oklab,var(--ink) 78%,var(--accent))}.keycap:disabled{opacity:.35;cursor:not-allowed;border-style:dashed;color:var(--muted)}.keycap.active{border-color:var(--accent);color:color-mix(in oklab,white 78%,var(--accent));background:color-mix(in oklab,var(--accent) 28%,rgb(13 17 30));box-shadow:inset 0 0 0 1px #ffffff1a}.shortcut-feedback{border:1px solid var(--line);padding:.66rem .8rem;background:#080a11bd;height:104px;overflow:auto;display:flex;align-items:flex-start}.shortcut-feedback p{margin:0}.shortcut-feedback p+p{margin-top:.3rem}.shortcuts-details summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.shortcuts-details summary::-webkit-details-marker{display:none}.shortcuts-details .caret{display:inline-block;transform:rotate(-90deg);transition:transform .14s ease}.shortcuts-details[open] .caret{transform:rotate(0)}.shortcuts-details .manual-grid{margin-top:.75rem}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}.keycap{min-width:40px;min-height:34px;padding:.22rem .46rem;font-size:.86rem}}