@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600&display=swap";
:root{--color-bg:#090a0f;--color-surface:#0f121999;--color-primary:#00f0ff;--color-secondary:#ff003c;--color-accent:#fcee0a;--color-text:#e0e6ed;--color-text-dim:#abbabf;--glow-primary:0 0 10px #00f0ff99, 0 0 20px #00f0ff66;--glow-secondary:0 0 10px #ff003c99, 0 0 20px #ff003c66}[data-theme=alt]{--color-bg:#0d0015;--color-primary:#f0f;--color-secondary:#0fc;--glow-primary:0 0 10px #f0f9, 0 0 20px #f0f6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);-webkit-user-select:none;user-select:none;font-family:Rajdhani,sans-serif;transition:background-color .5s;overflow:hidden}.os-desktop{width:100vw;height:calc(100vh - 40px);position:relative;overflow:hidden}.os-taskbar{background:var(--color-surface);-webkit-backdrop-filter:blur(4px);z-index:1000;border-top:1px solid #00f0ff4d;justify-content:space-between;align-items:center;width:100vw;height:40px;padding:0 10px;display:flex;position:fixed;bottom:0;left:0}.start-button{cursor:pointer;height:100%;color:var(--color-primary);text-shadow:var(--glow-primary);border-right:1px solid #00f0ff33;align-items:center;gap:8px;padding:0 15px;font-family:Orbitron,sans-serif;transition:all .2s;display:flex}.start-button:hover,.start-button.active{background:#00f0ff26;box-shadow:inset 0 0 10px #00f0ff33}.start-menu{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform-origin:0 100%;z-index:20000;background:#0a0f14fa;border:1px solid #00f0ff99;flex-direction:column;gap:5px;width:320px;padding:10px;animation:.25s cubic-bezier(.16,1,.3,1) forwards menuPop;display:flex;position:absolute;bottom:45px;left:10px;box-shadow:0 10px 40px #000c,inset 0 0 15px #00f0ff33}@keyframes menuPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.start-menu-item{color:var(--color-text);letter-spacing:.1em;cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;padding:12px 15px;font-family:Orbitron,sans-serif;font-size:.95rem;transition:all .2s;display:flex}.start-menu-item:hover{border-color:var(--color-primary);color:var(--color-primary);text-shadow:var(--glow-primary);background:#00f0ff1a}.os-window{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0a0c12d9;border:1px solid #00f0ff4d;flex-direction:column;display:flex;position:absolute;box-shadow:0 20px 50px #000000b3}@keyframes windowOpen{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.window-titlebar{cursor:grab;height:35px;color:var(--color-primary);letter-spacing:.15em;-webkit-user-select:none;user-select:none;background:#00f0ff1a;border-bottom:1px solid #00f0ff4d;justify-content:space-between;align-items:center;padding:0 15px;font-family:Orbitron,sans-serif;font-size:.85rem;display:flex}.window-titlebar:active{cursor:grabbing}.window-controls{gap:10px;display:flex}.window-btn{cursor:pointer;width:14px;height:14px;transition:all .2s}.window-btn.close{background:var(--color-secondary);opacity:.7}.window-btn.close:hover{opacity:1;box-shadow:var(--glow-secondary)}.window-content{color:var(--color-text);flex:1;padding:20px;overflow-y:auto}.sys-tray{height:100%;color:var(--color-text-dim);align-items:center;gap:15px;padding:0 10px;font-family:monospace;font-size:.85rem;display:flex}.sys-time{letter-spacing:.05em}.diagnostic-sync{cursor:pointer;opacity:1;color:var(--color-primary);text-shadow:var(--glow-primary);text-align:center;min-width:40px;padding:0 5px;transition:all .3s;position:relative}.diagnostic-sync:hover,.diagnostic-sync.active{filter:brightness(1.3);text-shadow:0 0 15px var(--color-primary), 0 0 25px var(--color-primary)}.buffer-stream{border:none;border-bottom:1px solid var(--color-primary);color:var(--color-primary);text-align:right;letter-spacing:.1em;background:0 0;outline:none;width:100px;font-family:monospace;font-size:.85rem}.canvas-wrapper{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}.canvas-wrapper:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle,#090a0f66 0%,#090a0ff2 100%);position:absolute;inset:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#00000080}::-webkit-scrollbar-thumb{background:var(--color-primary)}.profile-pfp-overlay{cursor:pointer;transition:opacity .3s}.profile-pfp-overlay:hover{opacity:1!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin;display:inline-block}