: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);--choppa-gold: #ffa40a;--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-layout{display:flex;align-items:stretch;min-height:100vh}.page{width:min(1200px,calc(100% - 2.4rem));margin:0 auto;padding:1.2rem 0 4rem}.page--with-timeline{flex:1;margin-left:0;width:min(1200px,calc(100% - 21.4rem));max-width:calc(100% - 21.4rem);padding:1.2rem 8rem 4rem 1.5rem}.timeline-rail{--timeline-pane-width: 22rem;flex:0 0 11rem;position:relative;margin-top:2.5rem;margin-bottom:2.5rem;padding:.6rem;z-index:5}.timeline-line{position:absolute;left:.6rem;top:0;bottom:0;width:1px;background:color-mix(in oklab,var(--line) 80%,transparent)}.timeline-entry{position:absolute;left:0;min-height:2.25rem;display:flex;flex-direction:column;gap:.1rem;padding-left:1rem;max-width:9.5rem;pointer-events:auto;cursor:pointer}.timeline-entry__hover-box{position:absolute;left:0;top:0;bottom:0;width:0;background:#ffffff0f;border-left:2px solid color-mix(in oklab,var(--accent) 50%,transparent);transition:width .2s ease-out;z-index:-1;border-radius:0 4px 4px 0}.timeline-entry:hover .timeline-entry__hover-box{width:10rem}.timeline-entry__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.05rem;margin-bottom:.2rem;opacity:0;transition:opacity .2s ease}.timeline-entry:hover .timeline-entry__meta,.timeline-entry--active .timeline-entry__meta{opacity:1}.timeline-entry--active .timeline-entry__meta{position:absolute;left:0;top:0;width:calc(11rem - 1.2rem + var(--timeline-pane-width));text-align:right}.timeline-date{font-family:var(--font-head);font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.timeline-time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.5rem;color:var(--muted);opacity:.8}.timeline-dot{position:absolute;left:.35rem;top:.35rem;width:6px;height:6px;border-radius:50%;background:var(--accent)}.timeline-entry--ship .timeline-dot{background:var(--accent)}.timeline-entry--bug .timeline-dot{background:#e6404d}.timeline-entry--pivot .timeline-dot{background:var(--choppa-gold)}.timeline-entry--win .timeline-dot{background:#4db378}.timeline-entry--loss .timeline-dot{background:var(--muted)}.timeline-entry--arch .timeline-dot{background:#6ba3f0}.timeline-entry--term .timeline-dot{background:var(--choppa-gold)}.timeline-entry--idea .timeline-dot{background:var(--muted);opacity:.8}.timeline-entry--in_progress .timeline-dot{background:var(--choppa-gold);box-shadow:0 0 0 1px var(--choppa-gold)}.timeline-entry--idea .timeline-label,.timeline-entry--in_progress .timeline-label{color:var(--muted)}.timeline-divider{position:absolute;left:0;display:flex;align-items:center;gap:.5rem;padding-left:.5rem;max-width:10rem;pointer-events:none}.timeline-divider__line{flex:0 0 1.2rem;height:1px;background:color-mix(in oklab,var(--line) 90%,transparent)}.timeline-divider__label{font-family:var(--font-head);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);opacity:.9}.timeline-label{font-family:var(--font-head);font-size:.62rem;padding:.2rem;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}.timeline-commit{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.52rem;letter-spacing:.02em;color:var(--muted);opacity:.6}.timeline-detail-pane{position:absolute;left:10rem;width:0;max-height:16rem;overflow:hidden;transition:width .25s ease-out;z-index:10;background:color-mix(in oklab,var(--panel) 95%,rgb(6 8 14));border-left:1px solid var(--line);border-radius:0 6px 6px 0;display:flex;flex-direction:column;padding:0;box-shadow:0 4px 12px #00000026}.timeline-detail-pane.is-open{width:var(--timeline-pane-width);padding:1rem 1.1rem 1rem 1.25rem;overflow-y:auto}.timeline-pane__close{position:absolute;top:.5rem;right:.6rem;width:1.5rem;height:1.5rem;border:0;background:transparent;color:var(--muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.timeline-pane__close:hover{color:var(--ink)}.timeline-pane__header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-shrink:0;margin-bottom:.75rem}.timeline-pane__title{font-family:var(--font-head);font-size:.9rem;line-height:1.25;text-transform:uppercase;letter-spacing:.04em;margin:0;color:var(--ink);word-break:break-word;flex:1;min-width:0}.timeline-pane__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;flex-shrink:0;text-align:right}.timeline-pane__media{min-height:5rem;margin-bottom:.75rem;background:#ffffff08;border:1px dashed var(--line);flex-shrink:0}.timeline-pane__date{font-family:var(--font-head);font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.timeline-pane__time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.55rem;color:var(--muted);opacity:.9}.timeline-pane__commit{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.55rem;color:var(--muted);opacity:.7;margin-bottom:.75rem}.timeline-pane__body{flex:0;min-height:0;font-size:.85rem;line-height:1.5;color:var(--muted)}.top-badges{position:fixed;top:30%;right:1.5rem;z-index:1000;display:flex;flex-direction:column;gap:.7rem}@media(max-width:900px){.timeline-rail{display:none}.page--with-timeline{width:min(1200px,calc(100% - 2.4rem));max-width:none;padding:1.2rem 2.4rem 4rem}}.site-header{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;padding:1.25rem 0 1rem;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:.4rem 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(--muted);text-decoration:none;border:none;background:none;padding:.25rem 0;font-size:.82rem}.header-nav a:hover{color:var(--ink)}.section{margin-top:2.5rem}.section:first-of-type{margin-top:2rem}.section-copy{color:var(--muted);margin:.4rem 0 1.25rem;line-height:1.55}.text-link{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;font-family:var(--font-body)}.text-link:hover{color:var(--ink)}.text-link--muted{color:var(--muted)}.text-link--muted:hover{color:var(--ink)}.project-grid,.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.card{border:1px solid var(--line);border-radius:14px;padding:1.125rem 1.25rem;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-card p{margin:.5rem 0 0;line-height:1.5}.project-card h3{margin: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%),var(--bg-image, none);background-size:auto,cover;background-position:left top,center center;background-blend-mode:normal,luminosity;transition:border-color .15s ease}.badge{font-family:var(--font-head);display:inline-block;margin:0 0 .4rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:2rem}.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)}.download-badge{position:relative;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.31rem;padding:.98rem 1.26rem;background:color-mix(in oklab,var(--accent) 18%,rgb(8 10 18 / 92%));border:1px solid color-mix(in oklab,var(--accent) 55%,var(--line));text-decoration:none;color:var(--ink);letter-spacing:.06em;transition:background .14s ease,border-color .14s ease,transform .14s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0!important}.download-badge:hover{background:color-mix(in oklab,var(--accent) 32%,rgb(8 10 18 / 94%));border-color:var(--accent);color:#fff;transform:translateY(-2px)}.download-badge__label{font-family:var(--font-head);font-size:1.09rem;text-transform:uppercase;color:var(--accent)}.download-badge__sub{font-family:var(--font-head);font-size:.95rem;color:var(--muted);text-transform:uppercase}.coming-soon-badge{opacity:.45;cursor:default;pointer-events:none;border-style:dashed}.music-links{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem}.music-link{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.11em;font-size:.86rem;color:var(--choppa-gold);text-decoration:none;padding-bottom:.12rem;border-bottom:1px solid color-mix(in oklab,var(--choppa-gold) 70%,transparent)}.music-link:hover{color:color-mix(in oklab,var(--choppa-gold) 85%,white);border-bottom-color:currentColor}.feedback-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.25rem;max-width:28rem}.input-field{padding:.6rem .75rem;border:1px solid var(--line);background:color-mix(in oklab,var(--panel) 90%,transparent);color:var(--ink);font-family:var(--font-body);font-size:.95rem;width:100%}.input-field::placeholder{color:var(--muted);opacity:.9}textarea.input-field{min-height:5rem;resize:vertical}.button{padding:.55rem 1.1rem;font-family:var(--font-head);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);transition:background .15s ease,border-color .15s ease}.button:hover{background:#ffffff1a;border-color:color-mix(in oklab,var(--line) 70%,var(--accent))}.button.primary{background:color-mix(in oklab,var(--accent) 28%,rgb(8 10 18));border-color:var(--accent);color:var(--ink)}.button.primary:hover{background:color-mix(in oklab,var(--accent) 42%,rgb(8 10 18));border-color:var(--accent)}.site-footer{margin-top:3rem;padding-top:1.75rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;color:var(--muted);font-size:.88rem}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--ink)}.about-card{display:flex;flex-wrap:wrap;gap:1.75rem;align-items:center}.about-card__body{flex:1 1 300px}.about-card__p{margin:0;text-align:left;max-width:100%}.about-card__p--2{margin-top:1rem}@media(max-width:700px){.download-badge{padding:.56rem .7rem}.download-badge__label{font-size:.76rem}.download-badge__sub{font-size:.66rem}}table{width:100%;border-collapse:collapse;margin-top:.5rem}.keyboard-lab{display:grid;gap:1rem}.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:.75rem 1rem;background:#080a11bd;min-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}}button,.btn,.button,.card,.product-card,input,select,textarea,.download-badge{border-radius:0!important}