:root{--bg:#eef2ff;--bg-2:#f9fbff;--panel:#ffffffc7;--panel-solid:#fffffff0;--panel-2:#f4f7ffeb;--text:#172033;--muted:#62708a;--line:#6e84b229;--line-strong:#6e84b23d;--brand:#4f6df5;--brand-2:#8c7dff;--brand-soft:#5b70f61f;--success:#159a6f;--warn:#b96a16;--danger:#cf435a;--shadow:0 20px 60px #2f3f681a;--app-vw:100vw;--app-vh:100vh;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,sans-serif}:root[data-theme=dark]{--bg:#0d1220;--bg-2:#11182a;--panel:#121b2ec7;--panel-solid:#121b2ef5;--panel-2:#162139f0;--text:#f4f7ff;--muted:#9ca9c6;--line:#97ade124;--line-strong:#97ade138;--brand:#7a8dff;--brand-2:#9d8cff;--brand-soft:#7a8dff24;--shadow:0 24px 70px #00000059}*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:color-mix(in srgb, var(--panel-2) 82%, transparent);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 72%, var(--panel-solid)), color-mix(in srgb, var(--brand-2) 78%, var(--panel-solid)));background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 84%, var(--panel-solid)), color-mix(in srgb, var(--brand-2) 88%, var(--panel-solid)));background-clip:padding-box;border:2px solid #0000}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--brand) 80%, var(--panel-solid)) color-mix(in srgb, var(--panel-2) 82%, transparent)}html,body,#root{min-height:100%;width:min(100%, var(--app-vw));max-width:min(100%, var(--app-vw));margin:0}html{scroll-behavior:smooth;scrollbar-gutter:stable;overscroll-behavior-x:none;overflow-x:clip}body{background:linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 100%);color:var(--text);overscroll-behavior-x:none;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 0 0,#7386ff1a,#0000 28%),radial-gradient(circle at 100% 0,#a273ff14,#0000 22%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;min-width:0}img,svg,video,canvas{max-width:100%;display:block}button{transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s,opacity .16s}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}input,select,textarea{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 90%, white 10%);width:100%;color:var(--text);border-radius:16px;outline:none;min-height:46px;padding:12px 14px}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;background-image:none;padding-right:42px}.select-chevron{pointer-events:none;color:var(--muted);font-size:.95rem;line-height:1;position:absolute;top:50%;right:14px;transform:translateY(-50%)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{margin:0}input[type=number]::-webkit-inner-spin-button{margin:0}input:focus,select:focus,textarea:focus{border-color:#5c71f68c;box-shadow:0 0 0 4px #5c71f61f}textarea{resize:vertical;min-height:110px}.shell{min-height:100vh;width:min(100%, var(--app-vw));max-width:min(100%, var(--app-vw));grid-template-columns:300px minmax(0,1fr);display:grid;overflow-x:clip}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--panel-solid) 92%, transparent) 0%, color-mix(in srgb, var(--panel) 86%, transparent) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-self:start;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-radius:20px;place-items:center;width:56px;height:56px;font-size:1.45rem;font-weight:800;display:grid;box-shadow:0 14px 32px #4f6df547}.brand h1{margin:0;font-size:1.2rem}.brand p{color:var(--muted);margin:4px 0 0;font-size:.95rem}.sidebar-footer{border:1px solid var(--line);background:var(--panel-solid);box-shadow:var(--shadow);border-radius:24px;gap:12px;min-width:0;margin-top:auto;padding:16px;display:grid}.sidebar-footer p{color:var(--muted);margin:4px 0 0;font-size:.9rem}.appearance-select{min-width:120px}.sidebar-footer .actions-row>*{flex:140px}.sidebar-utility-row{flex-wrap:wrap;gap:10px;display:flex}.utility-icon-btn,.bottom-tool-btn{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 94%, transparent);width:46px;min-width:46px;height:46px;min-height:46px;color:var(--text);border-radius:999px;flex:none;place-items:center;padding:0;display:inline-grid}.utility-icon-btn svg,.bottom-tool-btn svg{width:18px;height:18px}.utility-lang-btn,.bottom-tool-btn{letter-spacing:.04em;font-weight:800}.utility-lang-code{font-size:.82rem;line-height:1}.content{width:100%;padding:20px 24px calc(124px + env(safe-area-inset-bottom));align-content:start;min-width:0;max-width:100%;overflow-x:clip}@media (width>=961px){html,body,#root{height:100%}body{overflow:hidden}.shell{height:100vh;min-height:100vh;overflow:hidden}.sidebar{height:100vh;max-height:100vh;overflow-y:auto}.content{overscroll-behavior:contain;height:100vh;overflow-y:auto}}.nav-list{gap:8px;display:grid}.nav-item{color:var(--muted);border-radius:18px;align-items:center;gap:12px;min-width:0;padding:13px 14px;display:flex}.nav-item.active{color:var(--text);background:linear-gradient(135deg, var(--brand-soft), transparent);border:1px solid #6076ff29;font-weight:700}.nav-item.active .nav-icon{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000;box-shadow:0 10px 24px #4f6df52e}.nav-item.compact{flex-direction:column;justify-content:center;gap:7px;min-width:86px;padding:10px 14px;font-size:.76rem}.nav-icon{text-align:center;background:color-mix(in srgb, var(--panel-2) 84%, transparent);border:1px solid var(--line);border-radius:11px;place-items:center;width:32px;min-width:32px;height:32px;display:grid}.nav-icon svg{width:18px;height:18px}.bottom-nav{display:none}.page-stack,.page-column-stack{align-content:start;gap:20px;display:grid}.page-header{justify-content:space-between;align-items:end;gap:18px;display:flex}.page-header h2{margin:0;font-size:clamp(1.7rem,2vw,2.4rem);line-height:1.08}.page-header p{color:var(--muted);max-width:840px;margin:8px 0 0}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.84rem;font-weight:800}.grid{gap:18px;min-width:0;display:grid}.gap-sm{gap:14px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col-wide{grid-template-columns:1.06fr .94fr}.three-col,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.five-col{grid-template-columns:repeat(5,minmax(0,1fr))}.card{isolation:isolate;background:color-mix(in srgb, var(--panel-solid) 94%, transparent);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;min-width:0;max-width:100%;padding:20px;position:relative;overflow:clip visible}.card>*,.card-head>*,.task-row>*,.section-head>*{min-width:0;max-width:100%}.card:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#7c90ff0f,#0000 32%,#9d8cff0a 100%);position:absolute;inset:0}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-head h3{margin:0;font-size:1.02rem}.feature-card .card-head{margin-bottom:12px}.stat-label,.muted{color:var(--muted)}.stat-value,.big-number{font-size:clamp(1.8rem,2.6vw,2.5rem);font-weight:800;line-height:1}.stat-hint{color:var(--muted);margin-top:8px}.hero-line{font-size:1.1rem;line-height:1.6}.progress-wrap{gap:8px;margin-top:10px;display:grid}.progress-line{background:color-mix(in srgb, var(--panel-2) 82%, transparent);border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--brand-2));height:100%}.progress-meta{color:var(--muted);justify-content:space-between;gap:12px;display:flex}.btn{background:color-mix(in srgb, var(--panel-solid) 94%, white 6%);border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:normal;overflow-wrap:anywhere;border-radius:15px;padding:11px 14px;box-shadow:0 4px 18px #1423460a}.btn.primary{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000}.btn.danger{color:var(--danger)}.badge{background:color-mix(in srgb, var(--panel-2) 90%, white 10%);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:800}.badge.soft{background:var(--brand-soft);color:var(--brand);border-color:#0000}.badge.warn{color:var(--warn);background:#ffa73524;border-color:#0000}.badge.success{color:var(--success);background:#14b47329;border-color:#0000}.clean-list,.stack-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.compact-list .task-row{padding-block:10px}.task-row,.library-card,.template-item-box,.exercise-log-card,.history-session-card,.history-item-box{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 92%, transparent);border-radius:20px;min-width:0;padding:14px}.task-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.task-row.wrap{align-items:flex-start}.meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.actions-row{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.chip-row,.tab-bar,.bottom-nav-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overscroll-behavior-x:contain;overscroll-behavior-inline:contain;touch-action:pan-x;flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;max-width:100%;padding-top:2px;padding-bottom:4px;display:flex;overflow:auto hidden}.actions-row>*{flex:none}.compact-icon-btn{text-align:center;place-items:center;width:46px;min-width:46px;height:46px;min-height:46px;padding-block:0;padding-inline:0;line-height:1;display:inline-grid}.chip-row>*,.tab-bar>*,.bottom-nav-scroll>*{flex:none}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-gap{margin-top:8px}.top-gap{margin-top:12px}.top-gap-sm{margin-top:8px}.tiny{font-size:.82rem}.no-margin{margin:0}.field{gap:8px;min-width:0;display:grid}.field span{color:var(--muted);font-weight:700}.form-grid{gap:14px;min-width:0;display:grid}.empty-state{border:1px dashed var(--line-strong);color:var(--muted);background:color-mix(in srgb, var(--panel-solid) 70%, transparent);border-radius:20px;padding:18px}.empty-state p{margin:6px 0 0}.library-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.timer-face{letter-spacing:.06em;margin-bottom:14px;font-size:3rem;font-weight:800}.chip{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 92%, white 8%);color:var(--text);cursor:pointer;border-radius:999px;padding:9px 13px}.chip-active{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000}.bar-chart-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overscroll-behavior-x:contain;overscroll-behavior-inline:contain;touch-action:pan-x;width:100%;min-width:0;max-width:100%;padding-top:2px;padding-bottom:6px;overflow:auto hidden}.bar-chart{align-items:end;gap:14px;min-height:230px;display:flex}.bar-col{flex:0 0 52px;justify-items:center;gap:8px;min-width:52px;display:grid}.bar{background:linear-gradient(180deg, color-mix(in srgb, var(--brand-2) 75%, white), var(--brand));border-radius:14px 14px 6px 6px;width:100%;max-width:48px;min-height:8px}.loading,.loading-screen{color:var(--muted);padding:40px}.loading-screen{place-items:center;min-height:100vh;display:grid}.auth-shell{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-shell>.auth-card,.auth-shell .auth-card.auth-card-polish{flex:none;margin-inline:auto;width:min(100%,460px)!important;max-width:460px!important}.auth-card-polish{padding:28px}.auth-backdrop-glow{filter:blur(26px);opacity:.45;pointer-events:none;border-radius:999px;position:absolute}.auth-backdrop-glow-one{background:#677aff59;width:320px;height:320px;top:-40px;left:-60px}.auth-backdrop-glow-two{background:#9665ff3d;width:280px;height:280px;bottom:-40px;right:-50px}@media (width<=640px){.auth-shell{padding:16px}.auth-shell>.auth-card,.auth-shell .auth-card.auth-card-polish{width:100%!important;max-width:100%!important}.auth-card-polish{padding:20px}}.auth-form{flex-direction:column;gap:.9rem;width:100%;display:flex}.auth-form .actions-row{flex-direction:column;gap:.75rem;display:flex}.auth-form .actions-row .btn{width:100%}.error-box{color:var(--danger);background:#ff73911f;border:1px solid #f8849952;border-radius:14px;padding:12px 14px}.toast{z-index:30;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;padding:14px 18px;font-weight:700;position:sticky;top:10px}.toast.is-success{color:#0f8f60;background:#12b17324;border:1px solid #12b17342}.toast.is-error{color:#c53854;background:#ff608224;border:1px solid #ff608242}.dashboard-shell{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:20px;display:grid}.dashboard-main,.dashboard-side{min-width:0}.session-summary-box{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.summary-pill{background:color-mix(in srgb, var(--panel-2) 80%, transparent);border:1px solid var(--line);border-radius:18px;gap:6px;padding:12px;display:grid}.summary-pill strong{font-size:1rem}.summary-pill span{color:var(--muted);font-size:.82rem}.exercise-log-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.exercise-log-head .actions-row{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-x:contain;overscroll-behavior-inline:contain;touch-action:pan-x;flex-wrap:nowrap;max-width:100%;padding-top:2px;padding-bottom:2px;overflow:auto hidden}.exercise-log-head .actions-row>*{scroll-snap-align:start;flex:none}.session-item-actions>*{flex:none}.session-item-actions>.btn,.session-item-actions>button,.session-item-actions>a{width:auto;min-width:0}.session-item-actions>.compact-icon-btn{flex:0 0 46px;width:46px;min-width:46px;height:46px;min-height:46px;padding:0}.exercise-log-head h4{margin:0;font-size:1rem}.recent-log-banner{background:color-mix(in srgb, var(--brand-soft) 85%, transparent);color:var(--text);border-radius:16px;margin-top:12px;margin-bottom:12px;padding:12px 14px}.set-row-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 84%, transparent);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:12px;display:grid}.set-row-card.is-complete{background:#159a6f14;border-color:#159a6f59}.set-badge{background:color-mix(in srgb, var(--panel-2) 86%, transparent);border-radius:12px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.set-actions-stack{gap:8px;display:grid}.set-action-circle{border:1px solid var(--line);background:var(--panel-solid);cursor:pointer;border-radius:12px;width:36px;height:36px}.workout-set-grid,.distance-rich-grid,.mixed-rich-grid{gap:12px;min-width:0;display:grid}.duration-inputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.mixed-top-row{grid-template-columns:repeat(3,minmax(0,1fr))}.movement-image-strip{overscroll-behavior-x:contain;overscroll-behavior-inline:contain;touch-action:pan-x;gap:10px;max-width:100%;padding-top:2px;padding-bottom:4px;display:flex;overflow-x:auto}.movement-image{object-fit:cover;border:1px solid var(--line);border-radius:18px;width:180px;height:120px}.history-detail-list{gap:12px;margin-top:12px;display:grid}.rest-overlay{z-index:40;width:calc(100% - 24px);max-width:430px;position:fixed;bottom:96px;right:18px}.rest-overlay-card{background:var(--panel-solid);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:16px}.rest-overlay-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.timer-face-sm{text-align:center;min-width:78px;font-weight:800}.desktop-scroll-card{min-height:0}.desktop-scroll-body{align-content:start;gap:14px;min-height:0;display:grid}.progress-chart-wrap{padding-top:2px;overflow-x:auto}.scroll-area{min-width:0;padding-top:2px}.compact-field{min-width:0}.duration-stack{gap:12px;min-width:0;display:grid}.responsive-two-col,.responsive-three-col{min-width:0}.actions-below{align-items:flex-start}.template-item-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.routine-card,.movement-image-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 90%, transparent);border-radius:22px;padding:14px}.routine-card{gap:12px;display:grid}.movement-image-card{gap:10px;min-width:min(260px,72vw);display:grid}.movement-page,.progress-page,.profile-page{min-width:0}.movement-focus-bar{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 92%, transparent);box-shadow:var(--shadow);border-radius:22px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.movement-launch-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.movement-quick-add{gap:10px;display:grid}.movement-active-header{grid-template-columns:minmax(0,1fr) minmax(280px,auto);align-items:end;gap:14px;display:grid}.movement-date-time-row{gap:14px;display:grid}.movement-date-time-fields{grid-template-columns:repeat(2,minmax(0,220px));justify-content:start;gap:12px;max-width:100%;display:grid}.movement-summary-row{grid-template-columns:repeat(4,minmax(0,1fr))}.movement-date-time-row>.session-summary-box{display:none}.movement-active-header-copy{min-width:0}.movement-disclosure{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 90%, transparent);border-radius:20px;padding:12px 14px}.movement-page details.movement-disclosure{display:none}.movement-disclosure summary{cursor:pointer;color:var(--text);font-weight:700}.movement-disclosure[open] summary{margin-bottom:2px}.movement-single-pane{grid-template-columns:minmax(0,1fr)}.simple-rest-timer{background:radial-gradient(circle at top right, #4f6df529, transparent 34%), color-mix(in srgb, var(--panel-solid) 94%, transparent);border:1px solid #5c71f638;border-radius:18px;gap:12px;padding:14px 16px;display:grid}.inline-rest-timer-head{gap:4px;display:grid}.rest-timer-value,.simple-rest-timer strong{letter-spacing:.04em;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1}.rest-timer-progress{background:color-mix(in srgb, var(--panel-2) 82%, transparent);border-radius:999px;width:100%;height:10px;overflow:hidden}.rest-timer-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--brand-2));height:100%}.inline-rest-timer-actions{flex-wrap:wrap;gap:10px;display:flex}.inline-rest-timer-actions .btn{min-width:96px}.history-period-shell{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 90%, transparent);border-radius:22px;gap:14px;padding:14px;display:grid}.history-period-top,.history-calendar-head,.history-period-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.history-period-nav strong{font-size:1rem}.segmented-control{background:color-mix(in srgb, var(--panel-2) 82%, transparent);border-radius:999px;grid-auto-flow:column;gap:6px;padding:4px;display:inline-grid}.segmented-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:40px;padding:10px 14px}.segmented-btn.is-active{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;box-shadow:0 10px 24px #4f6df53d}.history-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.history-calendar-label{text-align:center;color:var(--muted);font-size:.78rem;font-weight:700}.history-calendar-day{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 92%, transparent);min-height:60px;color:var(--text);border-radius:18px;place-items:center;gap:4px;padding:10px 6px;display:grid}.history-calendar-day.is-muted{opacity:.45}.history-calendar-day.has-workout{border-color:color-mix(in srgb, var(--brand) 32%, var(--line));background:color-mix(in srgb, var(--brand-soft) 72%, transparent)}.history-calendar-day.is-selected{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000}.history-calendar-day small{font-size:.72rem;font-weight:700}.page-stack>:first-child,.page-column-stack>:first-child,.content>:first-child{margin-top:0}.surface-clean{background:0 0}@media (width>=1101px){.desktop-page{min-height:auto}.desktop-scroll-card{min-height:260px}.dashboard-shell .desktop-scroll-card{max-height:520px}.dashboard-shell .desktop-scroll-body{max-height:430px;padding-right:6px;overflow:auto}}@media (width<=1100px){.three-col,.stats-grid,.five-col,.dashboard-shell,.two-col-wide{grid-template-columns:1fr}}@media (width<=960px){input,select,textarea{font-size:16px}.shell{min-height:var(--app-vh);max-width:min(100%, calc(var(--app-vw) - 8px));width:min(100%, calc(var(--app-vw) - 8px));grid-template-columns:1fr;margin-inline:auto;overflow-x:hidden}.sidebar{display:none}.content{width:100%;max-width:100%;padding:14px max(10px, env(safe-area-inset-right)) calc(148px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));overflow-x:hidden}.page-header{flex-direction:column;align-items:start}.page-header>*{width:100%;min-width:0}.two-col,.three-col,.stats-grid,.five-col,.duration-inputs,.mixed-top-row,.session-summary-box{grid-template-columns:1fr}.exercise-log-head{flex-direction:column}.movement-main-grid>.card:first-child{box-shadow:none;background:0 0;border:0;border-radius:0;padding:16px 0 0}.movement-main-grid>.card:first-child:before{content:none}.movement-main-grid>.card:first-child>.card-head{padding:0 2px 4px}.set-row-card{grid-template-columns:1fr}.bottom-nav{bottom:max(8px, env(safe-area-inset-bottom));z-index:20;width:min(calc(var(--app-vw) - 20px), calc(100% - 20px));max-width:min(calc(var(--app-vw) - 20px), calc(100% - 20px));background:color-mix(in srgb, var(--panel-solid) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:var(--shadow);box-sizing:border-box;border-radius:24px;padding:8px;display:block;position:fixed;left:50%;right:auto;overflow:hidden;transform:translate(-50%)}.bottom-nav-scroll{scrollbar-width:none;gap:8px;width:100%;min-width:0;max-width:100%}.bottom-nav-scroll::-webkit-scrollbar{display:none}.nav-item.compact{min-width:82px}.nav-item.compact .nav-icon{border-radius:12px;width:34px;min-width:34px;height:34px}.rest-overlay{max-width:none;bottom:92px;left:12px;right:12px}.template-item-head{flex-direction:column}.movement-focus-bar,.movement-active-header{grid-template-columns:1fr}.movement-focus-bar{display:grid}.movement-date-time-fields,.movement-summary-row{grid-template-columns:1fr}.movement-summary-rail{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:10px;padding-top:2px;padding-bottom:4px;display:flex;overflow:auto hidden}.movement-summary-rail .summary-pill{scroll-snap-align:start;flex:0 0 min(220px,78%);max-width:220px}.progress-page .task-row .meta-row,.movement-page .task-row .meta-row,.profile-page .task-row .meta-row{width:100%}}.tab-btn{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 90%, transparent);color:var(--muted);white-space:normal;text-align:center;border-radius:16px;min-height:44px;padding:11px 14px}.tab-btn.is-active{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000;box-shadow:0 12px 28px #4f6df53d}.movement-main-grid{align-items:start}.set-main-stack{gap:10px;min-width:0;display:grid}.set-inline-actions{flex-flow:row;place-self:end;align-items:end;gap:8px;display:flex}.set-inline-actions .set-action-circle,.set-inline-actions .set-done-btn{width:46px;min-width:46px;height:46px;min-height:46px}.set-row-card.has-active-timer{border-color:#5c71f661;box-shadow:0 10px 24px #4f6df51f}.single-badge{width:auto;min-width:60px;padding-inline:12px}.set-done-btn{width:46px;min-width:46px;min-height:46px;color:var(--muted);background:color-mix(in srgb, var(--panel-solid) 92%, transparent);place-self:end;place-items:center;padding:0;font-size:0;font-weight:800;line-height:0;display:grid;position:relative}.set-done-btn:before{content:"✓";color:currentColor;place-items:center;font-size:1.05rem;font-weight:900;display:grid;position:absolute;inset:0}.set-done-btn.is-complete:before,.set-done-btn.is-active:before{color:#fff}.set-action-circle.is-active,.set-action-circle.is-complete,.set-action-circle.is-muted.is-active{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000}.set-done-btn{color:var(--muted);background:color-mix(in srgb, var(--panel-solid) 92%, transparent);place-items:center;font-size:0;display:grid;position:relative}.set-done-btn:after{content:"";background:0 0;border:2px solid;border-radius:999px;width:18px;height:18px}.set-done-btn.is-complete,.set-done-btn.is-active{color:#fff}.set-done-btn.is-complete:after,.set-done-btn.is-active:after{border-top:0;border-bottom:2px solid;border-left:2px solid;border-right:0;border-radius:0;width:10px;height:6px;transform:rotate(-45deg)translateY(-1px)}.set-done-btn:before{content:none!important}.set-done-btn:after{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.set-done-btn.is-complete:after,.set-done-btn.is-active:after{transform:translate(-50%,-58%)rotate(-45deg)}.set-done-btn:disabled{opacity:.82;cursor:default}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inline-rest-timer{background:color-mix(in srgb, var(--brand-soft) 72%, transparent);border:1px solid #5c71f638;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.inline-rest-timer strong{letter-spacing:.03em;font-size:1.15rem}.weight-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end}.compact-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end}.compact-grid-weighted{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.duration-rich-grid,.distance-rich-grid,.mixed-rich-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end}.exercise-log-card{border:1px solid color-mix(in srgb, var(--line) 88%, transparent);background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand-soft) 24%, transparent), transparent 38%), color-mix(in srgb, var(--panel-solid) 96%, var(--panel) 4%);border-radius:24px;gap:14px;padding:16px;display:grid;box-shadow:0 10px 24px #0f172a0d}.exercise-log-card .actions-row{align-items:center}.exercise-log-card .chip-row{padding-bottom:6px}.exercise-setup-note{border:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:color-mix(in srgb, var(--panel-2) 72%, transparent);border-radius:16px;gap:4px;padding:10px 12px;display:grid}.toggle-row{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 90%, white 10%);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:12px 14px;display:flex}.toggle-row input[type=checkbox]{flex:none;width:20px;height:20px;min-height:20px}@media (width<=960px){.responsive-two-col,.responsive-three-col{grid-template-columns:1fr!important}.weight-grid,.compact-grid,.duration-rich-grid,.distance-rich-grid,.mixed-rich-grid{grid-template-columns:1fr}.inline-rest-timer{display:grid}.set-done-btn{justify-self:start;min-width:46px;min-height:46px}.set-inline-actions{justify-self:start}.movement-image-card{min-width:min(220px,78%);max-width:220px}.inline-rest-timer-actions .btn{flex:120px;min-width:0}}.autocomplete-wrap{flex-direction:column;gap:.65rem;min-width:0;display:flex}.autocomplete-empty{border:1px dashed color-mix(in srgb, var(--border) 75%, transparent);background:color-mix(in srgb, var(--card) 88%, transparent);color:var(--muted-foreground);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:.95rem 1rem;font-size:.95rem;line-height:1.45}.autocomplete-list{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:color-mix(in srgb, var(--card) 94%, transparent);border-radius:22px;min-width:0;padding:.45rem;box-shadow:0 10px 30px #0000000f,inset 0 1px #ffffff0a}.autocomplete-scroll{max-height:22rem;overflow:hidden auto}.autocomplete-item{background:color-mix(in srgb, var(--panel-solid) 92%, transparent);text-align:left;cursor:pointer;border:0;border:1px solid var(--line);border-radius:18px;justify-content:flex-start;align-items:center;gap:.9rem;width:100%;min-width:0;margin-bottom:.45rem;padding:.8rem .85rem;transition:background .16s,transform .16s,box-shadow .16s,border-color .16s;display:flex}.autocomplete-item:hover{background:color-mix(in srgb, var(--brand-soft) 62%, var(--panel-solid));border-color:var(--line-strong);box-shadow:0 6px 18px #0000000f}.autocomplete-item:focus-visible{background:color-mix(in srgb, var(--brand-soft) 74%, var(--panel-solid));box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 36%, transparent);outline:none}.autocomplete-item-main{flex-direction:column;flex:1;gap:.45rem;min-width:0;display:flex}.autocomplete-item-title-row{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.autocomplete-item-title-row strong{color:var(--text);font-size:.98rem;line-height:1.2}.autocomplete-cta{background:color-mix(in srgb, var(--accent) 14%, var(--card));min-width:66px;height:36px;color:var(--foreground);border:1px solid color-mix(in srgb, var(--border) 72%, transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 .9rem;font-size:.84rem;font-weight:600;display:inline-flex}.autocomplete-item .badge,.autocomplete-item .autocomplete-cta{display:none}.autocomplete-item:hover .autocomplete-cta,.autocomplete-item:focus-visible .autocomplete-cta{background:color-mix(in srgb, var(--accent) 22%, var(--card))}.autocomplete-scroll::-webkit-scrollbar{width:10px}.autocomplete-scroll::-webkit-scrollbar-track{background:0 0}.autocomplete-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted-foreground) 28%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.autocomplete-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--muted-foreground) 42%, transparent);background-clip:padding-box;border:2px solid #0000}.dark .autocomplete-list{box-shadow:0 12px 28px #00000038,inset 0 1px #ffffff08}.dark .autocomplete-item:hover{box-shadow:0 8px 22px #0000002e}@media (width<=767px){.autocomplete-list{border-radius:18px;padding:.35rem}.autocomplete-scroll{max-height:18rem}.autocomplete-item{align-items:flex-start;padding:.8rem}.autocomplete-cta{min-width:58px;height:34px;padding:0 .75rem}}.no-top-gap{margin-top:0}.picker-filter-shell{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 80%, transparent);border-radius:22px;padding:14px}.session-items-scroll{max-height:980px;padding-top:2px;padding-right:4px;overflow:auto}.history-scroll{max-height:920px;padding-top:2px;padding-right:4px;overflow:auto}.card-scroll-sm{max-height:360px;padding-top:2px;padding-right:4px;overflow:auto}.card-scroll-lg{max-height:840px;padding-top:2px;padding-right:4px;overflow:auto}.library-thumb{object-fit:cover;border:1px solid var(--line);border-radius:16px;width:64px;height:64px}@media (width<=960px){.autocomplete-item{grid-template-columns:1fr;align-items:flex-start}.autocomplete-cta{min-width:100%}.session-items-scroll,.history-scroll,.card-scroll-sm,.card-scroll-lg{max-height:none}}.responsive-stack,.responsive-stack-sm,.no-squeeze{min-width:0}@media (width<=960px){html{font-size:15.5px}body{overflow-x:hidden}.card{border-radius:22px;width:100%;max-width:100%;padding:16px;overflow-x:clip}.card-head,.section-head,.task-row,.task-row.wrap,.exercise-log-head,.inline-rest-timer,.progress-meta{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;display:flex}.actions-row{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.actions-row>*{flex:calc(50% - 10px);min-width:min(180px,100%);max-width:100%}.actions-row>.btn,.actions-row>button,.actions-row>select,.actions-row>a{white-space:normal;width:100%;min-height:46px}.actions-row>.compact-icon-btn{flex:0 0 46px;width:46px;min-width:46px;height:46px;min-height:46px}.session-item-actions>*{flex:none;min-width:0}.session-item-actions>.btn,.session-item-actions>button,.session-item-actions>a{width:46px;min-width:46px}.chip-row,.tab-bar,.bottom-nav-scroll{scroll-snap-type:x proximity;flex-wrap:nowrap;padding-bottom:2px;overflow:auto hidden}.meta-row{flex-wrap:wrap;min-width:0;max-width:100%;padding-bottom:0;overflow-x:visible}.chip-row>*,.tab-bar>*,.bottom-nav-scroll>*{scroll-snap-align:start;flex:none;min-width:0}.card>.grid,.card>.form-grid,.card>.stack-list,.card>.clean-list,.card>.actions-row,.card>.meta-row,.card>.task-row{width:100%;min-width:0;max-width:100%}.tab-btn,.chip,.nav-item.compact,.badge{white-space:normal;text-align:center}.tab-btn,.chip{min-height:44px}.bottom-nav{padding-left:10px;padding-right:10px}.bottom-nav-scroll{gap:8px;display:flex}.bottom-tool-btn{min-width:0}.nav-item.compact{min-width:88px}.library-grid,.grid,.form-grid,.workout-set-grid,.duration-inputs,.mixed-top-row,.session-summary-box,.weight-grid,.compact-grid,.duration-rich-grid,.distance-rich-grid,.mixed-rich-grid{grid-template-columns:1fr!important}.set-row-card{gap:10px;padding:12px}.set-actions-stack{grid-template-columns:1fr 1fr}.set-action-circle,.set-done-btn{width:100%;min-width:0;min-height:44px}.set-inline-actions .set-action-circle,.set-inline-actions .set-done-btn{width:46px;min-width:46px;min-height:46px}.field span{line-height:1.25}input,select,textarea{border-radius:14px;padding:11px 13px}.autocomplete-list{border-radius:18px;gap:8px;padding:8px}.autocomplete-item{grid-template-columns:1fr;align-items:stretch;gap:12px;padding:12px;display:grid}.autocomplete-cta{width:100%;min-width:0}.progress-page .progress-chart-wrap,.movement-page .progress-chart-wrap{margin-inline:-2px}.session-items-scroll,.history-scroll,.card-scroll-sm,.card-scroll-lg,.desktop-scroll-body{max-height:none;padding-right:0;overflow:visible}}@media (width<=640px){.content{padding:12px max(8px, env(safe-area-inset-right)) calc(138px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.page-stack,.page-column-stack,.stack-list,.clean-list{gap:14px}.page-header h2{font-size:clamp(1.45rem,7vw,1.9rem)}.eyebrow{margin-bottom:6px}.actions-row>*{flex-basis:100%}.actions-row>.compact-icon-btn{flex-basis:46px;width:46px;min-width:46px;max-width:46px;height:46px;min-height:46px}.session-item-actions>*{flex-basis:auto;min-width:0}.session-item-actions>.btn,.session-item-actions>button,.session-item-actions>a{width:auto}.btn,.tab-btn,.chip{padding:12px 14px}.task-row,.library-card,.template-item-box,.exercise-log-card,.history-session-card,.history-item-box{border-radius:18px;width:100%;max-width:100%;padding:12px}.movement-page .task-row,.movement-page .template-item-box,.movement-page .history-session-card,.movement-page .history-item-box{background:0 0;border-left:0;border-right:0;border-radius:0;padding:10px 0}.movement-page .exercise-log-card{border:1px solid color-mix(in srgb, var(--line) 88%, transparent);background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand-soft) 22%, transparent), transparent 42%), color-mix(in srgb, var(--panel-solid) 92%, var(--panel) 8%);border-radius:22px;padding:14px;box-shadow:0 10px 24px #0f172a0a}.movement-page .set-row-card{border-radius:16px}.set-badge{border-radius:10px;width:32px;height:32px}.nav-item.compact{min-width:78px;padding-inline:10px}.nav-item.compact span:last-child{font-size:.72rem}.bottom-nav-scroll .nav-item.compact{min-height:0;padding-inline:8px}}#root{width:min(100%, var(--app-vw));max-width:min(100%, var(--app-vw));overflow-x:clip}.shell,.content,.page-stack,.page-column-stack,.grid,.card,.task-row,.actions-row,.section-head,.dashboard-shell,.dashboard-main,.dashboard-side,.desktop-scroll-body,.desktop-scroll-card{max-width:100%}.page-stack,.page-column-stack,.grid,.card,.task-row,.actions-row,.section-head{min-width:0}.loading-shell{place-items:center;min-height:44vh;padding:32px 16px;display:grid}.loading-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 92%, transparent);box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:14px;padding:16px 18px;display:inline-flex}.spinner{border:2px solid color-mix(in srgb, var(--brand) 18%, var(--line));border-top-color:var(--brand);border-radius:999px;width:22px;height:22px;animation:.9s linear infinite spin}.loading-copy{color:var(--muted);font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.field-compact{width:min(100%,220px);min-width:0;max-width:100%}.input-compact{width:100%;min-width:0;max-width:220px}.movement-date-time-fields>.field,.movement-date-time-fields>.field-compact,.movement-date-time-fields input,.movement-date-time-fields .input-compact,input[type=date],input[type=time]{width:100%;min-width:0;max-width:100%;box-sizing:border-box;appearance:none;inline-size:100%;min-inline-size:0;padding-inline-end:12px;display:block;overflow:hidden}input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left;inline-size:100%}input[type=time]::-webkit-date-and-time-value{min-width:0;text-align:left;inline-size:100%}input[type=date]::-webkit-calendar-picker-indicator{opacity:.88;margin:0}input[type=time]::-webkit-calendar-picker-indicator{opacity:.88;margin:0}@media (width>=961px){.desktop-scroll-card{overflow:hidden}.desktop-scroll-body,.session-items-scroll,.history-scroll,.card-scroll-sm,.card-scroll-lg{overflow:auto}}@media (width<=960px){.desktop-scroll-card,.desktop-scroll-body,.session-items-scroll,.history-scroll,.card-scroll-sm,.card-scroll-lg{max-height:none!important;padding-right:0!important;overflow:visible!important}.chip-row{flex-wrap:nowrap;padding-bottom:2px;overflow:auto hidden}.bar-chart-scroll,.movement-image-strip{padding-bottom:0}.field-compact,.input-compact{width:100%;max-width:100%}}.today-page,.today-layout,.today-main,.today-sidebar,.today-hero,.today-hero-head,.today-hero-copy{min-width:0}.today-layout{gap:18px;display:grid}.today-hero{border:1px solid var(--line);background:radial-gradient(circle at top right, #4f6df529, transparent 30%), linear-gradient(135deg, color-mix(in srgb, var(--panel-solid) 92%, white 8%), color-mix(in srgb, var(--panel) 88%, transparent));box-shadow:var(--shadow);border-radius:28px;padding:24px}.today-hero-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.today-hero-copy{gap:8px;display:grid}.today-hero-label{letter-spacing:.12em;font-size:.78rem;font-weight:800}.today-hero-title{margin:0;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.02}.today-button-rail{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-x:contain;overscroll-behavior-inline:contain;touch-action:pan-x;gap:10px;width:100%;min-width:0;max-width:100%;padding-top:4px;padding-bottom:6px;display:flex;overflow:auto hidden}.today-button-rail>*{scroll-snap-align:start;flex:none;max-width:100%}.today-inline-grid,.today-presets-grid,.today-form-grid,.today-metrics-grid,.today-desktop-grid,.today-main,.today-sidebar{gap:14px;display:grid}.today-inline-grid{grid-template-columns:1fr}.today-presets-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.today-form-grid.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}.today-form-grid.is-three,.today-form-grid.is-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.today-form-grid.is-single,.today-metrics-grid-mobile{grid-template-columns:1fr}.today-desktop-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:18px}.today-sidebar{position:sticky;top:16px}.today-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.today-metrics-rail{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-x:contain;overscroll-behavior-inline:contain;touch-action:pan-x;gap:12px;padding-top:4px;padding-bottom:6px;display:flex;overflow:auto hidden}.today-metric-card-shell{scroll-snap-align:start;flex:0 0 min(18rem,86vw);min-width:min(18rem,86vw)}.today-metric-card-shell>.card,.health-summary-card>.card{height:100%}.today-page .card,.today-page .field,.today-page .progress-wrap,.today-page .task-row,.today-page .meta-row,.today-page .task-row>:first-child,.today-page .card-head>:first-child{min-width:0}.today-focus-shell{max-width:960px;margin-inline:auto;display:grid}.today-focus-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}@media (width<=1100px){.today-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.today-page,.today-layout,.today-page .card,.today-page .stack-list,.today-page section{width:100%;min-width:0;max-width:100%}.today-hero{border-radius:22px;padding:18px}.today-hero-title{font-size:clamp(1.3rem,6vw,1.8rem)}.today-desktop-grid,.today-presets-grid,.today-form-grid.is-two,.today-form-grid.is-three,.today-form-grid.is-actions{grid-template-columns:1fr}.today-desktop-grid{display:grid}.today-desktop-grid .today-sidebar{position:static}.today-metrics-grid{grid-template-columns:none}.today-metrics-rail{width:100%;max-width:100%}.today-metric-card-shell{flex-basis:min(16rem,82vw);min-width:min(16rem,82vw)}.health-summary-rail{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-x:contain;overscroll-behavior-inline:contain;touch-action:pan-x;gap:12px;padding-top:4px;padding-bottom:6px;display:flex;overflow:auto hidden}.health-summary-card{scroll-snap-align:start;flex:0 0 min(18rem,86vw);min-width:min(18rem,86vw)}.today-sidebar{position:static}.today-button-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:100%;margin-inline:0;padding-block:0;display:grid;overflow:visible}.today-button-rail>*{width:100%;min-width:0;max-width:100%}.today-focus-shell .card{border-radius:24px}.today-button-rail .btn{min-width:0;max-width:100%;padding-inline:10px}.history-period-shell{padding:12px}.history-calendar-grid{gap:6px}.history-calendar-day{border-radius:16px;min-height:52px;padding:8px 4px}}@media (width<=640px){.today-layout{gap:14px}.today-hero{padding:16px}.today-button-rail .btn{min-width:0;max-width:100%;padding-inline:12px}}.mini-inline-row{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.mini-inline-input{flex:1;min-width:0}.appearance-toggle{background:var(--card-bg,#ffffff0f);border:1px solid var(--border-color,#ffffff1a);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.appearance-toggle-btn{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-solid) 92%, transparent);color:inherit;font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:8px 14px;transition:background .2s,color .2s,transform .2s;display:inline-flex}.appearance-toggle-btn:hover{background:#ffffff0f}.appearance-toggle-btn.active{background:var(--accent,#6366f1);color:#fff}