@font-face{font-family:'Azonix';src:url('https://db.onlinewebfonts.com/t/04e1f7fb2b58d60eb24df50a9807fa36.woff2') format('woff2');}

:root{
  --glass-bg:rgba(20,20,20,.6);--glass-border:#333;--accent-main:#fff;
  --font-main:'Rajdhani',sans-serif;--font-header:'Azonix','Orbitron',sans-serif;
  --z-bg:0;--z-snow:1;--z-desktop:10;--z-windows:500;--z-dock:1000;
  --z-triggers:2000;--z-modal:3000;--z-noti:8000;--z-lock:90000;--z-ciri:95000;--z-boot:99999;
}
*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-drag:none;outline:none!important;-webkit-tap-highlight-color:transparent!important;}
::selection{background:#444;color:#fff;}
body{background:#000;overflow:hidden;height:100vh;width:100vw;font-family:var(--font-main);color:#fff;position:relative;pointer-events:auto!important;}

/* Boot */
#boot-layer{position:fixed;inset:0;background:radial-gradient(circle at center,#0a0a0a 0%,#000 100%);z-index:var(--z-boot);display:none;align-items:center;justify-content:center;transition:opacity .6s ease;}
#boot-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;width:100%;}
.boot-logo{font-family:var(--font-header);font-size:4.5rem;color:#fff;letter-spacing:8px;margin-bottom:10px;text-shadow:0 0 30px rgba(255,255,255,.2);opacity:0;transform:scale(.8);animation:cinematicPopWhite 2.5s cubic-bezier(.2,.8,.2,1) forwards;display:flex;align-items:center;gap:20px;justify-content:center;}
@keyframes cinematicPopWhite{0%{opacity:0;transform:scale(.8) translateY(30px);filter:blur(15px)}40%{opacity:1;transform:scale(1.08) translateY(0);filter:blur(0);text-shadow:0 0 50px rgba(255,255,255,.8)}100%{opacity:1;transform:scale(1) translateY(0);text-shadow:0 0 20px rgba(255,255,255,.3)}}
.boot-sub{font-family:var(--font-main);color:#888;font-size:1rem;letter-spacing:4px;margin-top:20px;text-transform:uppercase;opacity:0;animation:fadeInUp 1s ease 1.5s forwards;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.boot__hint{margin-top:30px;font-size:.8rem;color:#555;opacity:0;animation:fadeInUp 1s ease 2s forwards;}
#boot-btn{padding:15px 50px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;font-family:var(--font-header);font-size:18px;cursor:pointer;letter-spacing:2px;transition:.3s;border-radius:4px;box-shadow:0 0 15px rgba(255,255,255,.1);margin-top:30px;opacity:0;animation:fadeInUp 1s ease 2.5s forwards;}
#boot-btn:hover{background:#fff;color:#000;box-shadow:0 0 30px rgba(255,255,255,.4);}

/* Backgrounds */
#bg-video,#bg-img,#lock-video,#lock-img{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;}
#bg-img,#lock-img{display:none;}

/* Lock screen */
#lock-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999!important;background:transparent!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;display:none;align-items:center;justify-content:center;cursor:pointer;transition:transform .6s ease-in-out;transform:translateY(0);}
#lock-screen.active{display:flex;}
#lock-screen.slide-up{transform:translateY(-100%);pointer-events:none;}
#lock-ui{position:relative;z-index:10;text-align:center;color:#fff;}
.l-day{font-size:4rem;letter-spacing:8px;font-weight:bold;}
.l-date{font-size:1.2rem;letter-spacing:2px;}
.l-time{font-size:2rem;font-family:monospace;}
.unlock-hint{margin-top:40px;font-size:12px;color:rgba(255,255,255,.5);animation:blinkHint 1.5s infinite;}
@keyframes blinkHint{0%,100%{opacity:.3}50%{opacity:1}}

/* HUD */
#hud-top{position:absolute;top:5%;left:50%;transform:translateX(-50%);text-align:center;z-index:5;pointer-events:none;text-shadow:0 10px 40px rgba(0,0,0,.8);}
.hud-day{font-family:'Azonix',sans-serif;font-size:3rem;color:rgba(255,255,255,.7);letter-spacing:10px;text-transform:uppercase;}

/* Snow */
#snow-fx{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;}

/* FPS */
#fps-counter{position:fixed;bottom:24px;left:24px;background:#111;border:1px solid #333;padding:6px 12px;border-radius:8px;font-family:var(--font-main);font-size:12px;font-weight:bold;color:#fff;z-index:99999;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px rgba(0,0,0,.9);}

/* Device status / session timer */
#battery-status{position:fixed;bottom:24px;right:170px;background:rgba(10,10,10,.85);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 14px;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:600;color:rgba(255,255,255,.7);z-index:99999;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(0,0,0,.5);}
#battery-status:hover{background:rgba(20,20,20,.95);border-color:rgba(255,255,255,.2);color:#fff;}

/* Top-left menu */
#top-left-menu{position:fixed;top:20px;left:25px;z-index:99999;background:rgba(10,10,10,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 18px;min-width:110px;box-shadow:0 4px 20px rgba(0,0,0,.5);}
#top-left-menu:hover{background:rgba(20,20,20,.9);border-color:rgba(255,255,255,.15);}
.menu-time{font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;color:#fff;letter-spacing:1px;line-height:1.1;}
.menu-day{font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:2px;margin-top:2px;}
.menu-status{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);font-size:10px;font-weight:600;color:#666;letter-spacing:.5px;}
.status-dot{width:6px;height:6px;border-radius:50%;background:#44ff88;animation:pulseDot 2s infinite;flex-shrink:0;}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}

/* Right icon bar */
#noti-bell,#notepad-icon,#calculator-icon,#grammar-icon,#wordcount-icon,#timer-icon,#chat-icon{position:fixed;right:25px;z-index:99999;background:rgba(10,10,10,.85);border:1px solid #333;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:20px;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.6);transition:all .3s ease;}
#noti-bell{top:20px;}
#notepad-icon{top:78px;}
#calculator-icon{top:132px;}
#grammar-icon{top:186px;}
#wordcount-icon{top:240px;}
#timer-icon{top:294px;}
#chat-icon{top:348px;}
#noti-bell:hover,#notepad-icon:hover,#calculator-icon:hover,#grammar-icon:hover,#wordcount-icon:hover,#timer-icon:hover,#chat-icon:hover{background:rgba(30,30,30,.95);transform:scale(1.05);}
#noti-dot{position:absolute;top:6px;right:6px;width:10px;height:10px;background:#ff4444;border-radius:50%;border:2px solid #000;display:none;}
#noti-dot.show{display:block;}
#noti-dropdown{position:fixed;top:78px;right:20px;width:320px;max-height:400px;background:rgba(15,15,15,.96);border:1px solid #333;border-radius:12px;z-index:99998;display:none;backdrop-filter:blur(20px);padding:10px 0;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.9);}
#noti-dropdown.open{display:block;}
.noti-item{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.05);color:#fff;font-size:13px;}
.noti-item strong{display:block;font-size:14px;}
.noti-item span{color:#888;font-size:12px;}
.noti-empty{color:#555;text-align:center;padding:30px;}

#chat-noti-dot{
  position:absolute;top:6px;right:6px;
  width:10px;height:10px;background:#ff4444;
  border-radius:50%;border:2px solid #000;
  display:none;pointer-events:none;
  will-change:transform,box-shadow;
  transform:translateZ(0);
}
#chat-noti-dot.show{display:block;}