.theme-picker{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);font-family:'Trebuchet MS',Arial,sans-serif;white-space:nowrap}.theme-picker select{font-size:12px;padding:7px;border-radius:9px;background:var(--paper);color:var(--ink);border:1px solid var(--line);min-height:36px}.theme-floating{position:fixed;top:14px;right:16px;z-index:6}html[data-theme=dark]{--ink:#f0e9f6;--muted:#baacc8;--lilac:#201a29;--paper:#2c2438;--accent:#c6ade3;--pink:#624255;--line:#473a57;color-scheme:dark}html[data-theme=dark] body{background:var(--lilac);color:var(--ink)}html[data-theme=dark] .primary,html[data-theme=dark] .log-set,html[data-theme=dark] .nav-button.active,html[data-theme=dark] .day.selected,html[data-theme=dark] button.primary{background:#c6ade3;color:#241b30}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#251e30;color:var(--ink);border-color:#62516f}html[data-theme=dark] .day{background:#30273b;border-color:var(--line)}html[data-theme=dark] .planned-exercise{border-color:var(--line)}html[data-theme=dark] .small-button:hover,html[data-theme=dark] .outline:hover{background:#453650}html[data-theme=dark] .quiet{background:#624255}html[data-theme=dark] .quiet p{color:#f1dce8}html[data-theme=dark] .note textarea{background:repeating-linear-gradient(transparent 0,transparent 31px,#473a57 31px,#473a57 32px)}html[data-theme=dark] .set-row.saved input{background:#29362c;border-color:#4b684f}html[data-theme=dark] .editor-exercise{background:#251e30}html[data-theme=dark] .timer,html[data-theme=dark] #feedback{background:#483654;color:white}html[data-theme=dark] .gym-link{background:#654c7e;color:white}html[data-theme=dark] .brand,html[data-theme=dark] h1,html[data-theme=dark] h2{color:var(--ink)}html[data-theme=dark] .cow{filter:brightness(.85)}html[data-theme=dark] .chart text{fill:#c5b4d4}html[data-theme=dark] .form-error,html[data-theme=dark] .error{color:#ffacc5}html[data-theme=dark] .finished-label{color:#b8d8b4}
@media(max-width:760px){.topbar{position:relative}.topbar .theme-picker{position:absolute;right:0;top:16px}.topbar .theme-picker{font-size:0}.topbar .theme-picker select{max-width:86px}.topbar .brand{max-width:calc(100% - 90px);white-space:normal}.topbar nav{margin-top:6px}.topbar .brand span{display:block;margin:5px 0 0}}
.theme-segments{position:relative;display:inline-flex!important;gap:0!important;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:15px;flex-shrink:0}.theme-segments button{position:relative;width:36px;height:34px;min-height:34px;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--muted);z-index:1;transition:color 160ms ease,transform 120ms cubic-bezier(.23,1,.32,1)}.theme-segments svg{display:block;width:18px;height:18px}.theme-segments button[aria-pressed=true]{color:var(--ink)}.theme-segments .theme-pill{position:absolute;top:4px;left:4px;width:36px;height:34px;border-radius:10px;background:var(--lilac);transition:transform 180ms cubic-bezier(.77,0,.175,1)}.theme-segments[data-selected=dark] .theme-pill{transform:translateX(36px)}.theme-segments[data-selected=system] .theme-pill{transform:translateX(72px)}.theme-segments button:active{transform:scale(.94)}@media(hover:hover) and (pointer:fine){.theme-segments button:hover{color:var(--ink)}}@media(max-width:760px){.topbar .brand{max-width:calc(100% - 125px)}.topbar .theme-segments{font-size:inherit;top:16px}}@media(prefers-reduced-motion:reduce){.theme-segments button,.theme-segments .theme-pill{transition:none}}