:root{--color-bg:#0b0f14;--color-surface:#121826;--color-surface-elevated:#1a2234;--color-border:#2a3550;--color-text-primary:#e6edf7;--color-text-secondary:#9aa7bf;--color-text-muted:#6b7690;--color-primary:#3b82f6;--color-secondary:#22d3ee;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444}body{margin:0}.app-bg{background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,IBM Plex Sans,"Source Sans 3",system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.surface{background-color:var(--color-surface);color:var(--color-text-primary)}.surface-elevated{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.border-token{border-color:var(--color-border)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}@apply bg-blue-500 hover:bg-blue-400 text-black transition duration-150 ease-linear;.btn-secondary{border:1px solid var(--color-border);color:var(--color-text-primary)}@apply transition duration-150 ease-linear;.input-focus{border-color:var(--color-secondary);box-shadow:0 0 0 4px #22d3ee14}.nav-link{color:var(--color-text-secondary);border-radius:6px;padding:6px 8px;transition:background-color .12s,color .12s,transform .12s}.nav-link:hover{color:var(--color-text-primary);background-color:#3b82f614;transform:translateY(-1px)}.link{color:var(--color-primary);text-decoration:none}.link:hover{text-decoration:underline}*{transition-duration:.12s;transition-timing-function:ease-out}h1{font-weight:600}h2{font-weight:500}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace}