:root{--primary: #1677ff;--bg: #fff;--text: #333;--border: #eee}@media (prefers-color-scheme: dark){:root{--bg: #111;--text: #eee;--border: #333}}body{background:var(--bg);color:var(--text)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;line-height:1.6}#app{max-width:800px;margin:0 auto;padding:20px}.tab-nav{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);margin-bottom:20px}.tab-nav a{color:var(--text);text-decoration:none;padding:6px 12px;border-radius:6px}.tab-nav a.active{background:var(--primary);color:#fff}