:root{color:#cec8d6;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#82798d;--line:#ffffff15;--accent:#c4acd9;background:#060609;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #c6a4ec}button{color:inherit;border:0}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}a{color:inherit}#world{width:100%;height:100%;display:block;position:fixed;inset:0}.atmosphere{pointer-events:none;background:radial-gradient(#0000 30%,#02020540 100%);position:fixed;inset:0}.chrome{transition:opacity 1s,transform 1s}.masthead{justify-content:space-between;align-items:center;padding:32px 42px;display:flex;position:fixed;top:0;left:0;right:0}.identity{letter-spacing:.3em;align-items:center;gap:15px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.identity small{color:var(--muted);letter-spacing:.16em;margin-top:8px;font-size:8px;font-weight:400;display:block}.header-right{align-items:center;gap:28px;display:flex}.source-state{color:#a29aa9;letter-spacing:.05em;align-items:center;gap:9px;font-size:11px;display:flex}.source-state i{background:#6f627a;border-radius:50%;width:5px;height:5px}.source-state i.connected{background:#94c8b9;box-shadow:0 0 12px #62dfbd55}.icon-button{color:#bcb0c7;background:0 0;border-radius:5px;place-items:center;width:30px;height:30px;font-size:24px;display:inline-grid}.icon-button:hover{color:#fff;background:#ffffff0a}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:17px;height:17px}.specimen{pointer-events:none;position:fixed;top:41%;left:42px;transform:translateY(-15%)}.eyebrow{color:var(--muted);letter-spacing:.2em;font-size:9px}h1{letter-spacing:-.035em;color:#d8cfe2;margin:21px 0 19px;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3vw,45px);font-weight:400;line-height:1.18}h1 em,h2 em{color:#a894bb;font-weight:400}.specimen p{color:var(--muted);font-size:11px;line-height:1.9}.palette-caption{letter-spacing:.06em;align-items:center;gap:8px;margin-top:32px;font-size:10px;display:flex}#palette-swatch{background:#58eddf;border-radius:50%;width:6px;height:6px;transition:background 5s}#palette-auto{color:#73697d}.scale{color:#786c83;letter-spacing:.15em;flex-direction:column;align-items:center;gap:19px;font-size:9px;display:flex;position:fixed;top:36%;right:45px}.scale i{background:linear-gradient(#0000,#b4a2cc35,#0000);width:1px;height:150px;position:relative}.scale i:after{content:"";background:#b4a2cc75;width:7px;height:1px;position:absolute;top:50%;left:-3px}.dock{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;min-height:105px;display:flex;position:fixed;bottom:0;left:42px;right:42px}.connection{flex-wrap:wrap;align-items:center;gap:14px;max-width:420px;display:flex}.primary-button{color:#ded0e8;white-space:nowrap;background:#211a2ab3;border:1px solid #a38ab745;border-radius:7px;align-items:center;gap:18px;padding:13px 17px;font-size:11px;transition:background .2s,border-color .2s;display:flex}.primary-button:hover{background:#382746;border-color:#cbb1df88}.button-orbit{color:#bca2d0;font-size:15px}#audio-caption{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:10px;overflow:hidden}.text-button{color:#a59aaf;white-space:nowrap;background:0 0;padding:7px 0;font-size:10px}.text-button:hover{color:#eee2fa}.levels{gap:23px;display:flex}.levels div{flex-direction:column;gap:11px;min-width:64px;display:flex}.levels span{color:#796f86;letter-spacing:.16em;font-size:7px}.levels i{background:#ffffff0c;width:70px;height:2px;overflow:hidden}.levels b{transform-origin:0;background:#a491bf;width:100%;height:100%;transition:transform .1s linear;display:block;transform:scaleX(0)}.dock-actions{align-items:center;gap:23px;display:flex}#settings-toggle span{color:#78638f;margin-left:13px;font-size:14px}.ui-hidden .chrome{opacity:0;pointer-events:none}.ui-hidden .masthead{transform:translateY(-10px)}.ui-hidden .dock{transform:translateY(10px)}.restore-button{color:#9685a6;opacity:.45;background:#14101999;border:1px solid #ffffff0b;border-radius:5px;padding:9px 12px;font-size:10px;transition:opacity .3s;position:fixed;bottom:24px;right:32px}.restore-button:hover,.restore-button:focus-visible{opacity:1}.restore-button span{opacity:.5;margin-left:16px;font-size:9px}.settings-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#100c16ee;border:1px solid #a486bd25;border-radius:10px;width:315px;max-height:calc(100dvh - 150px);padding:19px 23px 20px;position:fixed;bottom:112px;right:42px;overflow-y:auto;box-shadow:0 20px 80px #0008}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.settings-panel label{color:#b3a5c0;margin-bottom:20px;font-size:11px;display:block}.settings-panel output{float:right;color:#887a95;font-variant-numeric:tabular-nums;font-size:10px}input[type=range]{accent-color:#b89bcc;cursor:pointer;width:100%;height:3px;margin-top:15px;display:block}select{color:#c8b9d3;background:#1b1422;border:1px solid #a486bd25;border-radius:5px;padding:9px;font-size:10px}.settings-panel .select-label{justify-content:space-between;align-items:center;gap:10px;display:flex}.track-label span{float:right;color:#75667f;font-size:9px}.settings-panel .track-label{margin-bottom:10px}.track-row{gap:10px;display:flex}.track-row input{color:#c8b9d3;background:#ffffff05;border:1px solid #a486bd25;border-radius:4px;flex:1;min-width:0;padding:10px 8px;font-size:10px}.track-row input::placeholder{color:#7d6d8d;font-size:9px}.panel-note{color:#847490;margin:15px 0;font-size:9px;line-height:1.8}.panel-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.life-actions{justify-content:space-between;margin-top:7px;display:flex}.life-note{margin-bottom:0}#fps{color:#756a80;font-variant-numeric:tabular-nums;font-size:9px}dialog{color:#cbbfd5;background:#100c17f5;border:1px solid #b398cf35;border-radius:12px;width:min(510px,100% - 32px);max-height:calc(100dvh - 40px);padding:25px 32px;overflow-y:auto;box-shadow:0 30px 150px #000b}dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020105a8}dialog .panel-heading{margin-bottom:16px}h2{letter-spacing:-.035em;margin:0 0 15px;font-family:Georgia,Times New Roman,serif;font-size:37px;font-weight:400;line-height:1.13}.dialog-intro{color:#91839f;margin:0 0 22px;font-size:11px;line-height:1.7}.source-option{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:10px 18px;padding:17px 0;display:grid}.source-option h3{color:#d9cae5;margin:0 0 7px;font-size:12px;font-weight:500}.source-option p{color:#9886a6;margin:0;font-size:10px;line-height:1.8}.source-option strong{color:#bba8ca;font-weight:500}.source-option select{grid-area:2/1;width:100%}.source-option .option-button{grid-area:1/2/3}.option-button{background:#30233e;border:1px solid #b398cf30;border-radius:5px;padding:12px 13px;font-size:10px}.option-button:hover{background:#422d56}.option-button span{margin-left:10px}.audio-help{color:#9987a8;border-top:1px solid var(--line);margin-top:4px;padding:12px 0 0;font-size:10px}.audio-help summary{cursor:pointer}.audio-help p{color:#a394af;line-height:1.9}.audio-help a{color:#cdb2e2;text-underline-offset:3px}.audio-message{color:#d6a5bc;margin:14px 0 0;font-size:10px;line-height:1.8}.audio-message:empty{display:none}.demo-button{color:#b6a0c7;background:0 0;justify-content:space-between;width:100%;margin-top:6px;padding:18px 0 12px;font-size:11px;display:flex}.demo-button:hover{color:#ead8fa}.privacy-note{text-align:center;color:#73647e;margin-bottom:0;font-size:9px}.toast{color:#bdb0c9;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17111fdc;border:1px solid #b398cf20;border-radius:6px;max-width:min(90vw,600px);padding:11px 18px;font-size:11px;line-height:1.6;position:fixed;bottom:126px;left:50%;transform:translate(-50%)}.render-error{background:#160e20;border:1px solid #b398cf30;border-radius:8px;width:80%;max-width:480px;padding:25px;font-size:13px;line-height:1.8;position:fixed;top:45%;left:50%;transform:translate(-50%)}@media (width<=1050px){.specimen{top:29%}h1{font-size:30px}.levels,.scale{display:none}}@media (width<=700px){.masthead{padding:23px}.identity{letter-spacing:.22em;gap:10px;font-size:12px}.identity small{font-size:6px}.identity img{width:25px}.header-right{gap:10px}.source-state{font-size:9px}.specimen{top:105px;left:24px;transform:none}.specimen h1{margin:12px 0;font-size:25px}.specimen p{display:none}.palette-caption{margin-top:16px;font-size:8px}.dock{gap:10px;min-height:100px;left:24px;right:24px}.connection{gap:8px;max-width:200px}#audio-caption{display:none}.primary-button{gap:11px;padding:12px 13px}.dock-actions{gap:10px}#settings-toggle{font-size:9px}#settings-toggle span{display:none}.settings-panel{width:auto;max-height:calc(100dvh - 140px);bottom:112px;left:20px;right:20px}dialog{padding:20px 24px}h2{font-size:32px}.source-option{column-gap:12px}.toast{font-size:10px;bottom:115px}}@media (prefers-reduced-motion:reduce){.chrome,.levels b{transition:none}}