:root{--color-bg: #0f1724;--color-surface: #0b1220;--color-muted: #9aa4b2;--color-border: #172033;--color-text: #e6eef8;--color-accent: #7dd3fc}:root.light{--color-bg: #f8fafc;--color-surface: #ffffff;--color-muted: #64748b;--color-border: #e6eef8;--color-text: #0f1724;--color-accent: #0ea5a4}html,body,#root{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--color-bg);color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.button-primary{padding:8px 16px;border-radius:8px;font-weight:600;background:linear-gradient(90deg,var(--color-accent),#60a5fa);color:var(--color-text);border:none}.input{width:100%;padding:10px;border-radius:8px;background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.text-semantic-muted{color:var(--color-muted)}.container{max-width:960px;margin:0 auto;padding:24px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.mb-6{margin-bottom:24px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.w-1\/3{width:33.3333%}.w-full{width:100%}.max-w-4xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.rounded-md{border-radius:12px}.text-sm{font-size:.9rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.font-medium{font-weight:600}.whitespace-pre-wrap{white-space:pre-wrap}