@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{font-family:DM Sans,sans-serif;color:#deeeef;background:#091218;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1040px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.1em;color:#9bb5be}a{color:#b8e4e7;text-underline-offset:4px}header a{letter-spacing:0}.performance{text-align:center;padding:52px 0 36px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#9bb5be}h1{font:56px/1.05 "Instrument Serif",serif;font-weight:400;margin:24px 0 0}h1 em{color:#b8e4e7}.sphere{display:flex;justify-content:center;align-items:center;min-height:320px}.controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}button{font:500 16px DM Sans,sans-serif;min-height:48px;padding:12px 24px;border:1px solid #b8e4e7;border-radius:28px;background:#b8e4e7;color:#0b2025;cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}.secondary{background:transparent;color:#c2d4dc;border-color:#36444c}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:4px}.settings{max-width:640px;margin:0 auto 28px;padding:26px;border:1px solid #293a43;background:#12202999;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}h2{font:32px "Instrument Serif",serif;margin:0 0 24px}label{display:block;font-size:13px;margin:22px 0 12px;color:#b8cad0}input,textarea,select{font:16px DM Sans,sans-serif;width:100%;margin-top:10px;padding:12px;border:1px solid #40515b;border-radius:8px;background:#0c171f;color:#e2eff1}aside{border-left:2px solid #e5c18c;padding:12px 16px;background:#e5c18c0a;overflow-wrap:anywhere}aside p,.fine{font-size:12px;line-height:1.7;color:#94aab4}.quote{font:23px/1.4 "Instrument Serif",serif;color:#b4c6cb}.error{color:#ffb9ab;max-width:460px;margin:16px auto}.sample{margin:20px 0}audio{width:100%}details{margin-top:24px}summary{cursor:pointer;padding:14px 0}body>audio[data-al-audio]{display:none}@media(max-width:500px){main{padding:18px 14px}header{font-size:10px}h1{font-size:44px}.performance{padding-top:40px}.settings{padding:20px}.sphere{min-height:310px}}