:root{--color-bg:#fafafa;--color-surface:#fff;--color-text-primary:#1d1d1f;--color-text-secondary:#636366;--color-accent:#0071e3;--color-accent-hover:#0077ed;--color-border:#0000000f;--color-divider:#0000000a;--color-surface-hover:#f0f0f2;--color-surface-subtle:#f5f5f7;--color-text-muted:#8e8e93;--color-accent-subtle:#0071e314;--glass-bg:#ffffffb8;--glass-border:#0000000f;--glass-blur:blur(20px) saturate(180%);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 20px 60px #0000001a;--ease-apple:cubic-bezier(.25, .46, .45, .94);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--duration-fast:.15s;--duration-base:.2s;--duration-micro:.3s;--duration-smooth:.3s;--duration-standard:.6s;--duration-dramatic:1.2s;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-cursor:500}.dark{--color-bg:#121214;--color-surface:#1c1c20;--color-surface-hover:#26262b;--color-surface-subtle:#17171a;--color-text-primary:#f5f5f7;--color-text-secondary:#a6a6ac;--color-text-muted:#787880;--color-accent:#2997ff;--color-accent-hover:#4fb0ff;--color-accent-subtle:#2997ff1f;--color-border:#ffffff1a;--color-divider:#ffffff0f;--glass-bg:#1c1c20cc;--glass-border:#ffffff1a;--glass-blur:blur(20px) saturate(180%);--shadow-sm:0 1px 2px #0006, 0 0 0 1px #ffffff0f;--shadow-md:0 4px 16px #00000080, 0 0 0 1px #ffffff14;--shadow-lg:0 8px 32px #0009, 0 0 0 1px #ffffff1a;--shadow-xl:0 20px 64px #000000b3, 0 0 0 1px #ffffff1f}@media (prefers-reduced-transparency:reduce){:root,.dark{--glass-bg:var(--color-surface);--glass-blur:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{color:var(--color-text-primary);background-color:var(--color-bg);overflow-wrap:break-word;word-break:break-word;min-height:100dvh;transition:background-color var(--duration-micro) var(--ease-apple), color var(--duration-micro) var(--ease-apple);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.0625rem;line-height:1.5;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}html.dark select,.dark select{color-scheme:dark}html.dark select option,.dark select option{color:#f5f5f7;background-color:#1c1c20}a{color:var(--color-accent);transition:color var(--duration-micro) var(--ease-apple);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}button:active,a.interactive:active{transition:transform var(--duration-fast) var(--ease-out-quint);transform:scale(.98)}button:disabled,input:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}::selection{background-color:var(--color-accent);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#00000040;border:1px solid #0000000d;transition:background .3s,border-color .3s}::-webkit-scrollbar-thumb:hover{background:#00000073;border-color:#0000001a}::-webkit-scrollbar-thumb:active{background:#0009;border-color:#0003}::-webkit-scrollbar-corner{background:0 0}.dark ::-webkit-scrollbar-thumb{background:#ffffff40;border:1px solid #ffffff0d}.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff73;border-color:#ffffff1a}.dark ::-webkit-scrollbar-thumb:active{background:#fff9;border-color:#fff3}html{scrollbar-width:thin;scrollbar-color:#00000059 transparent}html.dark{scrollbar-color:#ffffff59 transparent}@keyframes page-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes page-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}::view-transition-old(root){animation:.2s ease-in forwards page-fade-out}::view-transition-new(root){animation:.3s ease-out forwards page-fade-in}
