*{margin:0;padding:0;box-sizing:border-box}:root{--os-primary: rgba(15, 23, 42, .85);--os-cyan: rgba(56, 189, 248, .8);--os-cyan-border: rgba(56, 189, 248, .15);--os-cyan-glow: rgba(56, 189, 248, .3);--os-cyan-hover: rgba(56, 189, 248, .2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--duration-hover: .12s;--duration-open: .18s;--duration-close: .14s;--duration-fast: .15s;--duration-normal: .18s;--duration-slow: .3s;--duration-slower: .5s;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 50%;--font-mono: "JetBrains Mono", "Consolas", "Monaco", monospace;--font-ui: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .25);--z-desktop: 1;--z-window: 2000;--z-context-menu: 12000;--z-start-menu: 13000;--z-notification: 14000;--z-login-screen: 16000;--z-lock-screen: 17000;--z-taskbar: 11000}body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;background:#0b0f14;display:block!important;place-items:unset!important}.desktop{background-color:#0b0f14}#root{width:100%;height:100%;display:block!important;place-items:unset!important}.desktop{position:absolute;top:0;left:0;width:100%;height:calc(100% - 48px);-webkit-user-select:none;user-select:none;opacity:1}body.desktop-ready{animation:backgroundZoom .8s ease-out}@keyframes backgroundZoom{0%{transform:scale(1.1)}to{transform:scale(1)}}.desktop-icons{position:absolute;left:0;top:0;width:100%;height:100%}.icon{display:flex;flex-direction:column;align-items:center;gap:5px;width:80px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.icon img,.emoji-icon{width:48px;height:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.emoji-icon{width:48px;height:48px;font-size:48px;line-height:1}.icon span{font-size:12px;text-align:center;color:#ffffffe6}.icon.dragging{cursor:none;-webkit-user-select:none;user-select:none}.icon.dragging img,.icon.dragging .emoji-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.icon.selected{background:#0078d74d;border-radius:4px;box-shadow:inset 0 0 0 1px #0078d7cc}.selection-rectangle{position:absolute;border:1px solid rgba(0,120,215,.8);background:#0078d733;pointer-events:none;z-index:999}.context-menu{position:absolute;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 4px 16px #0000004d;padding:4px 0;min-width:200px;z-index:1000;font-size:14px;color:#fff}.context-menu-item{padding:6px 12px;cursor:default;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;color:#fff}.context-menu-item:hover{background:#0078d733}.context-menu-separator{height:1px;background:#ffffff1a;margin:4px 0}.start-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;padding:12px;box-sizing:border-box;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-start-menu)}.taskbar{position:fixed;bottom:0;left:0;width:100%;height:48px;background:var(--os-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--os-cyan-border);display:flex;align-items:center;padding:0 var(--spacing-lg);z-index:var(--z-taskbar);box-shadow:0 -2px 10px #0000004d;animation:taskbarSlideUp .6s ease-out .5s both}@keyframes taskbarSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.taskbar-left{flex:0 0 auto;display:flex;align-items:center;gap:var(--spacing-md)}.taskbar-center{flex:1;display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);min-width:0}.taskbar-right{flex:0 0 auto;display:flex;align-items:center;gap:var(--spacing-md)}.os-logo-button{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:#ffffff1a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-hover);position:relative}.os-logo-button:hover{background:var(--os-cyan-hover);box-shadow:0 0 12px var(--os-cyan-glow);transform:scale(1.05)}.os-logo-button:active{transform:scale(.95)}.os-logo-button img{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.running-apps-container{display:flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.running-apps-container::-webkit-scrollbar{display:none}.running-app{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:#ffffff0d;border:none;padding:0;cursor:pointer;transition:all var(--duration-hover);flex-shrink:0}.running-app:hover{background:var(--os-cyan-hover);transform:scale(1.05)}.running-app.active{background:var(--os-cyan-hover)}.running-app.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--os-cyan);border-radius:1px}.running-app img{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.search-bar{width:200px;height:32px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;padding:0 var(--spacing-lg);font-size:14px;font-family:var(--font-ui);box-shadow:inset 0 1px 2px #0003;transition:all var(--duration-hover)}.search-bar:focus{outline:none;border-color:var(--os-cyan);background:#ffffff1a;box-shadow:0 0 0 1px var(--os-cyan-glow),inset 0 1px 2px #0003}.search-bar::placeholder{color:#fff9}.taskbar-right{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md)}.tray-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:16px;cursor:pointer;transition:all var(--duration-hover);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));position:relative}.tray-icon:hover{background:var(--os-cyan-hover);transform:scale(1.05)}.tray-icon:active{transform:scale(.95)}.sound-control:hover{background:#ffffff26!important;transform:scale(1.05)}.sound-control:active{transform:scale(.95)}.separator{width:1px;height:20px;background:#ffffff4d;margin:0 var(--spacing-xs)}.clock{display:flex;flex-direction:column;align-items:center;font-family:var(--font-mono);font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.5);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--duration-hover)}.clock:hover{background:var(--os-cyan-hover)}.time{font-weight:700;font-size:14px;line-height:1}.date{font-size:10px;color:#fffc;line-height:1;margin-top:1px}.start-menu{position:absolute;bottom:60px;left:12px;right:auto;transform:none;min-width:min(320px,calc(100vw - 24px));width:min(420px,calc(100vw - 24px));max-height:calc(100vh - 72px);background:var(--os-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--os-cyan-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden auto;z-index:var(--z-start-menu)}.profile-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--os-cyan),#0066cc);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;box-shadow:0 2px 8px #0000004d}.user-info .name{font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}.user-info .title{font-size:12px;color:#ffffffb3}.search-section{padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid rgba(255,255,255,.1)}.search-section input{width:100%;height:40px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;padding:0 var(--spacing-md);font-size:14px;font-family:var(--font-ui);transition:all var(--duration-fast)}.search-section input:focus{outline:none;border-color:var(--os-cyan);background:#ffffff1a}.search-section input::placeholder{color:#fff9}.pinned-apps{padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.pinned-apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.pinned-app{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast);text-align:center}.pinned-app:hover{background:var(--os-cyan-hover);transform:scale(1.05)}.pinned-app img{width:32px;height:32px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.pinned-app span{font-size:12px;color:#fff;line-height:1.2}.all-apps{max-height:200px;overflow-y:auto;padding:var(--spacing-sm)}.all-apps::-webkit-scrollbar{width:6px}.all-apps::-webkit-scrollbar-track{background:#ffffff0d}.all-apps::-webkit-scrollbar-thumb{background:var(--os-cyan);border-radius:3px}.all-apps::-webkit-scrollbar-thumb:hover{background:var(--os-cyan-hover);box-shadow:0 0 10px var(--os-cyan-glow)}.all-app-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast)}.all-app-item:hover{background:var(--os-cyan-hover)}.all-app-item img{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.all-app-item span{font-size:14px;color:#fff}.power-section{padding:var(--spacing-md);display:flex;gap:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.1)}.power-button{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);background:#ffffff0d;color:#fff;font-size:12px;cursor:pointer;transition:all var(--duration-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.power-button:hover{background:var(--os-cyan-hover)}.notification-container{position:fixed;bottom:60px;right:12px;display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:var(--z-notification);pointer-events:none}.notification{background:var(--os-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--os-cyan-border);border-radius:var(--radius-md);padding:var(--spacing-md);min-width:300px;max-width:400px;box-shadow:var(--shadow-lg);display:flex;align-items:flex-start;gap:var(--spacing-sm);pointer-events:auto;animation:slideInRight var(--duration-open) ease-out}.notification.system{border-color:#ffffff4d}.notification.error{border-color:#ef444480}.notification.success{border-color:#22c55e80}.notification-icon{font-size:16px;margin-top:2px}.notification-content{flex:1}.notification-title{font-weight:700;font-size:14px;margin-bottom:2px;color:#fff}.notification-message{font-size:12px;color:#fffc;line-height:1.3}.notification-close{width:20px;height:20px;border:none;background:none;color:#fff9;cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;transition:all var(--duration-fast)}.notification-close:hover{background:#ffffff1a;color:#fff}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.lock-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-lock-screen);cursor:pointer}.lock-clock{font-family:var(--font-mono);font-size:48px;color:#fff;margin-bottom:var(--spacing-xl);text-shadow:0 2px 8px rgba(0,0,0,.5)}.lock-date{font-size:18px;color:#fffc;margin-bottom:var(--spacing-2xl)}.lock-hint{font-size:14px;color:#fff9;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes glitch{0%,to{transform:translate(0);filter:hue-rotate(0deg)}20%{transform:translate(-2px,2px);filter:hue-rotate(90deg)}40%{transform:translate(-2px,-2px);filter:hue-rotate(180deg)}60%{transform:translate(2px,2px);filter:hue-rotate(270deg)}80%{transform:translate(2px,-2px);filter:hue-rotate(360deg)}}@keyframes logo-glitch{0%,to{transform:rotate(0) scale(1);filter:hue-rotate(0deg) brightness(1)}25%{transform:rotate(-5deg) scale(1.1);filter:hue-rotate(90deg) brightness(1.5)}50%{transform:rotate(5deg) scale(.9);filter:hue-rotate(180deg) brightness(.5)}75%{transform:rotate(-3deg) scale(1.05);filter:hue-rotate(270deg) brightness(1.2)}}.login-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:var(--z-lock-screen);animation:loginZoomIn .8s ease-out}@keyframes loginZoomIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.login-form{background:#0f172ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.25);border-radius:16px;padding:24px;width:360px;box-shadow:0 12px 24px #00000040;transition:all .5s ease-out}.login-form.fade-out{opacity:0;transform:scale(.95)}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-avatar{width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--os-cyan),#0066cc);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#fff;margin:0 auto var(--spacing-md);box-shadow:0 4px 12px #0000004d}.login-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:var(--spacing-sm)}.login-subtitle{font-size:14px;color:#ffffffb3}.login-input-group{margin-bottom:var(--spacing-lg)}.login-input{width:100%;height:40px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;padding:0 var(--spacing-md);font-size:14px;font-family:var(--font-ui);transition:all var(--duration-fast);margin-bottom:var(--spacing-sm)}.login-input:focus{outline:none;border-color:var(--os-cyan);background:#ffffff1a}.login-input.error{border-color:#ef444480;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-button{width:100%;height:40px;border:none;border-radius:var(--radius-sm);background:var(--os-cyan);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all var(--duration-fast)}.login-button:hover{background:var(--os-cyan-hover);transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.context-menu{position:absolute;background:var(--os-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--os-cyan-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);min-width:200px;z-index:var(--z-context-menu);font-size:14px;color:#fff}.context-menu-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:var(--spacing-sm);color:#fff;transition:all var(--duration-hover)}.context-menu-item:hover{background:var(--os-cyan-hover)}.context-menu-separator{height:1px;background:#ffffff1a;margin:var(--spacing-xs) 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px;transition:background var(--duration-hover)}::-webkit-scrollbar-thumb{background:var(--os-cyan);border-radius:3px;transition:all var(--duration-hover);opacity:.7}::-webkit-scrollbar-thumb:hover{background:var(--os-cyan-hover);box-shadow:0 0 10px var(--os-cyan-glow);opacity:1}::-webkit-scrollbar-thumb:active{background:var(--os-cyan);transform:scale(.95)}*{scrollbar-width:thin;scrollbar-color:var(--os-cyan) rgba(255,255,255,.05)}@keyframes scrollbar-fade{0%{opacity:1}to{opacity:.3}}.auto-hide-scrollbar::-webkit-scrollbar-thumb{opacity:.3;transition:opacity .5s ease}.auto-hide-scrollbar:hover::-webkit-scrollbar-thumb{opacity:1}.terminal::-webkit-scrollbar{width:4px}.terminal::-webkit-scrollbar-track{background:#00ff001a}.terminal::-webkit-scrollbar-thumb{background:#0f0;opacity:.6}.terminal::-webkit-scrollbar-thumb:hover{background:#0f0;opacity:1;box-shadow:0 0 8px #0f0}.window-content::-webkit-scrollbar{width:6px}.window-content::-webkit-scrollbar-track{background:#ffffff0d}.window-content::-webkit-scrollbar-thumb{background:var(--os-cyan-border);border-radius:3px}.window-content::-webkit-scrollbar-thumb:hover{background:var(--os-cyan);box-shadow:0 0 8px var(--os-cyan-glow)}.boot-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#0b0f14;display:flex;align-items:center;justify-content:center;z-index:9999;font-family:JetBrains Mono,Consolas,Monaco,monospace;color:#fff;overflow:hidden}.boot-content{position:relative;z-index:2;text-align:center;max-width:600px;padding:2rem}.os-info{margin-bottom:2rem}.os-title{font-size:2.5rem;font-weight:700;color:#38bdf8;margin-bottom:1rem;text-shadow:0 0 20px rgba(56,189,248,.5);letter-spacing:.05em}.boot-status{font-size:1rem;color:#fffc;display:flex;align-items:center;justify-content:center;gap:1rem}.cursor{animation:blink 1s infinite;color:#38bdf8;font-weight:700}.loading-circle{width:20px;height:20px;border:2px solid rgba(56,189,248,.3);border-top:2px solid #38bdf8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.boot-logs{margin-top:2rem;text-align:left;font-size:.9rem;line-height:1.6;color:#ffffffb3}.boot-log{margin-bottom:.5rem;opacity:0;animation:fadeInUp .3s ease-out forwards}.boot-log:nth-child(1){animation-delay:.1s}.boot-log:nth-child(2){animation-delay:.4s}.boot-log:nth-child(3){animation-delay:.7s}.boot-log:nth-child(4){animation-delay:1s}.boot-log:nth-child(5){animation-delay:1.3s}.boot-log:nth-child(6){animation-delay:1.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(255,255,255,.05) 2px,rgba(255,255,255,.05) 4px);background-size:100px 100px,100px 100px;animation:noise 20s steps(10) infinite}@keyframes noise{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.boot-screen.fade-out{animation:fadeOut .5s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.boot-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.3),transparent);animation:scanline 8s linear infinite;z-index:3}@keyframes scanline{0%{top:0%}to{top:100%}}.black-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.os-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.os-popup-overlay.visible{opacity:1}.os-popup{background:#2d3748;border:1px solid #4a5568;border-radius:8px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff1a;min-width:320px;max-width:500px;transform:scale(.95) translateY(10px);transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.os-popup.visible{transform:scale(1) translateY(0)}.os-popup.error{border-color:#e53e3e;background:#2d1b1b}.os-popup.error .os-popup-header{background:linear-gradient(135deg,#e53e3e,#c53030)}.os-popup-header{background:linear-gradient(135deg,#4a5568,#2d3748);padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.os-popup-icon{font-size:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.os-popup-title{color:#fff;font-size:14px;font-weight:600;font-family:var(--font-ui)}.os-popup-content{padding:20px;color:#e2e8f0;font-size:14px;font-family:var(--font-ui);line-height:1.5}.os-popup-content p{margin:0}.os-popup-footer{padding:16px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end}.os-popup-ok-button{background:linear-gradient(135deg,#4a5568,#2d3748);border:1px solid #718096;color:#fff;padding:8px 24px;border-radius:4px;font-size:13px;font-weight:500;font-family:var(--font-ui);cursor:pointer;transition:all .2s ease;min-width:80px;outline:none}.os-popup-ok-button:hover{background:linear-gradient(135deg,#718096,#4a5568);border-color:#a0aec0;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.os-popup-ok-button:active{transform:translateY(0)}.os-popup.ok .os-popup-header{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.os-popup.ok .os-popup-ok-button{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-color:#0ea5e9}.os-popup.ok .os-popup-ok-button:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#0284c7}.os-popup.error .os-popup-icon{animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0b0e14;z-index:99999;cursor:default;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eaeaea;font-family:var(--font-ui);overflow:hidden}.login-lock{text-align:center;-webkit-user-select:none;user-select:none}.login-clock{font-family:var(--font-mono);font-size:48px;font-weight:300;color:#eaeaea;margin-bottom:var(--spacing-xl);text-shadow:0 2px 8px rgba(0,0,0,.8);letter-spacing:2px}.login-date{font-size:18px;color:#eaeaeab3;margin-bottom:var(--spacing-2xl);font-weight:400}.login-hint{font-size:14px;color:#eaeaea99;animation:hintPulse 2.5s ease-in-out infinite;font-weight:400;letter-spacing:.5px}@keyframes hintPulse{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:.9;transform:translateY(-2px)}}.login-form{background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(56,189,248,.5);border-radius:var(--radius-lg);padding:32px;width:380px;box-shadow:0 25px 50px -12px #000c,0 0 30px #38bdf833,inset 0 1px #38bdf84d;animation:slideUp .3s ease-out;position:relative;overflow:hidden;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:36px;position:relative}.login-title{font-size:22px;font-weight:600;color:#eaeaea;margin-bottom:6px;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-subtitle{font-size:14px;color:#eaeaeab3;font-weight:400}.login-input-group{margin-bottom:28px;position:relative}.login-input-group:before{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:1px;background:linear-gradient(90deg,rgba(56,189,248,.3),transparent,rgba(56,189,248,.3));opacity:.5}.login-focus-indicator{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#38bdf8e6;color:#eaeaea;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;pointer-events:none;z-index:10;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.login-avatar{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#0ea5e9);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;margin:0 auto 20px;box-shadow:0 12px 40px #38bdf866,0 0 80px #38bdf833,inset 0 2px 4px #fff3;color:#fff;position:relative;animation:avatarGlow 3s ease-in-out infinite}.login-avatar:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(45deg,#38bdf8,#0ea5e9,#38bdf8);z-index:-1;opacity:.6;animation:rotate 3s linear infinite}@keyframes avatarGlow{0%,to{box-shadow:0 12px 40px #38bdf866,0 0 80px #38bdf833,inset 0 2px 4px #fff3}50%{box-shadow:0 12px 50px #38bdf899,0 0 100px #38bdf84d,inset 0 2px 4px #ffffff4d}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-title{font-size:20px;font-weight:600;color:#eaeaea;margin-bottom:4px}.login-subtitle{font-size:14px;color:#eaeaea99}.login-input-group{margin-bottom:24px}.login-input{width:100%;padding:14px 16px;background:#0006;border:1px solid rgba(56,189,248,.2);border-radius:var(--radius-md);color:#eaeaea;font-size:14px;font-family:var(--font-ui);transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;position:relative}.login-input::placeholder{color:#eaeaea66;transition:color .3s ease}.login-input:hover:not(:disabled){background:#00000080;border-color:#38bdf866}.login-input:focus{border-color:#38bdf8;background:#0009;box-shadow:0 0 0 2px #38bdf84d,0 0 20px #38bdf866}.login-input.focused{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e999,0 0 25px #38bdf899;animation:inputFocus .5s ease-in-out}@keyframes inputFocus{0%{box-shadow:0 0 0 3px #0ea5e999,0 0 25px #38bdf899}50%{box-shadow:0 0 0 5px #0ea5e9cc,0 0 30px #38bdf8cc}to{box-shadow:0 0 0 3px #0ea5e999,0 0 25px #38bdf899}}.login-input:focus::placeholder{color:#eaeaea99}.login-input.error{border-color:#ef4444;background:#ef44441a;animation:errorPulse .5s ease-in-out}.login-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef44444d,0 4px 12px #ef444426}.login-input:disabled{opacity:.4;cursor:not-allowed;background:#0003}@keyframes errorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.login-error{color:#ef4444;font-size:12px;margin-top:8px;text-align:center;animation:shake .5s ease-in-out}.login-error-tip{color:#ef4444cc;font-size:11px;margin-top:4px;font-style:italic}.login-loading{color:#38bdf8;font-size:12px;margin-top:10px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;text-shadow:0 0 10px rgba(56,189,248,.5)}.login-spinner{width:14px;height:14px;border:2px solid rgba(56,189,248,.3);border-top-color:#38bdf8;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 8px #38bdf880}@keyframes spin{to{transform:rotate(360deg)}}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;font-family:var(--font-ui);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3)}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#38bdf880;transform:translateY(-2px);box-shadow:0 8px 20px #38bdf866,0 0 20px #38bdf833}.login-button:hover:not(:disabled):before{left:100%}.login-button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #38bdf84d,0 0 15px #38bdf833}.login-button:disabled{opacity:.4;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#38bdf81a}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.system-info{position:absolute;bottom:24px;right:24px;font-size:11px;color:#eaeaea4d;font-family:var(--font-mono);-webkit-user-select:none;user-select:none;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:systemPulse 4s ease-in-out infinite}@keyframes systemPulse{0%,to{opacity:.3}50%{opacity:.5}}body,body *{cursor:none!important}@media(pointer:coarse){body,body *{cursor:auto!important}.os-cursor{display:none!important}}.os-cursor{position:fixed;width:24px;height:24px;pointer-events:none;z-index:999999;transform:translate(-50%,-50%);transition:transform 60ms ease-out,filter 60ms ease-out}.os-cursor .cursor-svg,.os-cursor .cursor-shadow,.os-cursor .cursor-main{transition:transform 60ms ease-out,fill 60ms ease-out,filter 60ms ease-out}.cursor-default{transform:translate(-50%,-50%)}.cursor-pointer{transform:translate(-50%,-50%) scale(1.08);filter:drop-shadow(0 0 8px rgba(56,189,248,.4))}.cursor-text{transform:translate(-50%,-50%) scale(.96);filter:drop-shadow(0 0 8px rgba(56,189,248,.35))}.cursor-drag{transform:translate(-50%,-50%) scale(1.02)}.cursor-resize{transform:translate(-50%,-50%) scale(.96)}.cursor-error{animation:error-flicker .2s ease-out}.cursor-error .cursor-main{fill:#ef4444}@keyframes error-flicker{0%,to{filter:none}50%{filter:drop-shadow(0 0 6px rgba(239,68,68,.7))}}.cursor-loading{animation:loading-pulse 1.5s ease-in-out infinite}@keyframes loading-pulse{0%,to{filter:none}50%{filter:drop-shadow(0 0 8px rgba(56,189,248,.5))}}@media(prefers-reduced-motion:reduce){.os-cursor,.os-cursor .cursor-svg,.os-cursor .cursor-shadow,.os-cursor .cursor-main,.cursor-error,.cursor-loading{transition:none;animation:none}}.os-cursor,.os-cursor *{pointer-events:none}iframe,video,canvas{cursor:none!important}