:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8e5db;background:#14191f;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:#242c34;border:1px solid #45505a;border-radius:5px;padding:.8rem 1rem;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;transition:background .16s,transform .16s}button:hover{background:#35424a}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #ebbd79;outline-offset:3px}a{color:inherit}header{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1.6rem 3vw;border-bottom:1px solid #3a4147;font-size:.7rem;letter-spacing:.14em}header a{font-size:1.1rem;font-weight:800;text-decoration:none}.badge{border:1px solid #716f5f;padding:.4rem}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;padding:5rem 6vw 4rem;background:radial-gradient(ellipse at 80% 80%,#343932,transparent 60%)}.eyebrow{font-size:.7rem;letter-spacing:.18em;color:#ddad6f}h1{font-size:clamp(3rem,5.4vw,6rem);letter-spacing:-.065em;line-height:1.02;margin:1rem 0 1.5rem;font-weight:500}h1 em{font-family:Georgia,serif;font-weight:400;color:#e8b778}.lede{color:#b5c3c7;line-height:1.65;font-size:1.05rem}.window-art{position:relative;align-self:center;display:flex;gap:16px;height:260px;transform:perspective(800px) rotateY(-15deg)}.window-art>i{display:block;flex:1;border:9px solid #687679;background:linear-gradient(135deg,#eab775 5%,#8c845f 40%,#283235 85%);box-shadow:0 20px 25px #0008;animation:breathe 7s ease-in-out infinite alternate}.window-art>i:nth-child(2){opacity:.65;animation-delay:-2s}.window-art>i:nth-child(3){opacity:.35;animation-delay:-4s}.window-art span{position:absolute;bottom:-2rem;font-size:.6rem;letter-spacing:.2em;color:#abbbbd}.studio{display:grid;grid-template-columns:minmax(190px,1fr) minmax(380px,2.8fr) minmax(190px,1fr);gap:1px;background:#3b454a;border-block:1px solid #3b454a}.studio>aside{padding:1.5rem;background:#192127}.studio>aside>button{display:block;width:100%;margin:.6rem 0}.stage{background:#10171c;padding:2rem}.ruler{display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.16em;color:#9babad;border-bottom:1px solid #3e494e;padding-bottom:1rem}.stage>h2{font-family:Georgia,serif;font-size:2.4rem;font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere}.listeners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.listeners button{display:flex;flex-direction:column;gap:.65rem;min-width:0}.listeners span{font-size:.6rem;letter-spacing:.12em;color:#c7ad85}.listeners strong{font-weight:500;white-space:pre-wrap}.listeners small{font-size:.65rem;color:#a4b2b5}.listeners .selected{border-color:#e0b77d;background:#3b3930}.timeline{padding:1.5rem 0;min-height:240px}.track{margin-bottom:1rem}.track>span{font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere}.track>div{height:15px;position:relative;background:repeating-linear-gradient(90deg,#ffffff0a 0 1px,transparent 1px 12.5%);margin:.4rem 0;overflow:hidden}.track b{position:absolute;height:100%;background:#a7b8ad;border-radius:2px}.track i{position:absolute;height:100%;width:2px;background:#ffc77c}.track small{font-size:.6rem;color:#a6b2b5}.silence{font:italic 1.5rem/1.6 Georgia,serif;color:#778c92;padding:1rem}.transport,.row{display:flex;gap:.5rem;flex-wrap:wrap}.primary{background:#d7af77;color:#162027;border-color:#d7af77}.primary:hover{background:#f2c68a}.clock{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 0;gap:1rem}.clock span{display:block;font-size:.6rem;letter-spacing:.16em;color:#8d9fa6}.clock strong{display:block;font-size:1.8rem;font-weight:400}.clock small{font-size:.65rem}input,textarea{color:#e6e8df;background:#111b21;border:1px solid #48565b;border-radius:3px;padding:.65rem;min-width:0;width:100%}label{display:flex;flex-direction:column;gap:.4rem;font-size:.7rem;color:#b9c5c6}h2{font-size:.85rem;line-height:1.4}h3{font-size:.85rem;color:#d9ba8b;margin-top:2rem}p{line-height:1.6;font-size:.85rem}.hint{color:#9bafb5;font-size:.75rem}p[role=status]{background:#28323a;padding:.8rem;min-height:3rem;overflow-wrap:anywhere}p[role=alert]{color:#ffb099}.mini-wave{display:flex;gap:3px;align-items:center;height:130px;overflow:hidden;margin-top:2rem}.mini-wave i{background:#9b8d70;flex:1}.author{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;padding:4rem 6vw;background:#20292e}.author h2{font:2.3rem Georgia,serif}.author textarea{margin-top:1rem;height:650px;font:.8rem/1.5 ui-monospace,monospace;resize:vertical}.mask{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:.7rem;align-items:center;border-top:1px solid #3b474e;padding:.7rem 0}.mask strong{font-size:.75rem;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}footer{padding:2.5rem 6vw;color:#a6b4b8}footer p{max-width:900px;font-size:.7rem}section{scroll-margin-top:1rem}@keyframes breathe{to{filter:brightness(1.2)}}@media(max-width:1000px){.studio{grid-template-columns:1fr}.studio>aside{display:block}.hero{padding:3rem 5vw}.stage{padding:1.4rem}.window-art{height:190px}.author{grid-template-columns:1fr}}@media(max-width:600px){.hero{grid-template-columns:1fr}.window-art{height:180px;margin-bottom:2rem}header>span{display:none}.listeners{grid-template-columns:1fr}.listeners button{gap:.2rem}.clock{align-items:start;flex-direction:column}.mask{grid-template-columns:1fr 1fr}.mask strong{grid-column:1/-1}.stage>h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}