:root{color-scheme:dark;--text:#f2f2f2;--muted:#b1b1b5;--border:#ffffff26}*{box-sizing:border-box}body,html{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#202022;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid white;outline-offset:5px}button{touch-action:manipulation}.experience,.stage{position:absolute;inset:0}.stage{z-index:0}.identity{position:absolute;top:38px;left:46px;pointer-events:none;text-shadow:0 2px 20px #0004}.identity h1{font:500 clamp(38px,4vw,58px)/1.1 Georgia,Times New Roman,serif;letter-spacing:-2.8px;margin:0}.identity h1 span{color:#999}.identity p{margin:11px 0 0;font:italic 15px/1.4 Georgia,serif;color:#ccc}.glass{background:linear-gradient(145deg,#232325db,#171719c2);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--border);box-shadow:0 12px 50px #0002,inset 0 1px #ffffff08}.icon-button{display:grid;place-items:center;background:transparent;border:0;border-radius:10px;width:40px;height:40px;transition:background .2s}.icon-button.active,.icon-button:hover{background:#ffffff18}.settings-button{position:absolute;right:32px;top:34px;border-radius:50%;width:45px;height:45px}.setup-panel{position:absolute;right:32px;top:96px;width:275px;padding:24px;border-radius:19px;animation:appear .2s ease-out}.setup-panel>label{display:block;color:#aaa;font-size:12px;letter-spacing:.7px;margin-bottom:10px}.setup-panel>select{width:100%;color:#f4f4f4;font-size:14px;background:#ffffff09;border:1px solid #ffffff21;border-radius:9px;padding:12px 10px;margin-bottom:24px;cursor:pointer}.setup-panel>select:last-of-type{margin-bottom:0}.setup-panel option{background:#252528;color:#eee}.panel-divider{height:1px;background:var(--border);margin:23px 0 19px}.setup-panel .quality-toggle{display:flex;justify-content:space-between;align-items:center;margin:0;font-size:12px;letter-spacing:0;color:#c5c5c8}.quality-toggle input{accent-color:white;width:16px;height:16px;cursor:pointer}.view-controls{left:36px;bottom:40px;padding:5px;border-radius:13px}.transport,.view-controls{position:absolute;display:flex}.transport{bottom:34px;left:50%;transform:translateX(-50%);width:min(940px,calc(100% - 330px));min-height:88px;align-items:center;gap:23px;padding:18px 25px;border-radius:18px}.track{min-width:145px;max-width:200px;display:flex;flex-direction:column;gap:7px}.track strong{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track span{font-size:11px;color:#98989f}.play-actions{display:flex;gap:9px;align-items:center}.play-button{border:0;width:47px;height:47px;background:#f0f0f0;color:#18181b;border-radius:50%;display:grid;place-items:center;transition:transform .2s,background .2s}.play-button:hover{background:white;transform:scale(1.04)}.timeline{flex:1 1;display:flex;align-items:center;gap:11px;min-width:100px}.timeline span{font-size:11px;color:#b0b0b4;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:3px;accent-color:white;cursor:pointer;margin:0}.timeline input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#eee var(--progress),#ffffff25 var(--progress));border-radius:5px}.timeline input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:9px;width:9px;background:#fff;border-radius:50%}.volume{display:flex;align-items:center;gap:10px;width:92px;color:#b4b4ba}.volume input{width:62px}.scene-loading{height:100%;display:grid;place-items:center;color:#aaa}.asset-loading{display:block;background:#202024d9;color:#eee;padding:10px 16px;border-radius:8px;white-space:nowrap;font-size:13px}.scene-error{position:absolute;inset:40% 20%;display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}.scene-error button{background:#eee;border:0;padding:10px 20px;border-radius:8px;color:#111}@keyframes appear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.transport{width:calc(100% - 210px);left:auto;right:25px;transform:none;gap:14px;padding:16px}.track{min-width:115px;max-width:155px}.volume{display:none}.view-controls{left:25px}.setup-panel{width:250px}}@media(max-width:700px){.identity{top:25px;left:24px}.identity h1{font-size:39px;letter-spacing:-2px}.identity p{font-size:12px;margin-top:8px;max-width:230px}.settings-button{right:20px;top:26px;width:39px;height:39px}.setup-panel{right:20px;top:108px;padding:17px;width:237px;max-height:calc(100dvh - 280px);overflow:auto}.setup-panel>select{padding:10px;font-size:13px;margin-bottom:17px}.panel-divider{margin:17px 0}.transport{bottom:20px;left:18px;right:18px;width:auto;flex-wrap:wrap;padding:14px 17px;gap:10px;min-height:107px}.track{flex:1 1;max-width:none}.play-actions{order:2}.timeline{order:3;flex-basis:100%;margin-top:7px}.play-button{width:37px;height:37px}.play-actions .icon-button{height:32px;width:32px}.view-controls{bottom:146px;left:18px}.view-controls .icon-button{height:34px;width:34px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}