:root{--color-bg: #0a0f14;--color-surface: #121822;--color-surface-2: #18202d;--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-accent: #22c55e;--color-text-primary: #f4f7ff;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #253041;--color-border-light: #334155;--color-link: #6366f1;--color-link-hover: #818cf8;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--color-code-bg: #0f141d;--color-code-border: #2a364a;--color-shadow: rgba(0, 0, 0, .75)}html[data-theme=light]{--color-bg: #ffffff;--color-surface: #f4f6ff;--color-surface-2: #e8edff;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-accent: #16a34a;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-border: #dbe3f3;--color-border-light: #cbd5e1;--color-link: #4f46e5;--color-link-hover: #4338ca;--color-success: #16a34a;--color-error: #dc2626;--color-warning: #d97706;--color-code-bg: #f3f5ff;--color-code-border: #e2e8f0;--color-shadow: rgba(15, 23, 42, .08)}*,*: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;font-synthesis:none;font-kerning:normal;hanging-punctuation:first last}html[data-theme=light]{color-scheme:light}html{height:100%;scroll-behavior:smooth;scroll-padding-top:72px;background:var(--color-bg)}body{min-height:100%;font-family:Verdana,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55;background:var(--color-bg);color:var(--color-text-primary);overflow-x:hidden}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}img{height:auto}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.15;color:var(--color-text-primary);letter-spacing:.2px}p{color:var(--color-text-secondary)}small{color:var(--color-text-muted)}strong,b{font-weight:800}em,i{font-style:italic}a{color:var(--color-link);text-decoration:none;transition:color .14s ease}a:hover{color:var(--color-link-hover);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--color-border-light)}ul,ol{list-style:none;padding-left:0}button,input,textarea,select{font:inherit;color:inherit}button{background:transparent;border:0;cursor:pointer}input,textarea{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-primary);outline:none;border-radius:12px;padding:10px 12px;transition:border-color .14s ease,box-shadow .14s ease}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-primary);outline:none;border-radius:12px;padding:10px 42px 10px 12px;cursor:pointer;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,6px 6px;background-repeat:no-repeat}select option{background:var(--color-surface);color:var(--color-text-primary)}html[data-theme=light] select option{background:#fff;color:#0f172a}input:hover,textarea:hover,select:hover{border-color:var(--color-border-light)}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 18%,transparent)}textarea{resize:vertical;min-height:120px}::placeholder{color:var(--color-text-muted)}:disabled,[disabled]{cursor:not-allowed;opacity:.65}table{border-collapse:collapse;border-spacing:0}hr{border:0;height:1px;background:var(--color-border)}::selection{background:var(--color-primary);color:var(--color-bg)}:focus{outline:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important;scroll-behavior:auto!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-2)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-surface)}
