@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg-base:#05060a;--bg-surface:rgba(20,22,30,.55);--bg-surface-2:rgba(28,30,40,.65);--bg-surface-solid:#14161e;--bg-dock:rgba(18,20,28,.45);--bg-elevated:rgba(34,36,48,.78);--border-glass:hsla(0,0%,100%,.08);--border-glass-strong:hsla(0,0%,100%,.14);--border-inset:inset 0 1px 0 hsla(0,0%,100%,.06);--text-primary:#eceef5;--text-secondary:#9ba1b0;--text-muted:#5b6070;--accent:#7dd3fc;--accent-dim:#38bdf8;--accent-deep:#0284c7;--accent-glow:rgba(125,211,252,.35);--accent-glow-soft:rgba(125,211,252,.18);--accent-contrast:#052028;--accent-primary:var(--accent);--accent-secondary:var(--accent-dim);--accent-gradient:linear-gradient(135deg,var(--accent),var(--accent-dim));--accent-gradient-h:linear-gradient(90deg,var(--accent-dim),var(--accent));--accent-bg-subtle:color-mix(in srgb,var(--accent) 5%,transparent);--accent-bg-light:color-mix(in srgb,var(--accent) 10%,transparent);--accent-bg-medium:color-mix(in srgb,var(--accent) 15%,transparent);--accent-border-subtle:color-mix(in srgb,var(--accent) 20%,transparent);--accent-border:color-mix(in srgb,var(--accent) 30%,transparent);--accent-text-muted:color-mix(in srgb,var(--accent) 70%,transparent);--accent-glow-box:0 0 14px var(--accent-glow-soft);--accent-glow-strong:0 0 24px var(--accent-glow);--shadow-window:0 24px 64px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.4);--shadow-dock:0 12px 40px rgba(0,0,0,.6),0 0 0 1px var(--border-glass);--shadow-tile:0 6px 20px rgba(0,0,0,.45);--shadow-focus:0 0 0 2px var(--accent-glow);--radius-window:14px;--radius-dock:22px;--radius-tile:18px;--radius-pill:999px;--blur-glass:blur(24px) saturate(180%);--blur-dock:blur(28px) saturate(200%);--blur-soft:blur(12px) saturate(140%);--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg-primary:var(--bg-base);--bg-secondary:var(--bg-surface-solid);--bg-window:var(--bg-surface);--bg-titlebar:var(--bg-surface-2);--border-radius-window:var(--radius-window);--window-border:1px solid var(--border-glass)}body,html{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-base);color:var(--text-primary);flex-direction:column}#__next,body{min-height:100vh;width:100%;position:relative;display:flex}#__next{flex:1 1;flex-direction:column}.page-template{flex:1 1;width:100%;position:relative}.main,.page-template{display:flex;flex-direction:column;min-height:100vh}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:6px;transition:box-shadow .12s ease-out}::selection{background:var(--accent-bg-medium);color:var(--text-primary)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;font-family:var(--font-sans)}.error-container button{margin-top:1rem;padding:.5rem 1.25rem;background:var(--accent-gradient);color:var(--accent-contrast);border:none;border-radius:8px;cursor:pointer;font-family:var(--font-mono);font-weight:500;transition:transform .12s ease-out,box-shadow .12s ease-out}.error-container button:hover{transform:translateY(-1px);box-shadow:var(--accent-glow-strong)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{width:44px;height:44px;border:3px solid hsla(0,0%,100%,.08);border-top:3px solid var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;font-family:var(--font-sans)}.not-found-container a{margin-top:1rem;color:var(--accent);text-decoration:none;font-family:var(--font-mono)}.not-found-container a:hover{text-decoration:underline}@media (max-width:767px){.desktop-only,.tablet-only{display:none!important}}@media (min-width:768px) and (max-width:1024px){.desktop-only,.mobile-only{display:none!important}}@media (min-width:1025px){.mobile-only,.tablet-only{display:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}