:root{color-scheme:light;--color-bg: #f7f7f5;--color-surface: #ffffff;--color-surface-subtle: #f1f1ee;--color-border: #e2e2dd;--color-border-strong: #cfcfc8;--color-text: #25252b;--color-text-muted: #6b6b73;--color-text-faint: #9a9aa2;--color-accent: #2f6feb;--color-accent-soft: #e8f0fe;--color-success: #1a9d5a;--color-warning: #d98806;--color-danger: #d64545;--color-code-bg: #f4f4f1;--shadow-pop: 0 8px 28px rgba(0, 0, 0, .12);--radius: 8px;--content-font-size: 16px;--content-line-height: 1.7;--content-width: 780px;--content-title-size: 32px;--space-block: .75em;--space-heading-top: 1.8em;--space-heading-bottom: .5em}:root[data-theme=dark]{color-scheme:dark;--color-bg: #1b1b1f;--color-surface: #232329;--color-surface-subtle: #2a2a31;--color-border: #35353d;--color-border-strong: #4a4a54;--color-text: #e8e8ec;--color-text-muted: #a0a0aa;--color-text-faint: #71717a;--color-accent: #6b9bff;--color-accent-soft: #23324d;--color-code-bg: #2c2c33}:root[data-content-size=compact]{--content-font-size: 14px}:root[data-content-size=large]{--content-font-size: 18px}:root[data-content-width=narrow]{--content-width: 680px}:root[data-content-width=wide]{--content-width: 980px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--color-accent)}button{font-family:inherit;font-size:13px;padding:6px 12px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}button:hover{background:var(--color-surface-subtle)}button.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}button.primary:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input:not([type=checkbox]):not([type=radio]),textarea{font-family:inherit;font-size:14px;padding:8px 10px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);width:100%}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus{outline:2px solid var(--color-accent-soft);border-color:var(--color-accent)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.muted{color:var(--color-text-muted)}.faint{color:var(--color-text-faint)}.small{font-size:12px}.row{display:flex;align-items:center;gap:8px}.spacer{flex:1}.empty-state{text-align:center;padding:48px 24px;color:var(--color-text-muted)}.error-banner{background:color-mix(in srgb,var(--color-danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 40%,transparent);color:var(--color-danger);border-radius:6px;padding:8px 12px;font-size:13px}