:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.window{position:absolute;background:#fff;border-radius:10px;box-shadow:0 10px 40px #0000004d,0 0 0 1px #0000001a;display:flex;flex-direction:column;overflow:hidden;min-width:300px;min-height:200px}.window-titlebar{background:linear-gradient(180deg,#f6f6f6,#ececec);padding:10px 12px;display:flex;align-items:center;cursor:move;-webkit-user-select:none;user-select:none;border-bottom:1px solid #d1d1d1;gap:12px}.window-title{font-weight:600;font-size:.85rem;color:#333;text-align:center;flex:1}.window-controls{display:flex;gap:8px;position:relative;z-index:10}.window-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:all .15s;position:relative;padding:0}.close-btn{background:#ff5f57;border:.5px solid #e0443e}.close-btn:hover{background:#ff4136}.minimize-btn{background:#ffbd2e;border:.5px solid #dea123}.minimize-btn:hover{background:#fa0}.maximize-btn{background:#28ca42;border:.5px solid #26a63a}.maximize-btn:hover{background:#20c038}.window-content{flex:1;overflow:auto;background:#fff}.resize-handle{position:absolute;z-index:10}.resize-n{top:0;left:10px;right:10px;height:5px;cursor:ns-resize}.resize-s{bottom:0;left:10px;right:10px;height:5px;cursor:ns-resize}.resize-e{right:0;top:10px;bottom:10px;width:5px;cursor:ew-resize}.resize-w{left:0;top:10px;bottom:10px;width:5px;cursor:ew-resize}.resize-ne{top:0;right:0;width:10px;height:10px;cursor:nesw-resize}.resize-nw{top:0;left:0;width:10px;height:10px;cursor:nwse-resize}.resize-se{bottom:0;right:0;width:10px;height:10px;cursor:nwse-resize}.resize-sw{bottom:0;left:0;width:10px;height:10px;cursor:nesw-resize}.taskbar{position:absolute;bottom:0;left:0;right:0;height:48px;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;padding:0 12px;gap:12px;z-index:9999}.taskbar-start{position:relative}.start-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.start-btn:hover,.start-btn.active{background:#fff3}.start-menu{position:absolute;bottom:60px;left:0;width:340px;background:#141414f2;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden}.start-menu-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.start-menu-header h3{color:#fff;font-size:1.2rem;margin:0}.start-menu-apps{padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.start-menu-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ffffff0d;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.start-menu-item:hover{background:#ffffff26;transform:translateY(-2px)}.start-menu-footer{padding:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:8px}.start-menu-user{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff0d;border-radius:8px;color:#fff;font-size:.85rem;font-weight:500}.start-menu-github{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#58a6ff33;border:none;border-radius:8px;color:#58a6ff;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s}.start-menu-github:hover{background:#58a6ff4d;transform:translateY(-1px)}.taskbar-center{flex:1;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.taskbar-center::-webkit-scrollbar{display:none}.taskbar-window{padding:8px 16px;background:#ffffff0d;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:.9rem}.taskbar-window:hover{background:#ffffff26;color:#fff}.taskbar-window.active{background:#fff3;color:#fff}.taskbar-end{display:flex;gap:16px;align-items:center}.system-tray{display:flex;gap:12px;color:#fffc}.clock{display:flex;flex-direction:column;align-items:flex-end;color:#fff;font-size:.85rem}.clock-time{font-weight:600}.clock-date{font-size:.75rem;color:#ffffffb3}.terminal-app{height:100%;display:flex;flex-direction:column;background:#0c0c0c;color:#e0e0e0;font-family:Courier New,monospace;font-size:14px;padding:12px;overflow:hidden}.terminal-output{flex:1;overflow-y:auto;margin-bottom:12px;line-height:1.5}.terminal-line{margin:4px 0;word-wrap:break-word}.terminal-line.input .prompt{color:#4ec9b0;font-weight:700}.terminal-line.input .command{color:#fff;margin-left:8px}.terminal-line.output{color:#ccc}.terminal-line.error{color:#f48771}.prompt{color:#4ec9b0;font-weight:700}.command{color:#fff;margin-left:8px}.terminal-input-line{display:flex;align-items:center;gap:8px}.terminal-input-line .prompt{flex-shrink:0}.terminal-input{flex:1;background:transparent;border:none;color:#fff;font-family:inherit;font-size:inherit;outline:none;caret-color:#4ec9b0}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:#0a0a0a}.terminal-output::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:#444}.file-manager{height:100%;display:flex;flex-direction:column;background:#fafafa}.file-manager-toolbar{display:flex;gap:12px;padding:12px;background:#fff;border-bottom:1px solid #e0e0e0;align-items:center}.file-manager-toolbar button{padding:8px 12px;background:transparent;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;color:#333;font-size:.9rem;transition:all .2s}.file-manager-toolbar button:hover:not(:disabled){background:#f0f0f0;border-color:#999}.file-manager-toolbar button:disabled{opacity:.3;cursor:not-allowed}.path-display{flex:1;padding:6px 12px;background:#f5f5f5;border:1px solid #d0d0d0;border-radius:4px;font-family:monospace;font-size:.85rem;color:#555}.file-manager-main{flex:1;display:flex;overflow:hidden}.file-manager-content{flex:1;overflow-y:auto;padding:20px}.empty-folder{text-align:center;color:#999;padding:40px;font-size:1.1rem}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}.file-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;border:2px solid transparent}.file-item:hover{background:#0000000d}.file-item.selected{background:#4a90e226;border-color:#4a90e2}.file-icon svg{color:#4a90e2}.file-name{font-size:.85rem;text-align:center;word-break:break-word;max-width:100%;color:#333}.file-manager-content::-webkit-scrollbar{width:10px}.file-manager-content::-webkit-scrollbar-track{background:#f5f5f5}.file-manager-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.file-manager-content::-webkit-scrollbar-thumb:hover{background:#999}.file-preview{width:350px;background:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column}.preview-header{padding:12px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:8px;font-weight:600;color:#333;background:#f9f9f9}.preview-content{flex:1;overflow:auto;padding:16px}.preview-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5;color:#333}.preview-footer{padding:8px 12px;border-top:1px solid #e0e0e0;background:#f9f9f9;font-size:.75rem;color:#666;text-align:center}.preview-content::-webkit-scrollbar{width:8px}.preview-content::-webkit-scrollbar-track{background:#f5f5f5}.preview-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.preview-content::-webkit-scrollbar-thumb:hover{background:#999}.text-editor{height:100%;display:flex;flex-direction:column;overflow:hidden}.text-editor.light{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #6c757d;--border-color: #dee2e6;--accent-color: #0d6efd;--accent-hover: #0b5ed7;--line-number-bg: #f8f9fa;--line-number-color: #adb5bd}.text-editor.dark{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d30;--text-primary: #d4d4d4;--text-secondary: #858585;--border-color: #3e3e42;--accent-color: #0e639c;--accent-hover: #1177bb;--line-number-bg: #1e1e1e;--line-number-color: #858585}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);gap:12px}.editor-file-info{display:flex;align-items:center;gap:8px;flex:1}.file-icon{color:var(--text-secondary)}.filename-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:6px 10px;color:var(--text-primary);font-size:.875rem;font-weight:500;outline:none;transition:all .2s;max-width:250px}.filename-input:focus{border-color:var(--accent-color);background:var(--bg-primary)}.unsaved-indicator{color:#ff9800;font-size:1.2rem;line-height:1;margin-left:4px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.editor-actions{display:flex;gap:8px;align-items:center}.theme-toggle{padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;transition:all .2s}.theme-toggle:hover{background:var(--bg-primary);color:var(--text-primary)}.save-btn{padding:6px 14px;background:var(--accent-color);border:none;border-radius:4px;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s}.save-btn:hover{background:var(--accent-hover)}.editor-main{flex:1;display:flex;overflow:hidden;background:var(--bg-primary)}.line-numbers{background:var(--line-number-bg);color:var(--line-number-color);padding:16px 12px;text-align:right;font-family:Courier New,monospace;font-size:13px;line-height:1.6;-webkit-user-select:none;user-select:none;border-right:1px solid var(--border-color);overflow:hidden;min-width:50px}.line-number{height:20.8px;font-size:12px;color:var(--line-number-color)}.editor-textarea{flex:1;border:none;outline:none;font-family:Courier New,monospace;font-size:13px;line-height:1.6;resize:none;background:var(--bg-primary);color:var(--text-primary);padding:16px;overflow-y:auto}.editor-textarea::placeholder{color:var(--text-secondary);font-style:italic}.editor-statusbar{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-secondary)}.statusbar-left,.statusbar-right{display:flex;gap:16px}.status-item{display:flex;align-items:center;gap:4px}.editor-textarea::-webkit-scrollbar,.line-numbers::-webkit-scrollbar{width:10px}.editor-textarea::-webkit-scrollbar-track{background:var(--bg-primary)}.editor-textarea::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:5px}.editor-textarea::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.save-notification{position:fixed;bottom:20px;right:20px;background:#28a745;color:#fff;padding:12px 20px;border-radius:6px;box-shadow:0 4px 12px #00000026;font-size:.875rem;font-weight:500;animation:slideIn .3s ease-out;z-index:10000}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.calculator{height:100%;display:flex;flex-direction:column;background:#2a2a2a;padding:20px}.calculator-display{background:#1a1a1a;color:#fff;font-size:2.5rem;font-family:Courier New,monospace;padding:24px;margin-bottom:20px;border-radius:8px;text-align:right;min-height:80px;display:flex;align-items:center;justify-content:flex-end;word-break:break-all;overflow-x:auto;box-shadow:inset 0 2px 8px #0000004d}.calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;flex:1}.calc-btn{background:#3a3a3a;border:none;border-radius:8px;color:#fff;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:60px;box-shadow:0 2px 4px #0003}.calc-btn:hover{background:#4a4a4a;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.calc-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0003}.operator-btn{background:#ff9500!important}.operator-btn:hover{background:#ffad33!important}.clear-btn{background:#f44336!important}.clear-btn:hover{background:#ef5350!important}.zero-btn{grid-column:span 1}.equals-btn{background:#4caf50!important}.equals-btn:hover{background:#66bb6a!important}.system-info{height:100%;overflow-y:auto;background:#f5f5f5;padding:24px}.system-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e0e0e0;color:#4a90e2}.system-header h2{font-size:2rem;color:#333;margin:0}.system-header p{color:#666;font-size:1rem;margin:0}.system-sections{display:flex;flex-direction:column;gap:20px}.system-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.section-title svg{color:#4a90e2}.section-title h3{color:#333;font-size:1.2rem;margin:0}.section-items{display:flex;flex-direction:column;gap:12px}.info-row{display:grid;grid-template-columns:160px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-label{color:#666;font-weight:600;font-size:.9rem}.info-value{color:#333;font-family:Courier New,monospace;font-size:.9rem;word-break:break-word}.system-footer{margin-top:32px;padding-top:24px;border-top:2px solid #e0e0e0;text-align:center;color:#999;font-size:.85rem}.system-footer p{margin:4px 0}.system-info::-webkit-scrollbar{width:10px}.system-info::-webkit-scrollbar-track{background:#f5f5f5}.system-info::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.system-info::-webkit-scrollbar-thumb:hover{background:#999}.desktop{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.desktop-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10rem;font-weight:900;color:#ffffff14;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;white-space:nowrap;text-transform:uppercase;letter-spacing:.1em}.desktop-icons{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:20px}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s;color:#fff;-webkit-user-select:none;user-select:none;width:100px;text-align:center}.desktop-icon:hover{background:#ffffff1a}.desktop-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.desktop-icon span{font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.5);word-break:break-word}.boot-screen{width:100vw;height:100vh;background:#0a0a0a;color:#0f0;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace}.boot-content{width:80%;max-width:800px}.boot-logo{text-align:center;margin-bottom:3rem}.logo-icon{display:flex;justify-content:center;margin-bottom:1rem;color:#0f0}.boot-logo h1{font-size:3rem;color:#0f0;text-shadow:0 0 10px #00ff00;margin-bottom:.5rem}.boot-logo p{color:#888;font-size:1.1rem}.boot-logs{min-height:200px;margin-bottom:2rem}.boot-log{margin:.5rem 0;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1}}.boot-loader{width:100%;height:4px;background:#1a1a1a;border-radius:2px;overflow:hidden}.loader-bar{height:100%;background:linear-gradient(90deg,#0f0,#0a0);width:0%;animation:loading 2.5s ease-in-out forwards}@keyframes loading{to{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app{width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}