:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden;-webkit-user-select:none;user-select:none}.monitor-outer{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0a)}.monitor{width:min(96vw,1200px);height:min(92vh,780px);background:#1c1c1c;border-radius:18px;border:2px solid #333;box-shadow:0 0 0 4px #222,0 8px 40px #0009;display:flex;flex-direction:column;overflow:hidden;position:relative}.monitor-bezel-top{height:28px;background:#252525;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:1px solid #333;flex-shrink:0}.monitor-bezel-top .camera-dot{width:6px;height:6px;border-radius:50%;background:#3a3a4a}.desktop{flex:1;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f2027,#203a43 40%,#2c5364)}.desktop-icons{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:8px}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:4px;width:72px;padding:8px 4px;border-radius:8px;cursor:pointer;transition:background .15s}.desktop-icon:hover{background:#ffffff1a}.desktop-icon .icon-emoji{font-size:32px;line-height:1}.desktop-icon .icon-label{font-size:11px;color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.7);word-break:break-word}.taskbar{height:44px;background:#1e1e1eeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 8px;gap:4px;flex-shrink:0}.taskbar-start{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-size:18px;cursor:pointer;transition:background .15s;background:none;border:none;color:#fff}.taskbar-start:hover{background:#ffffff1a}.taskbar-apps{flex:1;display:flex;gap:4px;overflow-x:auto}.taskbar-app{height:34px;padding:0 12px;border-radius:6px;font-size:12px;color:#ddd;cursor:pointer;display:flex;align-items:center;gap:6px;background:none;border:none;white-space:nowrap;transition:background .15s}.taskbar-app:hover{background:#ffffff14}.taskbar-app.active{background:#ffffff1f;box-shadow:inset 0 -2px #60a5fa}.taskbar-clock{font-size:12px;color:#aaa;padding:0 10px;white-space:nowrap}.start-menu{position:absolute;bottom:50px;left:8px;width:260px;background:#202020f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;z-index:100;box-shadow:0 12px 40px #00000080}.start-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13px;color:#ddd;cursor:pointer;border:none;background:none;transition:background .15s;width:100%;text-align:left}.start-menu-item:hover{background:#ffffff14}.start-menu-item .menu-emoji{font-size:20px}.window{position:absolute;background:#1e1e1e;border:1px solid #333;border-radius:10px;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;overflow:hidden;min-width:280px;min-height:180px}.window.focused{box-shadow:0 12px 48px #000000a6;border-color:#555}.window-titlebar{height:32px;background:#2a2a2a;display:flex;align-items:center;padding:0 10px;gap:8px;cursor:grab;flex-shrink:0}.window-titlebar:active{cursor:grabbing}.window-dots{display:flex;gap:6px}.window-dot{width:12px;height:12px;border-radius:50%;cursor:pointer;border:none;transition:opacity .15s}.window-dot:hover{opacity:.8}.window-dot.close{background:#ef4444}.window-dot.minimize{background:#eab308}.window-dot.maximize{background:#22c55e}.window-title{flex:1;font-size:12px;color:#aaa;text-align:center;pointer-events:none}.window-body{flex:1;overflow:auto;position:relative}.calc{display:flex;flex-direction:column;height:100%;background:#1a1a1a}.calc-display{padding:16px 20px;text-align:right;font-size:32px;font-weight:300;color:#fff;font-family:ui-monospace,monospace;min-height:64px;display:flex;align-items:flex-end;justify-content:flex-end;word-break:break-all}.calc-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;flex:1}.calc-btn{font-size:18px;border:none;cursor:pointer;padding:14px;transition:background .1s;font-family:inherit}.calc-btn.num{background:#2d2d2d;color:#fff}.calc-btn.num:hover{background:#3a3a3a}.calc-btn.op{background:#3b3b3b;color:#fff}.calc-btn.op:hover{background:#4a4a4a}.calc-btn.func{background:#2a2a2a;color:#aaa}.calc-btn.func:hover{background:#383838}.calc-btn.equals{background:#3b82f6;color:#fff}.calc-btn.equals:hover{background:#60a5fa}.terminal{background:#0d0d0d;color:#22c55e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;padding:12px;height:100%;display:flex;flex-direction:column}.terminal-output{flex:1;overflow-y:auto;white-space:pre-wrap;word-break:break-all;margin-bottom:8px}.terminal-input-line{display:flex;align-items:center;gap:0}.terminal-prompt{color:#3b82f6;white-space:nowrap}.terminal-input{flex:1;background:transparent;border:none;outline:none;color:#22c55e;font-family:inherit;font-size:inherit;caret-color:#22c55e}.notepad{display:flex;flex-direction:column;height:100%}.notepad-textarea{flex:1;background:#1a1a1a;color:#ddd;border:none;outline:none;padding:12px;font-family:ui-monospace,monospace;font-size:13px;resize:none}.browser-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#252525;border-bottom:1px solid #333}.browser-nav-btn{width:28px;height:28px;border-radius:6px;border:none;background:#333;color:#aaa;cursor:pointer;display:grid;place-items:center;font-size:14px}.browser-nav-btn:hover{background:#444}.browser-url{flex:1;background:#1a1a1a;border:1px solid #444;border-radius:6px;padding:6px 10px;color:#ccc;font-size:12px;outline:none}.browser-url:focus{border-color:#3b82f6}.browser-content{flex:1;background:#1a1a1a;color:#ccc;padding:24px;overflow-y:auto}.browser-content h2{color:#fff;margin-top:0}.browser-content a{color:#60a5fa}.explorer{display:flex;flex-direction:column;height:100%}.explorer-path{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#252525;border-bottom:1px solid #333}.explorer-path span{font-size:12px;color:#aaa}.explorer-path-sep{color:#666}.explorer-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px;padding:12px;align-content:start}.explorer-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:8px;cursor:pointer;transition:background .15s}.explorer-item:hover{background:#ffffff0f}.explorer-item .explorer-emoji{font-size:28px}.explorer-item .explorer-name{font-size:11px;color:#ccc;text-align:center;word-break:break-word}.settings{display:flex;height:100%}.settings-sidebar{width:160px;background:#222;border-right:1px solid #333;padding:12px 0;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.settings-sidebar-item{padding:8px 16px;font-size:12px;color:#aaa;cursor:pointer;border:none;background:none;text-align:left;transition:background .15s}.settings-sidebar-item:hover{background:#ffffff0d}.settings-sidebar-item.active{background:#3b82f626;color:#60a5fa}.settings-content{flex:1;padding:20px;overflow-y:auto}.settings-content h3{margin:0 0 16px;color:#fff;font-size:16px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #2a2a2a}.settings-row label{font-size:13px;color:#bbb}.toggle{width:40px;height:22px;border-radius:11px;background:#444;border:none;cursor:pointer;position:relative;transition:background .2s}.toggle.on{background:#3b82f6}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on:after{transform:translate(18px)}.about{padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;height:100%;background:#1a1a1a}.about-logo{font-size:48px}.about-title{font-size:18px;color:#fff;font-weight:600;margin:0}.about-subtitle{font-size:12px;color:#888;margin:0}.about-info{margin-top:12px;width:100%;max-width:280px}.about-info-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #2a2a2a;font-size:12px}.about-info-row .label{color:#888}.about-info-row .value{color:#ccc}.photo-viewer{display:flex;flex-direction:column;height:100%;background:#111}.photo-canvas{flex:1;display:grid;place-items:center;overflow:hidden}.photo-canvas canvas{max-width:100%;max-height:100%}.photo-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;background:#1a1a1a;border-top:1px solid #333}.photo-controls button{padding:4px 12px;border-radius:6px;border:1px solid #444;background:#2a2a2a;color:#ccc;font-size:12px;cursor:pointer}.photo-controls button:hover{background:#3a3a3a}