.preference-controls{display:flex;align-items:center;gap:8px}.preference-select{max-width:106px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:10px;padding:7px 5px}.preference-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preference-settings .preference-select{width:100%;max-width:none;padding:11px}.account-button{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:8px 10px;max-width:160px}.account-button svg{width:14px;height:14px}.account-button span{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-intro{font-size:13px;line-height:1.8;color:var(--muted)}.account-google{width:100%;margin:12px 0}.account-tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:24px;flex-wrap:wrap}.account-tabs button{font-size:12px;background:none;color:var(--muted);padding:6px 0}.account-tabs button.active{color:var(--ink);text-decoration:underline;text-underline-offset:8px}:root[data-theme="dark"] .sidebar{background:var(--sidebar)}:root[data-theme="dark"] .metric-icon{background:#2a4030;color:#bfd3ac}:root[data-theme="dark"] .metric:nth-child(2) .metric-icon{background:#46332b;color:#d7b39a}:root[data-theme="dark"] .metric:nth-child(3) .metric-icon{background:#353342;color:#c4b8dc}:root[data-theme="dark"] .overlay{background:#000a}:root[data-theme="dark"] .input::placeholder{color:#829a80}:root[data-theme="dark"] .btn:not(.secondary):not(.ghost):not(.danger){background:#486743;color:#f6faef}:root[data-theme="dark"] .input:focus{box-shadow:0 0 0 3px #344b32}:root[data-theme="dark"] .heat-cell{background:#26392c}:root[data-theme="dark"] .heat-cell.active{background:#758b58}:root[data-theme="dark"] .heat-cell.strong{background:#a7be7d}:root[data-theme="dark"] .fun-card,:root[data-theme="dark"] .dream-card{background:#18281f}:root[data-theme="dark"] #ai-error{background:#422e22;color:#e0c6ac;border-color:#77563c}:root[data-theme="dark"] #ai-error a{color:#f2d5ae}:root[data-theme="dark"] .chart-svg circle{fill:#18281f}
@media(max-width:900px){.top-actions{gap:8px}.preference-select{max-width:90px}.account-button span{max-width:75px}}@media(max-width:650px){.topbar{height:auto;min-height:65px;flex-wrap:wrap;padding:12px 18px;gap:10px}.top-actions{gap:7px;max-width:100%}.preference-select{font-size:10px;max-width:95px}.account-button{font-size:10px;padding:7px}.account-button span{max-width:70px}.preference-settings{grid-template-columns:1fr}.local-badge{display:none}}

.sync-badge{font-size:10px;border:1px solid var(--line);background:var(--paper);color:var(--muted);padding:7px 9px;border-radius:7px;max-width:165px;text-align:left}.sync-badge[data-phase="synced"]{color:var(--green)}.sync-badge[data-phase="error"],.sync-badge[data-phase="conflict"]{color:#bd8154}.sync-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.conflict-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.conflict-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;font:inherit;font-size:12px;line-height:1.7;padding:12px;border:1px solid var(--line);border-radius:8px}@media(max-width:650px){.sync-badge{max-width:130px;font-size:9px}.conflict-grid{grid-template-columns:1fr}}