:root{--color-body:#111111;--color-surface:#1a1a1a;--color-surface-alt:#262626;--color-border-subtle:#2c2c2c;--color-border-muted:#333333;--color-text-primary:#ffffff;--color-text-muted:#d1d1d1;--color-text-dim:#a3a3a3;--color-accent:#3a8fff;--color-accent-soft:rgba(58,143,255,0.12);--color-success:#4ade80;--color-danger:#f87171;--color-warn:#facc15;--color-mystic:#a78bfa;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-ui:system-ui,-apple-system,"Segoe UI",sans-serif;--font-story:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0;background:var(--color-body);color:var(--color-text-primary);font-family:var(--font-ui);line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}main{max-width:960px;margin:0 auto;padding:var(--space-xl)}.card{background:var(--color-surface);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl)}label{display:block;font-size:.875rem;color:var(--color-text-dim);margin-bottom:var(--space-xs)}input{width:100%;padding:var(--space-sm) calc(var(--space-sm) + 2px);background:var(--color-surface-alt);margin-bottom:var(--space-md)}.btn,button,input{border-radius:var(--radius-sm);border:1px solid var(--color-border-muted);color:var(--color-text-primary)}.btn,button{display:inline-block;padding:var(--space-sm) var(--space-lg);background:var(--color-accent);font-weight:600;font-family:inherit;cursor:pointer}.btn.secondary,button.secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-muted)}.btn.secondary:hover,button.secondary:hover{background:var(--color-accent-soft);border-color:var(--color-border-subtle)}.nav{display:flex;gap:var(--space-lg);align-items:center;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border-muted);background:var(--color-surface)}.nav a{color:var(--color-text-primary)}.nav a.active,.nav a:hover{color:var(--color-accent)}h1{font-size:1.5rem;margin:0 0 var(--space-lg)}.muted{color:var(--color-text-dim);font-size:.875rem}.err{color:var(--color-danger);font-size:.9rem;margin:var(--space-sm) 0}.card.ok{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-soft)}select{width:100%;padding:var(--space-sm) calc(var(--space-sm) + 2px);border-radius:var(--radius-sm);border:1px solid var(--color-border-muted);background:var(--color-surface-alt);color:var(--color-text-primary);margin-bottom:var(--space-md);font-family:inherit}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table td,.table th{text-align:left;padding:var(--space-sm) calc(var(--space-sm) + 2px);border-bottom:1px solid var(--color-border-subtle)}.table th{color:var(--color-text-dim);font-weight:600}.table code{font-size:.85em}.table tbody tr.table-row-click{cursor:pointer}.table tbody tr.table-row-click:hover{background:var(--color-accent-soft)}