:root{--color-brand:#1976d2;--color-brand-hover:#1565c0;--color-brand-light:#f0f7ff;--color-bg:#ffffff;--color-bg-elevated:#ffffff;--color-bg-muted:#f5f5f5;--color-text:#1a1a1a;--color-text-muted:#555;--color-text-dim:#6a6a6a;--color-text-faint:#777;--color-border:#ddd;--color-border-muted:#eee;--color-danger:#c62828;--color-success:#2e7d32;--color-warning-bg:#fff3e0;--color-warning-fg:#e65100;--color-highlight:#fffde7;--color-disabled:#999;--color-overlay:rgba(0,0,0,0.5);color-scheme:light}html[data-theme=dark]{--color-brand:#64b5f6;--color-brand-hover:#90caf9;--color-brand-light:#1c3a5e;--color-bg:#121212;--color-bg-elevated:#1e1e1e;--color-bg-muted:#242424;--color-text:#ececec;--color-text-muted:#c4c4c4;--color-text-dim:#9e9e9e;--color-text-faint:#8a8a8a;--color-border:#3a3a3a;--color-border-muted:#2a2a2a;--color-danger:#ef5350;--color-success:#66bb6a;--color-warning-bg:#3e2a17;--color-warning-fg:#ffb74d;--color-highlight:#3a3826;--color-disabled:#555;--color-overlay:rgba(0,0,0,0.7);color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--color-brand:#64b5f6;--color-brand-hover:#90caf9;--color-brand-light:#1c3a5e;--color-bg:#121212;--color-bg-elevated:#1e1e1e;--color-bg-muted:#242424;--color-text:#ececec;--color-text-muted:#c4c4c4;--color-text-dim:#9e9e9e;--color-text-faint:#8a8a8a;--color-border:#3a3a3a;--color-border-muted:#2a2a2a;--color-danger:#ef5350;--color-success:#66bb6a;--color-warning-bg:#3e2a17;--color-warning-fg:#ffb74d;--color-highlight:#3a3826;--color-disabled:#555;--color-overlay:rgba(0,0,0,0.7);color-scheme:dark}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;padding:20px;max-width:1200px;margin:0 auto}body,button{color:var(--color-text);background:var(--color-bg)}button{cursor:pointer;padding:8px 16px;border:1px solid var(--color-border);border-radius:4px}button:hover:not(:disabled){background:var(--color-bg-muted)}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}input,select,textarea{padding:8px;border:1px solid var(--color-border);border-radius:4px;font-family:inherit;font-size:inherit;color:var(--color-text);background:var(--color-bg)}input,textarea{width:100%}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-brand);outline-offset:1px;border-color:var(--color-brand)}.hover-shadow:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.hover-bg:hover{background:var(--color-bg-muted)!important}.hover-border-primary:hover{border-color:var(--color-brand)!important}.tab-bar-scroll{scrollbar-width:none}.tab-bar-scroll::-webkit-scrollbar{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes mp-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}