.tab-bar{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:5}.tab-bar::-webkit-scrollbar{display:none}.tab-bar ul[role=tablist]{display:flex;gap:0;margin:0;padding:0 .5em;list-style:none}.tab-bar li{flex:0 0 auto}.tab-bar .tab{background:transparent;border:none;padding:.8em 1em;font-family:DM Sans,sans-serif;font-size:.95em;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s}.tab-bar .tab:hover{color:var(--text-primary)}.tab-bar .tab.active{color:var(--text-primary);border-bottom-color:var(--accent-coral);font-weight:600}.compare-card{background:var(--bg-elevated, #fafafa);border:1px solid var(--border);border-radius:8px;padding:1em;margin:1em 0;font-family:DM Sans,sans-serif}.compare-sides{display:grid;grid-template-columns:1fr 1fr;gap:1em;margin-bottom:.8em}.compare-side{padding:.6em;border-radius:6px;background:var(--bg);border:1px solid var(--border)}.compare-side-label{font-size:.75em;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.3em}.compare-side-name{font-weight:600;color:var(--text-primary);margin-bottom:.3em}.compare-side-rating{font-size:.9em;color:var(--text-secondary, var(--text-primary));margin-bottom:.1em}.compare-side-reviews{font-size:.8em;color:var(--text-tertiary);margin-bottom:.3em}.compare-side-hook{font-size:.85em;color:var(--text-primary);line-height:1.4}.compare-contrast{margin:.8em 0;padding:.6em;color:var(--text-primary);font-style:italic;border-left:3px solid var(--accent-coral)}.compare-dismiss{background:transparent;border:1px solid var(--border);padding:.5em 1em;color:var(--text-primary);cursor:pointer;border-radius:4px;font-family:DM Sans,sans-serif}.compare-dismiss:hover{background:var(--bg)}.scenario-tab-header{display:flex;justify-content:flex-end;padding:.5em 1em 0}.scenario-share-btn{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.4em .9em;font-family:DM Sans,sans-serif;font-size:.9em;color:var(--text-primary);cursor:pointer;transition:background .15s,color .15s,opacity .15s}.scenario-share-btn:hover:not(:disabled){background:var(--bg-elevated, var(--bg))}.scenario-share-btn:disabled{opacity:.6;cursor:default}.scenario-share-btn-done{color:var(--accent-coral, var(--text-primary))}.scenario-share-btn-error{color:var(--accent-error, #c33)}