:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--accent:#3b82f6;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--font-family:"Inter",system-ui,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);background-image:linear-gradient(to bottom right,#0f172a,#1e1b4b);margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-in{animation:.3s ease-out forwards fadeIn}.flex-center{justify-content:center;align-items:center;display:flex}.desktop{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.desktop-area{flex-direction:column;flex:1;align-items:flex-start;gap:20px;padding:20px;display:flex;position:relative}.taskbar{border-top:1px solid var(--glass-border);z-index:1000;background:#0f172acc;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex}.desktop-icon{color:#fff;text-shadow:0 1px 2px #000c;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:80px;height:90px;transition:background .2s;display:flex}.desktop-icon:hover{background:#ffffff1a}.desktop-icon svg{margin-bottom:8px}.window{resize:both;background:#1e293b;border-radius:8px 8px 0 0;flex-direction:column;min-width:300px;min-height:200px;display:flex;position:absolute;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.window-header{cursor:default;-webkit-user-select:none;user-select:none;background:#334155;justify-content:space-between;align-items:center;height:36px;padding:0 12px;display:flex}.window-content{background:#0f172a;flex:1;position:relative;overflow:hidden}.window-controls button{cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;margin-left:6px}.close-btn{background:#ef4444}.min-btn{background:#eab308}.max-btn{background:#22c55e}.browser-container{color:#000;background:#fff;flex-direction:column;height:100%;display:flex}.browser-toolbar{background:#f1f5f9;border-bottom:1px solid #cbd5e1;align-items:center;gap:8px;padding:8px;display:flex}.browser-actions{gap:4px;display:flex}.browser-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.browser-btn:hover{background:#e2e8f0}.browser-input-form{flex:1}.browser-input{border:1px solid #cbd5e1;border-radius:999px;outline:none;width:100%;padding:6px 12px;font-size:14px}.browser-input:focus{border-color:#3b82f6}.browser-viewport{cursor:default;background:#f8fafc;flex:1;position:relative;overflow:hidden}.explorer-container{color:#fff;background:#0f172a;flex-direction:column;height:100%;display:flex}.explorer-toolbar{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:12px;display:flex}.breadcrumb{background:#ffffff0d;border-radius:4px;flex:1;padding:4px 12px;font-size:14px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;padding:16px;display:grid;overflow-y:auto}.file-item{cursor:pointer;border-radius:4px;flex-direction:column;align-items:center;padding:8px;display:flex}.file-item:hover{background:#ffffff1a}.file-icon{color:#94a3b8;width:48px;height:48px;margin-bottom:8px}.folder-icon{color:#f59e0b}.file-name{text-align:center;word-break:break-word;color:#e2e8f0;font-size:12px}