:root{--bg: #f8fafc;--panel: #ffffff;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--accent: #4f46e5;--tree-link: #94a3b8;--leaf-fill: #ffffff;--leaf-text: #0f172a;--pos-text: #94a3b8;--phrase-fill: #eef2ff;--drop-fill: #fef3c7}@media (prefers-color-scheme: dark){:root{--bg: #0b1120;--panel: #111827;--border: #1f2937;--text: #e5e7eb;--text-muted: #94a3b8;--accent: #818cf8;--tree-link: #475569;--leaf-fill: #1e293b;--leaf-text: #e5e7eb;--pos-text: #64748b;--phrase-fill: #1e2340;--drop-fill: #78350f}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-shell{max-width:1800px;width:100%;margin:0 auto;padding:clamp(16px,3vw,32px) clamp(16px,4vw,48px) 80px}.setup-panel{max-width:720px}@media (max-width: 640px){.app-shell{padding:16px 12px 72px}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted)}.badge.ok{color:#16a34a;border-color:#16a34a55}.badge.bad{color:#dc2626;border-color:#dc262655}button{cursor:pointer;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:6px 12px;font-size:13px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}input,textarea,select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px}.compare-row{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:12px;overflow-x:auto;align-items:start}.draft-card,.original-card{border:2px solid var(--border);border-radius:10px;padding:10px;overflow-x:auto}.draft-card.selected{border-color:var(--accent)}.original-card{background:var(--bg)}.rhyme-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border);font-size:14px}.rhyme-row:last-child{border-bottom:none}.rhyme-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.rhyme-line-no{width:22px;flex-shrink:0;font-size:12px;color:var(--text-muted);text-align:right}.mode-tabs{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:16px}.mode-tabs button{border:none;border-radius:0}.mode-tabs button.active{background:var(--accent);color:#fff}.pager{position:sticky;bottom:0;display:flex;justify-content:center;align-items:center;gap:16px;padding:14px;margin-top:16px;background:var(--panel);border:1px solid var(--border);border-radius:12px}