:root{--color-primary: #0078d4;--color-primary-hover: #006cc1;--color-background: #f3f3f3;--color-surface: rgba(255, 255, 255, .85);--color-surface-dark: rgba(32, 32, 32, .85);--color-text: #1a1a1a;--color-text-light: #ffffff;--color-border: rgba(0, 0, 0, .1);--color-border-light: rgba(255, 255, 255, .1);--glass-background: rgba(255, 255, 255, .6);--glass-border: 1px solid rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--glass-blur: blur(12px);--taskbar-height: 48px;--taskbar-bg: rgba(243, 243, 243, .85);--window-border-radius: 8px;--window-shadow: 0 10px 30px rgba(0, 0, 0, .2);--window-header-height: 32px;--font-family: "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;--font-size-base: 14px;--font-size-sm: 12px;--font-size-lg: 16px;--transition-fast: .2s ease;--transition-medium: .3s ease}@media(prefers-color-scheme:dark){:root{--color-background: #1a1a1a;--color-surface: rgba(32, 32, 32, .85);--color-text: #ffffff;--color-border: rgba(255, 255, 255, .1);--glass-background: rgba(0, 0, 0, .6);--glass-border: 1px solid rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--taskbar-bg: rgba(32, 32, 32, .85)}}*{margin:0;padding:0;box-sizing:border-box;user-select:none}:root{--desktop-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}body{font-family:var(--font-family);background:var(--desktop-bg);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--color-text);overflow:hidden;height:100vh;width:100vw}#root{width:100%;height:100%;position:relative;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.window-frame{border:var(--glass-border);border-radius:var(--window-border-radius);box-shadow:var(--window-shadow);background-color:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.window-frame:active{box-shadow:0 15px 40px #00000040}.window-frame.maximized{border-radius:0;border:none;box-shadow:none}.window-titlebar{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:var(--window-header-height);background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.1);cursor:default;user-select:none}.window-title{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);flex-grow:1;text-align:center;opacity:.8}.window-controls{display:flex;gap:8px}.window-controls button,.window-actions button{width:12px;height:12px;border:none;border-radius:50%;padding:0;cursor:pointer;position:relative;overflow:hidden;color:transparent;transition:transform .1s ease}.window-controls button:hover,.window-actions button:hover{transform:scale(1.1)}.window-controls button:active,.window-actions button:active{transform:scale(.95)}.window-close{background-color:#ff5f56}.window-minimize{background-color:#ffbd2e}.window-maximize{background-color:#27c93f}.window-toggle-taskbar{background-color:#eee}.window-controls:hover button,.window-actions:hover button{color:#00000080;font-size:8px;display:flex;align-items:center;justify-content:center;line-height:1}.window-content{flex:1;overflow:auto;position:relative;background-color:#ffffff80}@media(max-width:768px){.window-frame{width:100vw!important;height:100vh!important;top:0!important;left:0!important;border-radius:0!important;border:none!important;position:fixed!important;transform:none!important}.window-titlebar{height:56px;padding:0 20px}.window-title{font-size:16px}.window-controls{gap:12px}.window-controls button,.window-actions button{width:16px;height:16px}.window-maximize{display:none}}