:root{color-scheme:dark;font-family:"Inter Variable",sans-serif;color:#fff0e8;background:#140c12;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}canvas{position:fixed;inset:0;display:block;width:100vw;height:100vh;height:100dvh;touch-action:none;outline:none}.hud{position:fixed;z-index:2;pointer-events:none}.hud button,.hud input,.hud select{pointer-events:auto}button,select,input{font:inherit}button{color:#fff0e8;background:#38232cd9;border:1px solid #f0b7b94d;min-height:44px;padding:0 17px;border-radius:12px;cursor:pointer;font-size:12px;backdrop-filter:blur(16px)}button:hover{background:#5c3545}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #ffc8c2;outline-offset:4px}.identity{left:38px;top:32px}.identity>span{font-size:11px;letter-spacing:.26em;font-weight:600}.identity h1{font:400 34px/1.1 "Instrument Serif",serif;margin:23px 0 5px}.identity p{font:italic 18px "Instrument Serif",serif;color:#d3aeb9;margin:0}.top-tools{right:38px;top:30px;display:flex;gap:24px;align-items:center}.top-tools>span{font-size:11px;color:#dcc6cb}.top-tools i{display:inline-block;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 2px 3px 10px}.settings{right:38px;top:91px;width:270px;padding:20px;border:1px solid #f0b7b933;border-radius:14px;background:#28151feb;backdrop-filter:blur(20px)}.settings[hidden]{display:none}.settings label{display:block;font-size:12px;margin-bottom:18px}.settings select{color:inherit;display:block;width:100%;height:44px;padding:0 11px;margin-top:9px;background:#422432;border:1px solid #f0b7b93d;border-radius:9px}.settings output{float:right;color:#f6c6c3}.settings input{width:100%;height:29px;accent-color:#eab5b3}.settings p{font-size:11px;line-height:1.5;color:#d3b6c0;margin:3px 0 0}.specimen{left:39px;bottom:177px;text-shadow:0 2px 10px #180a10}.eyebrow{font:11px "JetBrains Mono Variable",monospace;letter-spacing:.1em;color:#cba8b5}.specimen h2{font:400 clamp(35px,4vw,59px)/1.1 "Instrument Serif",serif;letter-spacing:-.015em;margin:13px 0 8px}.specimen p{font-size:12px;color:#d8bec5;margin:0}.transport{bottom:49px;left:50%;transform:translateX(-50%);display:flex;gap:19px;align-items:center;padding:14px 16px;background:#291721e6;border:1px solid #edb1b33d;border-radius:16px;backdrop-filter:blur(18px)}.scrubber{width:192px}.scrubber label{font:10px "JetBrains Mono Variable",monospace;letter-spacing:.12em;display:flex;justify-content:space-between;color:#e3c0c8}.scrubber input{width:100%;height:26px;accent-color:#f3c8c2;display:block}.actions{display:flex;gap:6px}.actions button{min-width:64px;padding:0 13px}.actions button:first-child{background:#f3c8c2;color:#35202a;border-color:#f3c8c2}.gesture{left:50%;transform:translateX(-50%);bottom:22px;font:10px "JetBrains Mono Variable",monospace;color:#bca0ad;letter-spacing:.1em;margin:0}.sample{bottom:31px;left:38px;font-size:10px;color:#c6abb6;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#fallback{position:fixed;inset:28%;text-align:center;line-height:1.6}#fallback[hidden]{display:none}.no-webgl canvas{display:none}.no-webgl .transport,.no-webgl .top-tools,.no-webgl .specimen{display:none}.capture *{transition:none!important}@media(max-width:650px){.identity{left:21px;top:max(25px,env(safe-area-inset-top))}.identity>span{font-size:11px;letter-spacing:.18em}.identity h1{font-size:27px;margin-top:17px}.identity p{font-size:17px}.top-tools{right:19px;top:23px}.top-tools>span{display:none}.top-tools button{font-size:11px;padding:0 12px}.specimen{left:22px;bottom:181px}.specimen h2{font-size:35px;margin:8px 0}.eyebrow{font-size:10px}.specimen p{font-size:11px}.transport{left:18px;right:18px;bottom:67px;transform:none;padding:12px;gap:10px}.scrubber{min-width:90px;flex:1}.scrubber label{font-size:9px}.actions{gap:5px}.actions button{min-width:53px;font-size:11px;padding:0 8px}.gesture{font-size:9px;bottom:42px;width:100%;text-align:center}.sample{left:0;bottom:17px;text-align:center;width:100%;font-size:10px}.settings{top:auto;left:18px;right:18px;width:auto;bottom:150px;padding:17px}.settings label{margin-bottom:11px}.settings p{margin:0;font-size:10px}.settings-open .specimen{visibility:hidden}.settings-open .identity p{visibility:hidden}}