:root{--win-gray:silver;--win-light:#fff;--win-dark:gray;--win-darker:#0a0a0a;--win-mid:#dfdfdf;--win-blue:navy;--win-blue-light:#1084d0;--win-teal:teal;--win-inactive:gray;--win-inactive-light:#b5b5b5;--y2k-yellow:#ffe500;--y2k-red:#ff3b30;--y2k-lime:#39ff14;--y2k-pink:#ff2a85;--sticky-bg:#fff9a6;--sticky-shadow:#0000002e;--font-pixel:"VT323", monospace;--font-silkscreen:"Silkscreen", cursive;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-marker:"Caveat", cursive;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-body);background-color:teal;overflow:hidden}::-webkit-scrollbar{background:var(--win-mid);width:16px;height:16px}::-webkit-scrollbar-thumb{background:var(--win-gray);box-shadow:inset 1px 1px 0px #fff, inset -1px -1px 0px var(--win-darker), inset 2px 2px 0px #dfdfdf, inset -2px -2px 0px var(--win-dark)}::-webkit-scrollbar-button{background:var(--win-gray);box-shadow:inset 1px 1px 0px #fff, inset -1px -1px 0px var(--win-darker), inset 2px 2px 0px #dfdfdf, inset -2px -2px 0px var(--win-dark);width:16px;height:16px;display:block}.bevel-raised{background:var(--win-gray);box-shadow:inset 1px 1px 0px #fff, inset -1px -1px 0px var(--win-darker), inset 2px 2px 0px #dfdfdf, inset -2px -2px 0px var(--win-dark)}.bevel-sunken{box-shadow:inset 1px 1px 0px var(--win-dark), inset -1px -1px 0px #fff, inset 2px 2px 0px var(--win-darker), inset -2px -2px 0px var(--win-mid);background:#fff}.bevel-button{background:var(--win-gray);cursor:pointer;box-shadow:inset 1px 1px 0px #fff, inset -1px -1px 0px var(--win-darker), inset 2px 2px 0px #dfdfdf, inset -2px -2px 0px var(--win-dark);font-family:var(--font-pixel);border:none;outline:none;justify-content:center;align-items:center;gap:6px;padding:3px 10px;font-size:16px;display:inline-flex}.bevel-button:active,.bevel-button.active{box-shadow:inset 1px 1px 0px var(--win-darker), inset -1px -1px 0px #fff, inset 2px 2px 0px var(--win-dark), inset -2px -2px 0px var(--win-mid);padding:4px 9px 2px 11px}.bevel-button:focus-visible{outline-offset:-4px;outline:1px dotted #000}.win-titlebar{background:linear-gradient(90deg, var(--win-blue) 0%, var(--win-blue-light) 100%);color:#fff;font-family:var(--font-silkscreen);letter-spacing:.5px;cursor:grab;justify-content:space-between;align-items:center;padding:3px 4px 3px 6px;font-size:12px;display:flex}.win-titlebar.inactive{background:linear-gradient(90deg, var(--win-inactive) 0%, var(--win-inactive-light) 100%);color:#dfdfdf}.win-titlebar:active{cursor:grabbing}.win-controls{gap:2px;display:flex}.win-btn{background:var(--win-gray);width:18px;height:16px;font-family:var(--font-pixel);cursor:pointer;box-shadow:inset 1px 1px 0px #fff, inset -1px -1px 0px var(--win-darker), inset 2px 2px 0px #dfdfdf, inset -2px -2px 0px var(--win-dark);border:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1;display:flex}.win-btn:active{box-shadow:inset 1px 1px 0px var(--win-darker), inset -1px -1px 0px #fff, inset 2px 2px 0px var(--win-dark), inset -2px -2px 0px var(--win-mid)}.crt-overlay{pointer-events:none;z-index:99999;opacity:.35;background:linear-gradient(#12101000 50%,#0000001f 50%) 0 0/100% 4px;position:absolute;inset:0}.cursor-pointer{cursor:pointer}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.animate-marquee{white-space:nowrap;animation:16s linear infinite marquee;display:inline-block}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:8s linear infinite spin-slow}
