*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}:root{--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Inter", sans-serif;--menubar-h: 25px;--font-mono: "JetBrains Mono", "SF Mono", monospace;--glass: rgba(30, 30, 34, .55);--glass-heavy: rgba(24, 24, 28, .72);--glass-light: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .14);--stroke-soft: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--text-2: rgba(255, 255, 255, .6);--text-3: rgba(255, 255, 255, .38);--accent: #3b82f6;--accent-2: #8b5cf6;--win-bg: rgba(30, 30, 33, .86);--win-titlebar: rgba(43, 43, 47, .52);--shadow-win: 0 0 0 .5px rgba(255,255,255,.18), 0 0 0 1px rgba(0,0,0,.55), 0 18px 50px 8px rgba(0, 0, 0, .5);--shadow-win-blur: 0 0 0 .5px rgba(255,255,255,.1), 0 0 0 1px rgba(0,0,0,.45), 0 8px 24px 2px rgba(0, 0, 0, .32);--menubar-bg: rgba(24, 24, 28, .38);--dock-bg: rgba(38, 38, 42, .36);--sel: rgba(59, 130, 246, .35)}[data-theme=light]{--glass: rgba(246, 246, 250, .6);--glass-heavy: rgba(250, 250, 253, .78);--glass-light: rgba(255, 255, 255, .5);--stroke: rgba(0, 0, 0, .12);--stroke-soft: rgba(0, 0, 0, .07);--text: rgba(20, 20, 24, .92);--text-2: rgba(20, 20, 24, .6);--text-3: rgba(20, 20, 24, .38);--win-bg: rgba(246, 246, 248, .88);--win-titlebar: rgba(238, 238, 241, .6);--shadow-win: 0 0 0 .5px rgba(0,0,0,.18), 0 18px 50px 8px rgba(0, 0, 0, .3);--shadow-win-blur: 0 0 0 .5px rgba(0,0,0,.12), 0 8px 24px 2px rgba(0, 0, 0, .18);--menubar-bg: rgba(248, 248, 251, .45);--dock-bg: rgba(248, 248, 251, .32);--sel: rgba(59, 130, 246, .25)}html,body,#root{height:100%;overflow:hidden}[data-js] #seo-content,[data-js] .skip-to-text{display:none}#seo-content{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow-y:auto;padding:40px 24px 80px;max-width:760px;margin:0 auto;color:#e8e8ea;background:#101014;font:400 16px/1.7 var(--font-ui)}#seo-content h1{font-size:30px;margin-bottom:14px}#seo-content h2{font-size:20px;margin:26px 0 8px}#seo-content p{margin-bottom:12px;color:#ffffffbf}#seo-content ul{margin:0 0 16px 20px}#seo-content li{margin-bottom:5px;color:#ffffffbf}#seo-content a{color:#6fb7ff}#seo-content header{margin-bottom:28px;font-size:14px;color:#ffffff8c}#root{position:relative;z-index:1}.skip-to-text{position:fixed;top:-100px;left:12px;z-index:9999;background:#3b82f6;color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none}.skip-to-text:focus{top:12px}body{font-family:var(--font-ui);color:var(--text);-webkit-user-select:none;user-select:none;background:#000}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#7f7f7f59;border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer}[data-custom-cursor],[data-custom-cursor] *:not(input):not(textarea):not([contenteditable=true]):not([data-resize]){cursor:var(--cursor)!important}input,textarea{font-family:inherit}a{color:var(--accent)}.glass{background:var(--glass);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:.5px solid var(--stroke)}@keyframes win-open{0%{transform:scale(.82) translateY(14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes win-close{0%{transform:scale(1);opacity:1}to{transform:scale(.85) translateY(10px);opacity:0}}@keyframes win-minimize{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.05) translateY(90vh);opacity:0}}@keyframes dock-bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-18px)}55%{transform:translateY(0)}75%{transform:translateY(-8px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-down{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes boot-bar{0%{width:0%}to{width:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes puff{0%{transform:scale(.35);opacity:.9}60%{opacity:.55}to{transform:scale(2.6) translateY(-14px);opacity:0}}@keyframes ring-spin{to{transform:rotate(360deg)}}.anim-open{animation:win-open .32s cubic-bezier(.2,.9,.3,1.15)}.anim-close{animation:win-close .22s ease-in forwards}.anim-minimize{animation:win-minimize .38s cubic-bezier(.6,0,.9,.4) forwards}
