@font-face{font-family:AlarmClock;src:url(../fonts/alarm-clock.ttf);font-weight:400;font-style:normal}*{margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none}#container{width:100%;height:100%;margin:0;padding:0;background-color:#0a0a0a;touch-action:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:auto}.loading-percent{position:absolute;top:50%;width:100%;margin-top:-25px;text-align:center;vertical-align:bottom;color:#fff;font-size:26px;font-family:Outfit,sans-serif}.loading-percent.ended{opacity:0;transition:opacity .3s ease-in-out}.intro-ui:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,rgba(249,115,22,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.7) 0%,rgba(0,0,0,.85) 100%);pointer-events:none;z-index:-1}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ffffff1a}50%{box-shadow:0 0 40px #fff3}}.intro-ui:after{content:"";position:fixed;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(249,115,22,.08) 0%,transparent 60%);pointer-events:none;z-index:-1;animation:pulse-glow 4s ease-in-out infinite}.monitor-os-ui{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;font-family:Ubuntu,Segoe UI,sans-serif}.os-desktop{width:100%;height:100%;position:relative;overflow:hidden}.os-wallpaper{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)}.os-icons{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:20px;z-index:10}.os-icon{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;padding:10px;border-radius:8px;transition:background .2s}.os-icon:hover{background:rgba(255,255,255,.1)}.os-icon-img{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.terminal-icon{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:2px solid #0f3460}.terminal-icon:before{content:">_";color:#4ade80;font-family:monospace;font-weight:700}.files-icon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:2px solid #b45309}.files-icon:before{content:"\1f4c1";font-size:24px}.browser-icon{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:2px solid #1d4ed8}.browser-icon:before{content:"\1f310";font-size:24px}.editor-icon{background:linear-gradient(135deg,#ea580c 0%,#F97316 100%);border:2px solid #c2410c}.editor-icon:before{content:"\1f4dd";font-size:24px}.os-icon span{color:#fff;font-size:12px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.os-taskbar{position:absolute;bottom:0;left:0;width:100%;height:48px;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:100}.os-taskbar-start{display:flex;align-items:center;gap:8px}.os-taskbar-logo{width:32px;height:32px;background:linear-gradient(135deg,#F97316 0%,#ea580c 100%);border-radius:50%;cursor:pointer;transition:transform .2s}.os-taskbar-logo:hover{transform:scale(1.1)}.os-taskbar-apps{display:flex;gap:8px}.os-taskbar-tray{display:flex;align-items:center;gap:16px}.os-clock{color:#fff;font-size:14px;font-family:monospace}.os-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:#1e1e2e;border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden;z-index:200;display:flex;flex-direction:column}.os-window-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#2d2d3f;cursor:move;user-select:none}.os-window-header span{color:#fff;font-weight:500}.os-window-close{width:24px;height:24px;border:none;background:#dc2626;color:#fff;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;transition:background .2s}.os-window-close:hover{background:#b91c1c}.os-window-body{flex:1;overflow:auto;background:#1e1e2e}.terminal-body{padding:16px;font-family:Fira Code,Cascadia Code,monospace;font-size:14px;color:#a6e3a1}.terminal-output{white-space:pre-wrap;margin-bottom:8px}.terminal-input-line{display:flex;align-items:center}.terminal-prompt{color:#89b4fa}.terminal-input{flex:1;background:none;border:none;color:#cdd6f4;font-family:inherit;font-size:inherit;outline:none}.files-body{display:flex;height:100%}.files-sidebar{width:180px;background:#2d2d3f;padding:16px 0;border-right:1px solid #3d3d5c}.files-sidebar-item{padding:10px 16px;color:#a6adc8;cursor:pointer;transition:all .2s}.files-sidebar-item:hover{background:#3d3d5c;color:#fff}.files-sidebar-item.active{background:#F97316;color:#fff}.files-content{flex:1;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;align-content:start}.files-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s;color:#cdd6f4;font-size:12px;text-align:center}.files-item:hover{background:#3d3d5c}.files-item.folder:before{content:"\1f4c1";font-size:32px}.files-item.file:before{content:"\1f4c4";font-size:32px}.browser-body{display:flex;flex-direction:column}.browser-toolbar{padding:8px 12px;background:#2d2d3f;border-bottom:1px solid #3d3d5c}.browser-url{width:100%;padding:8px 12px;background:#1e1e2e;border:1px solid #3d3d5c;border-radius:6px;color:#cdd6f4;font-size:14px}.browser-content{flex:1;display:flex;align-items:center;justify-content:center;background:#1e1e2e}.browser-placeholder{text-align:center;color:#a6adc8}.browser-logo{font-size:64px;margin-bottom:16px}.browser-placeholder a{color:#89b4fa;text-decoration:none}.browser-placeholder a:hover{text-decoration:underline}.editor-body{display:flex;flex-direction:column}.editor-tabs{display:flex;background:#2d2d3f;border-bottom:1px solid #3d3d5c}.editor-tab{padding:10px 20px;color:#a6adc8;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.editor-tab:hover{color:#fff}.editor-tab.active{color:#fff;border-bottom-color:#f97316;background:#1e1e2e}.editor-content{flex:1;overflow:auto;background:#1e1e2e}.editor-code{padding:16px;margin:0;font-family:Fira Code,Cascadia Code,monospace;font-size:14px;color:#cdd6f4;line-height:1.6}.editor-code code{font-family:inherit}.os-icon:focus-visible,.os-taskbar-logo:focus-visible,.os-window-close:focus-visible,.terminal-input:focus-visible,.browser-url:focus-visible,.files-sidebar-item:focus-visible,.files-item:focus-visible,.editor-tab:focus-visible{outline:2px solid #F97316;outline-offset:2px}@media screen and (max-width: 768px){.os-window{width:calc(100% - 32px);height:calc(100% - 96px)}.os-icons{top:12px;left:12px;gap:12px}.os-icon-img{width:40px;height:40px;font-size:20px}.os-taskbar{padding:0 10px}.os-taskbar-tray{gap:10px}.files-sidebar{width:120px}.files-content{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}}@media (prefers-reduced-motion: reduce){.loading-percent.ended,.intro-ui:after,.os-icon,.os-taskbar-logo,.os-window-close,.files-sidebar-item,.files-item,.editor-tab{animation:none;transition:none}}
