*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff}.controls{position:absolute;top:20px;left:20px;width:300px;background:#141414eb;padding:20px;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.08)}.controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.controls h1{margin:0;font-size:22px;font-weight:600;background:linear-gradient(135deg,#fff,#8cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-btn{background:#ffffff1a;border:none;border-radius:8px;padding:8px 12px;font-size:18px;cursor:pointer;transition:background .2s}.settings-btn:hover{background:#fff3}.control-group{margin-bottom:18px}.control-group label{display:block;margin-bottom:8px;font-size:13px;color:#aaa;font-weight:500}input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#09f,#06c);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #08f6}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,#09f,#06c);border-radius:50%;cursor:pointer;border:none}.layers-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.layers-grid button{padding:10px 8px;font-size:11px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#888;border-radius:8px;cursor:pointer;text-transform:capitalize;transition:all .2s ease}.layers-grid button:hover{background:#ffffff1a;color:#aaa}.layers-grid button.active{background:linear-gradient(135deg,#00649680,#003c6480);border-color:#08c;color:#fff}.xr-controls{border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.xr-controls label{display:flex;align-items:center;gap:8px;font-size:13px;color:#aaa;cursor:pointer;margin-bottom:12px}.xr-controls input[type=checkbox]{width:16px;height:16px;accent-color:#0088cc}.xr-button-container{display:flex;flex-direction:column;gap:6px}.xr-btn{width:100%;padding:14px;background:linear-gradient(135deg,#09f,#06c);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #0088ff4d}.xr-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #08f6}.xr-btn--active{background:linear-gradient(135deg,#f55,#c33);box-shadow:0 4px 16px #ff55554d}.xr-btn--disabled{background:#333;color:#666;cursor:not-allowed;box-shadow:none}.xr-restart-notice{font-size:11px;color:#fa0;text-align:center}.settings-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{background:#19191efa;border-radius:20px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 64px #0009}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.settings-header h2{margin:0;font-size:20px;font-weight:600}.close-btn{background:none;border:none;color:#888;font-size:28px;cursor:pointer;line-height:1;padding:0;transition:color .2s}.close-btn:hover{color:#fff}.settings-content{padding:20px 24px;overflow-y:auto;max-height:calc(80vh - 80px)}.settings-section{margin-bottom:28px}.settings-section:last-child{margin-bottom:0}.settings-section h3{margin:0 0 16px;font-size:14px;font-weight:600;color:#09f;text-transform:uppercase;letter-spacing:.5px}.setting-item{margin-bottom:16px}.setting-item label{display:block;margin-bottom:8px;font-size:13px;color:#aaa}.setting-item.checkbox label{display:flex;align-items:center;gap:10px;cursor:pointer}.env-toggle{display:flex;gap:8px}.env-toggle button{flex:1;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#888;border-radius:8px;cursor:pointer;transition:all .2s}.env-toggle button.active{background:#00649666;border-color:#08c;color:#fff}.timeline{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:600px;background:#141414eb;padding:16px 20px;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.timeline-header h3{margin:0;font-size:14px;font-weight:600}.current-phase{font-size:12px;color:#09f;font-weight:500}.timeline-phases{display:flex;margin-bottom:8px;border-radius:4px;overflow:hidden}.phase{padding:6px 8px;background:#ffffff0d;border-right:1px solid rgba(255,255,255,.1);text-align:center}.phase:last-child{border-right:none}.phase.active{background:#0088cc4d}.phase-name{font-size:9px;color:#888;text-transform:uppercase}.timeline-scrubber{position:relative;margin-bottom:12px}.timeline-controls{display:flex;align-items:center;gap:16px}.play-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#09f,#06c);border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.speed-control{flex:1}.speed-control label{display:block;font-size:11px;color:#888;margin-bottom:4px}.position-indicator{font-size:12px;color:#888;min-width:40px;text-align:right}.environment-toggle{margin-bottom:16px}.toggle-label{display:block;font-size:13px;color:#aaa;margin-bottom:8px}.toggle-buttons{display:flex;gap:8px}.toggle-btn{flex:1;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#888;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.toggle-btn.active{background:#00649666;border-color:#08c;color:#fff}