*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100vh;overflow:hidden;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff}#webgl{position:fixed;top:0;left:0;width:100%;height:100%;outline:none}#start-experience{position:fixed;bottom:48px;left:50%;transform:translate(-50%);background:#000;color:#fff;border:1px solid rgba(255,255,255,.15);padding:14px 36px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;letter-spacing:.02em;border-radius:980px;cursor:pointer;z-index:1000;transition:background .2s,transform .2s}#start-experience:hover{background:#1a1a1a;transform:translate(-50%) scale(1.03)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .6s ease}.loading-bar-track{width:180px;height:3px;background:#ffffff26;border-radius:3px;overflow:hidden}.loading-bar-fill{width:0%;height:100%;background:#fff;border-radius:3px;transition:width .3s ease}.camera-info{position:fixed;top:20px;left:20px;background:#000000b3;color:#fff;padding:15px;font-family:monospace;font-size:12px;border-radius:5px;z-index:100;line-height:1.6}.camera-info div{margin-bottom:5px}.camera-info span{color:#0f0}.controls-panel{position:fixed;top:20px;right:20px;background:#000c;color:#fff;padding:20px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:13px;border-radius:8px;z-index:100;max-height:90vh;overflow-y:auto;width:280px}.controls-panel h3{margin:0 0 15px;font-size:16px;font-weight:600;border-bottom:2px solid #444;padding-bottom:8px}.controls-panel h4{margin:15px 0 10px;font-size:14px;font-weight:500;color:#0f0}.control-group{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #333}.control-group:last-child{border-bottom:none}.controls-panel label{display:block;margin-bottom:8px;font-size:12px}.controls-panel input[type=range]{width:100%;margin-top:4px;cursor:pointer}.controls-panel input[type=checkbox]{margin-right:6px;cursor:pointer}.controls-panel span{color:#0f0;font-weight:500}.os-interface{width:1890px;height:1280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;pointer-events:auto;padding:0;box-sizing:border-box}.info-container{background:#000;padding:4px 16px;text-align:center;display:flex;margin-bottom:4px;box-sizing:border-box}.info-container p{margin:0;color:#fff;font-family:monospace;font-size:16px}.last-row{display:flex;flex-direction:row}.last-row .info-container,.last-row .toggle-container{margin-right:4px}.toggle-container{background:#000;padding:4px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.toggle-button{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.toggle-button:hover{opacity:.7}.toggle-button:active{opacity:.5}@keyframes osSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.os-menubar{background:#1e1e2ef2;padding:0 40px;height:70px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,255,255,.1);font-size:28px;color:#e0e0e0}.menubar-left,.menubar-right{display:flex;align-items:center;gap:35px}.apple-logo{width:32px;height:32px;background:linear-gradient(135deg,#fff,#d0d0d0);-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>');mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>');mask-size:contain;-webkit-mask-size:contain}.menubar-item{font-weight:500;cursor:pointer;padding:8px 18px;border-radius:10px;transition:background .2s}.menubar-item:first-of-type{font-weight:600}.menubar-item:hover{background:#ffffff26}.menubar-icon{font-size:30px;opacity:.9}.menubar-time{font-weight:500;font-size:28px;font-variant-numeric:tabular-nums}.os-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff3;color:#fff;border-radius:10px;cursor:pointer;font-size:28px;transition:background .2s;margin-left:20px}.os-close:hover{background:#ff5f56e6}.os-content{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at top,rgba(120,119,198,.1),transparent),radial-gradient(ellipse at bottom,rgba(30,30,46,.3),transparent)}.os-desktop{position:absolute;top:0;right:0;width:auto;height:100%;padding:20px;display:flex;flex-direction:column;gap:12px;align-content:start}.os-icon{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:12px 18px;border-radius:10px;transition:background .15s;width:120px}.os-icon:hover{background:#ffffff14}.os-icon:active{background:#ffffff26}.icon-img{font-size:64px;margin-bottom:8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.icon-label{color:#fff;font-size:18px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.8);text-align:center;white-space:nowrap}.os-windows{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.os-window{position:absolute;background:#f6f6f6fa;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:10px;box-shadow:0 15px 50px #00000080,0 0 0 .5px #0003;overflow:hidden;pointer-events:all;animation:windowOpen .4s cubic-bezier(.34,1.56,.64,1)}@keyframes windowOpen{0%{opacity:0;transform:scale(.7) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.window-header{background:linear-gradient(180deg,#ebebebf2,#dcdcdcf2);padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);cursor:move}.window-title{font-size:13px;font-weight:600;color:#333;margin-left:60px;flex:1;text-align:center}.window-close{position:absolute;left:12px;width:12px;height:12px;background:#ff5f56;border-radius:50%;cursor:pointer;transition:transform .2s,filter .2s;box-shadow:0 1px 2px #0003}.window-close:before{content:"";position:absolute;width:6px;height:6px;top:3px;left:3px;background:#0000;transition:background .2s}.window-close:hover{filter:brightness(1.1)}.window-close:hover:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 6"><path d="M1 1 L5 5 M5 1 L1 5" stroke="%23591a14" stroke-width="1.2" stroke-linecap="round"/></svg>')}.window-content{padding:20px;height:calc(100% - 37px);overflow-y:auto;color:#333;font-size:14px;line-height:1.6}.window-content h3{margin-top:0;margin-bottom:10px;color:#667eea}.os-dock{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#ffffff26;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);padding:6px;border-radius:18px;display:flex;align-items:flex-end;gap:6px;box-shadow:0 8px 30px #0006,inset 0 1px #ffffff4d,0 0 0 .5px #0000004d;border:1px solid rgba(255,255,255,.2)}.dock-item{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:36px;background:#ffffff1a;border-radius:14px;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),margin .2s cubic-bezier(.34,1.56,.64,1),background .2s;position:relative}.dock-item:hover{transform:translateY(-14px) scale(1.2);background:#fff3;margin:0 10px}.dock-item:active{transform:translateY(-12px) scale(1.15)}.dock-separator{width:1px;height:40px;background:#ffffff4d;margin:0 4px}.dragging{cursor:move!important}