*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-canvas: #0B0C10;--color-surface: #1F2833;--color-surface-raised:#252D38;--color-border: #2D3748;--color-border-subtle: #1A2130;--color-text-primary: #C5C6C7;--color-text-secondary:#66788A;--color-text-dim: #3D4F62;--color-accent: #45A29E;--color-accent-dim: #2A6360;--color-accent-glow: rgba(69, 162, 158, .12);--color-danger: #7A3E3E;--color-danger-text: #C47070;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--transition-fast: .12s ease;--transition-med: .24s ease;--transition-slow: .4s ease;--header-height: 56px}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-canvas);color:var(--color-text-primary);font-family:var(--font-sans);font-weight:400;line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--color-canvas)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-dim)}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:500;letter-spacing:-.02em;color:var(--color-text-primary);line-height:1.2}h1{font-size:2rem}h2{font-size:1.35rem}h3{font-size:1.05rem}h4{font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}p{color:var(--color-text-primary)}code,pre,.mono{font-family:var(--font-mono);font-size:.82rem}input,select,textarea,button{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.divider{height:1px;background:var(--color-border);border:none;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-border{0%,to{border-color:var(--color-accent-dim)}50%{border-color:var(--color-accent)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-slow) both}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-raised) 37%,var(--color-surface) 63%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}