:root{--color-bg: #050505;--color-surface: #0d0d0d;--color-surface-2: #161616;--color-surface-3: #1d1d1d;--color-primary: #ffffff;--color-primary-hover: #d9d9d9;--color-accent: #cfcfcf;--color-text-primary: #f5f5f5;--color-text-secondary: #cfcfcf;--color-text-muted: #9a9a9a;--color-text-inverse: #050505;--color-text: var(--color-text-secondary);--color-heading: var(--color-text-primary);--color-border: #262626;--color-border-light: #3a3a3a;--color-border-strong: #4a4a4a;--color-link: #f0f0f0;--color-link-hover: #ffffff;--color-success: #d6d6d6;--color-error: #b5b5b5;--color-warning: #9f9f9f;--color-info: #c4c4c4;--color-code-bg: #0a0a0a;--color-code-border: #2a2a2a;--color-code-text: #ededed;--color-overlay: rgba(0, 0, 0, .72);--color-shadow: rgba(0, 0, 0, .72);--color-selection-bg: rgba(255, 255, 255, .16);--color-selection-text: #ffffff;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--container-width: 1280px;--content-width: 1440px;--header-height: 72px;--transition-fast: .18s ease;--transition-normal: .26s ease;--transition-slow: .42s ease}html[data-theme=light]{--color-bg: #ffffff;--color-surface: #f7f7f7;--color-surface-2: #efefef;--color-surface-3: #e7e7e7;--color-primary: #111111;--color-primary-hover: #2a2a2a;--color-accent: #2f2f2f;--color-text-primary: #111111;--color-text-secondary: #2f2f2f;--color-text-muted: #6a6a6a;--color-text-inverse: #ffffff;--color-text: var(--color-text-secondary);--color-heading: var(--color-text-primary);--color-border: #dddddd;--color-border-light: #c8c8c8;--color-border-strong: #b7b7b7;--color-link: #111111;--color-link-hover: #000000;--color-success: #2f2f2f;--color-error: #4a4a4a;--color-warning: #5c5c5c;--color-info: #3f3f3f;--color-code-bg: #f3f3f3;--color-code-border: #d8d8d8;--color-code-text: #1a1a1a;--color-overlay: rgba(255, 255, 255, .6);--color-shadow: rgba(0, 0, 0, .08);--color-selection-bg: rgba(0, 0, 0, .12);--color-selection-text: #111111}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=light]{color-scheme:light}html{height:100%;scroll-behavior:smooth;scroll-padding-top:var(--header-height);background:var(--color-bg)}body{min-height:100%;font-family:Verdana,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;background:var(--color-bg);color:var(--color-text-primary);overflow-x:hidden;background-image:radial-gradient(900px 420px at 8% -5%,rgba(255,255,255,.035),transparent 62%),radial-gradient(720px 360px at 96% 8%,rgba(255,255,255,.025),transparent 64%),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 1px,transparent 1px,transparent 34px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 34px);background-attachment:fixed}html[data-theme=light] body{background-image:radial-gradient(900px 420px at 8% -5%,rgba(0,0,0,.035),transparent 64%),radial-gradient(820px 400px at 95% 10%,rgba(0,0,0,.025),transparent 68%),repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 34px),repeating-linear-gradient(0deg,rgba(0,0,0,.045) 0px,rgba(0,0,0,.045) 1px,transparent 1px,transparent 34px)}html,body,#root{width:100%}#root{min-height:100vh}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}img{height:auto}body,button,input,textarea,select{font-size:1rem}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2;color:var(--color-heading);letter-spacing:-.02em}p{color:var(--color-text-secondary)}small{color:var(--color-text-muted)}strong,b{font-weight:800;color:var(--color-text-primary)}em,i{font-style:italic}code,pre,kbd,samp{font-family:Courier New,Courier,monospace}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover);text-decoration:underline;text-underline-offset:3px}ul,ol{list-style:none;padding-left:0}button,input,textarea,select{font:inherit;color:inherit}button{background:transparent;border:none;cursor:pointer}input,textarea{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:12px;padding:10px 12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}select{appearance:none;width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:12px;padding:10px 38px 10px 12px;cursor:pointer;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px;background-repeat:no-repeat}select option{background:var(--color-surface);color:var(--color-text-primary)}input:hover,textarea:hover,select:hover{border-color:var(--color-border-light)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;box-shadow:0 0 0 4px #ffffff14,0 8px 22px var(--color-shadow)}html[data-theme=light] :focus-visible{box-shadow:0 0 0 4px #00000014,0 8px 22px var(--color-shadow)}textarea{resize:vertical;min-height:120px}::placeholder{color:var(--color-text-muted)}:disabled{opacity:.6;cursor:not-allowed}table{width:100%;border-collapse:collapse}hr{border:none;height:1px;background:var(--color-border)}code{background:var(--color-code-bg);color:var(--color-code-text);border:1px solid var(--color-code-border);border-radius:8px;padding:.15em .45em}pre{background:var(--color-code-bg);color:var(--color-code-text);border:1px solid var(--color-code-border);border-radius:16px;padding:1rem;overflow-x:auto}pre code{background:transparent;border:none;padding:0;border-radius:0}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:999px;border:2px solid var(--color-surface)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-light) var(--color-surface)}