:root{color-scheme:dark;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,Roboto,sans-serif;line-height:1.4}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100vh;overflow:hidden;background:#000;color:#fff;-webkit-user-select:none;user-select:none}.desktop{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);overflow:hidden}.desktop-icons{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:8px;z-index:1}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s;width:80px}.desktop-icon:hover{background:#ffffff1a}.desktop-icon:active{background:#ffffff2e}.desktop-icon-emoji{font-size:32px;line-height:1}.desktop-icon-label{font-size:11px;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.7);word-break:break-word}.taskbar{position:absolute;bottom:0;left:0;right:0;height:48px;background:#14141ed9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 8px;z-index:9000;gap:4px}.start-btn{display:flex;align-items:center;justify-content:center;width:42px;height:36px;border-radius:8px;border:none;background:transparent;color:#fff;font-size:22px;cursor:pointer;transition:background .15s;flex-shrink:0}.start-btn:hover{background:#ffffff1a}.taskbar-divider{width:1px;height:24px;background:#ffffff1a;margin:0 4px;flex-shrink:0}.taskbar-items{display:flex;gap:4px;flex:1;min-width:0;overflow-x:auto}.taskbar-item{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:6px;border:none;background:transparent;color:#fffc;font-size:12px;cursor:pointer;transition:background .12s;white-space:nowrap;flex-shrink:0}.taskbar-item:hover{background:#ffffff1a}.taskbar-item.active{background:#ffffff24;color:#fff}.taskbar-item-emoji{font-size:16px;line-height:1}.taskbar-clock{display:flex;flex-direction:column;align-items:flex-end;padding:0 12px;font-size:11px;line-height:1.3;color:#ffffffd9;flex-shrink:0;cursor:default}.taskbar-clock .time{font-size:12px;font-weight:500}.start-menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8999}.start-menu{position:absolute;bottom:52px;left:8px;width:320px;max-height:420px;background:#1e1e2df2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:8px;z-index:9001;overflow-y:auto;box-shadow:0 16px 48px #00000080}.start-menu-header{padding:12px 12px 8px;font-size:18px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.start-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px 0}.start-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:#fff;font-size:13px;cursor:pointer;transition:background .12s;text-align:left}.start-menu-item:hover{background:#ffffff1a}.start-menu-item .emoji{font-size:22px;line-height:1;flex-shrink:0}.window{position:absolute;min-width:300px;min-height:200px;background:#161623eb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #00000080;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s}.window.focused{box-shadow:0 16px 56px #000000a6;border-color:#ffffff1f}.window.maximized{top:0!important;left:0!important;width:100%!important;height:calc(100vh - 48px)!important;border-radius:0}.window-titlebar{display:flex;align-items:center;height:38px;padding:0 8px 0 12px;cursor:grab;flex-shrink:0;gap:8px}.window-titlebar:active{cursor:grabbing}.window-title-icon{font-size:15px;line-height:1;flex-shrink:0}.window-title-text{flex:1;font-size:12px;font-weight:600;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window-controls{display:flex;gap:6px;flex-shrink:0}.window-ctrl-btn{width:14px;height:14px;border-radius:50%;border:none;cursor:pointer;transition:filter .12s;padding:0}.window-ctrl-btn:hover{filter:brightness(1.3)}.btn-close{background:#ff5f57}.btn-minimize{background:#ffbd2e}.btn-maximize{background:#28c940}.window-body{flex:1;overflow:auto;padding:0;font-size:13px}.window-resize{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize}.terminal{background:#0d1117;height:100%;padding:12px;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:12px;color:#c9d1d9;display:flex;flex-direction:column}.terminal-output{flex:1;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.terminal-output .line{margin-bottom:2px}.terminal-output .cmd-line{color:#7ee787}.terminal-output .output-line{color:#8b949e}.terminal-output .error-line{color:#f85149}.terminal-output .info-line{color:#58a6ff}.terminal-input-row{display:flex;align-items:center;gap:0;flex-shrink:0}.terminal-prompt{color:#7ee787;flex-shrink:0;white-space:pre}.terminal-input{flex:1;background:transparent;border:none;color:#c9d1d9;font-family:inherit;font-size:inherit;outline:none;caret-color:#7ee787}.notepad{height:100%;display:flex;flex-direction:column}.notepad-toolbar{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.notepad-toolbar button{padding:4px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ccc;font-size:11px;cursor:pointer;transition:background .12s}.notepad-toolbar button:hover{background:#ffffff1f}.notepad textarea{flex:1;background:#0003;border:none;color:#e2e8f0;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:13px;padding:12px;resize:none;outline:none;line-height:1.6}.notepad-status{padding:4px 12px;font-size:10px;color:#fff6;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between}.calculator{padding:16px;display:flex;flex-direction:column;gap:12px;height:100%}.calc-display{background:#0000004d;border-radius:8px;padding:16px;text-align:right}.calc-display .expr{font-size:13px;color:#fff6;min-height:18px;word-break:break-all}.calc-display .result{font-size:32px;font-weight:600;letter-spacing:-.02em;color:#fff;word-break:break-all}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:1}.calc-btn{border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:filter .1s,transform .08s;display:flex;align-items:center;justify-content:center}.calc-btn:active{transform:scale(.95)}.calc-btn.num{background:#ffffff14;color:#fff}.calc-btn.num:hover{background:#ffffff24}.calc-btn.op{background:#6478ff33;color:#7c8aff}.calc-btn.op:hover{background:#6478ff59}.calc-btn.eq{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.calc-btn.eq:hover{filter:brightness(1.15)}.calc-btn.fn{background:#ffffff0a;color:#fff9}.calc-btn.fn:hover{background:#ffffff1a}.calc-btn.wide{grid-column:span 2}.clock-app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;padding:24px}.clock-analog{width:160px;height:160px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);position:relative}.clock-hand{position:absolute;bottom:50%;left:50%;transform-origin:bottom center;border-radius:2px}.clock-hand.hour{width:3px;height:42px;background:#fff;margin-left:-1.5px}.clock-hand.minute{width:2px;height:56px;background:#ffffffb3;margin-left:-1px}.clock-hand.second{width:1px;height:62px;background:#ef4444;margin-left:-.5px}.clock-center-dot{position:absolute;width:8px;height:8px;background:#ef4444;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.clock-digital{font-size:36px;font-weight:600;letter-spacing:.02em;background:linear-gradient(135deg,#48dbfb,#ff9ff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.clock-date{font-size:14px;color:#ffffff80}.weather-app{padding:24px;display:flex;flex-direction:column;gap:16px;height:100%}.weather-main{display:flex;align-items:center;gap:16px}.weather-icon{font-size:56px;line-height:1}.weather-temp{font-size:48px;font-weight:700;letter-spacing:-.03em}.weather-desc{font-size:15px;color:#fff9}.weather-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.weather-detail-card{background:#ffffff0d;border-radius:8px;padding:12px}.weather-detail-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:4px}.weather-detail-value{font-size:18px;font-weight:600}.settings-app{padding:16px;display:flex;flex-direction:column;gap:8px;height:100%;overflow-y:auto}.settings-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;padding:8px 0 4px}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff0a;border-radius:8px;font-size:13px}.settings-item-label{color:#e2e8f0}.settings-item-value{color:#fff6;font-size:12px}.toggle{width:36px;height:20px;border-radius:10px;border:none;cursor:pointer;transition:background .2s;position:relative}.toggle.on{background:#6366f1}.toggle.off{background:#ffffff26}.toggle-knob{position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;transition:left .2s}.toggle.on .toggle-knob{left:18px}.toggle.off .toggle-knob{left:2px}.explorer-app{height:100%;display:flex;flex-direction:column}.explorer-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.explorer-path{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:5px 10px;color:#e2e8f0;font-size:12px;outline:none}.explorer-nav-btn{width:28px;height:28px;border-radius:6px;border:none;background:#ffffff0f;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .12s}.explorer-nav-btn:hover{background:#ffffff1f}.explorer-list{flex:1;overflow-y:auto;padding:4px}.explorer-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .1s}.explorer-item:hover{background:#ffffff0f}.explorer-item-icon{font-size:20px;width:24px;text-align:center;flex-shrink:0}.explorer-item-name{flex:1;font-size:13px;color:#e2e8f0}.explorer-item-meta{font-size:11px;color:#ffffff4d;flex-shrink:0}.about-app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px;text-align:center;gap:12px}.about-logo{font-size:56px;margin-bottom:4px}.about-title{font-size:24px;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-version{font-size:12px;color:#fff6}.about-desc{font-size:13px;color:#ffffff8c;max-width:280px;line-height:1.6;margin-top:4px}.about-specs{margin-top:16px;width:100%;max-width:260px}.about-spec-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px}.about-spec-label{color:#fff6}.about-spec-value{color:#e2e8f0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.wallpaper-blobs{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.wallpaper-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:blobFloat 20s ease-in-out infinite}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.context-menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9500}.context-menu{position:absolute;background:#1e1e2df2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;min-width:160px;box-shadow:0 8px 32px #00000080}.context-menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:4px;border:none;background:transparent;color:#e2e8f0;font-size:12px;cursor:pointer;width:100%;text-align:left}.context-menu-item:hover{background:#ffffff1a}.context-menu-sep{height:1px;background:#ffffff14;margin:4px 0}
