:root{--bg-color:#fff;--text-color:#000;--surface-color:#f8f8f8;--border-color:#e5e5e5;--hover-color:#f0f0f0;--active-color:#000;--active-text:#fff;--muted-text:#666;--code-bg:#f5f5f5;--surface-hover:#eaeaea;--text-primary:var(--text-color);--text-secondary:var(--muted-text);--primary:var(--active-color);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--error:#ef4444;--success:#10b981}[data-theme=dark]{--bg-color:#000;--text-color:#fff;--surface-color:#111;--border-color:#333;--hover-color:#222;--active-color:#333;--active-text:#fff;--muted-text:#888;--code-bg:#111;--surface-hover:#333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:10px 24px;font-size:.95rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-primary{background:var(--active-color);color:var(--active-text)}.btn-primary:hover{opacity:.9}.input-block{background:var(--surface-color);border:1px solid var(--border-color);width:100%;color:var(--text-color);border-radius:4px;padding:10px}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}h1{letter-spacing:-1px;margin-bottom:5px;font-size:2rem}.subtitle{color:var(--muted-text);font-size:1rem}