/* NIELITian OS v2 — Core variables & reset */
:root {
  --os-accent:#4f46e5; --os-accent2:#7c3aed; --base-font-size:13px; --icon-size:44px; --taskbar-h:48px;
  --win-bg:rgba(10,10,22,0.96); --win-border:rgba(255,255,255,0.13); --border:rgba(255,255,255,0.1);
  --border-strong:rgba(255,255,255,0.18); --text:rgba(255,255,255,0.9); --text-muted:rgba(255,255,255,0.45);
  --surface:rgba(255,255,255,0.05); --bg:#05050f;
}
[data-theme="light"] {
  --win-bg:rgba(252,252,254,0.98); --win-border:rgba(0,0,0,0.12); --border:rgba(0,0,0,0.1);
  --border-strong:rgba(0,0,0,0.18); --text:rgba(0,0,0,0.88); --text-muted:rgba(0,0,0,0.5);
  --surface:rgba(0,0,0,0.04); --bg:#e8e8f0;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);}
body{font-family:system-ui,-apple-system,sans-serif;color:var(--text);font-size:var(--base-font-size);}
input,textarea,button,select{font-family:inherit;font-size:inherit;}
#os-root{position:relative;width:100vw;height:100vh;overflow:hidden;}
#wallpaper{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
#desktop{position:absolute;inset:0;bottom:var(--taskbar-h);z-index:1;}
#desktop-icons{position:absolute;inset:0;}
.hidden{display:none!important;}

/* Settings → Desktop → Animations toggle. Previously this control persisted
   a flag that nothing ever read — this rule is what actually makes it do
   something: it kills every transition/animation app-wide when turned off. */
[data-animations="off"] *, [data-animations="off"] *::before, [data-animations="off"] *::after {
  transition-duration: 0s !important;
  animation-duration: 0s !important;
}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.18);border-radius:3px;}
[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);}