:root{color-scheme:dark;--bg: #161826;--surface: #1c1e2b;--surface-2: #24273a;--border: #292b31;--border-strong: #3f424d;--text: #e9e9ed;--muted: #9397ab;--muted-2: #b2b6ca;--teal: #45b8b4;--teal-light: #a8e0dd;--teal-tint-08: rgba(69, 184, 180, .08);--teal-tint-12: rgba(69, 184, 180, .12);--teal-tint-25: rgba(69, 184, 180, .25);--red: #e5495b;--red-light: #f0a7b0;--red-tint-14: rgba(229, 73, 91, .14);--nav-bg: #12141f;--warn: #facc15;--warn-soft: #fde68a;--warn-tint-10: rgba(250, 204, 21, .1);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-card: 8px;--radius-lg: 14px;--radius-pill: 999px}:root[data-theme=light]{color-scheme:light;--bg: #f4f5f8;--surface: #ffffff;--surface-2: #eceef3;--border: #dfe1e8;--border-strong: #c3c6d1;--text: #1a1c27;--muted: #676b80;--muted-2: #454859;--teal: #1f8a86;--teal-light: #0f6b67;--teal-tint-08: rgba(31, 138, 134, .08);--teal-tint-12: rgba(31, 138, 134, .12);--teal-tint-25: rgba(31, 138, 134, .25);--red: #c22e40;--red-light: #98202f;--red-tint-14: rgba(194, 46, 64, .14);--nav-bg: #ffffff;--warn: #b45309;--warn-soft: #7c4a12;--warn-tint-10: rgba(180, 83, 9, .1)}*{box-sizing:border-box}html,body,#root{height:100%;height:100dvh}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-family:inherit;color:inherit}a{color:var(--teal);text-decoration:none}a:hover{color:var(--teal-light)}*:focus-visible{outline:2px solid var(--teal);outline-offset:2px}::selection{background:#45b8b44d}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:640px;margin:0 auto}.app-header{padding:max(12px,env(safe-area-inset-top)) 16px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-mark{display:flex;align-items:center;gap:8px}.brand-bar{width:8px;height:20px;border-radius:2px;background:var(--teal)}.brand-bar.red{width:3.5px;background:var(--red)}.brand-mark h1{font-size:1.05rem;font-weight:500;margin:0;letter-spacing:-.01em}.app-header-action{font-size:.8rem;color:var(--muted);background:none;border:none;padding:4px}.app-header-action:hover{color:var(--teal-light)}.app-main{flex:1;overflow-y:auto;padding:0 16px 24px}.app-nav{display:flex;border-top:1px solid var(--border);background:var(--nav-bg);padding-bottom:env(safe-area-inset-bottom,0)}.app-nav-item{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px;font-size:.68rem;color:var(--muted);cursor:pointer}.app-nav-item.active{color:var(--teal)}.app-nav-indicator{width:16px;height:2px;border-radius:1px;background:transparent}.app-nav-item.active .app-nav-indicator{background:var(--teal)}.error-banner{background:var(--red);color:#fff;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem}.loading-hint,.empty-hint{color:var(--muted);text-align:center;padding:24px 0;font-size:.9rem}.screen{display:flex;flex-direction:column;gap:14px;animation:km-fade .2s ease}@keyframes km-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.screen-header h2{margin:0;font-size:1.35rem;font-weight:500;letter-spacing:-.01em}.screen-header-meta{font-size:.8rem;color:var(--muted)}h2{font-size:1.1rem;font-weight:500}h3{font-size:.85rem;font-weight:500;color:var(--muted);margin:0;text-transform:uppercase;letter-spacing:.08em}label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted)}.meta-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}input[type=text],input[type=number],input[type=search],input[type=password],select,textarea{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-card);padding:11px 14px;color:var(--text);font-size:.95rem;min-height:44px}textarea{min-height:0}input::placeholder{color:var(--muted)}.checkbox-label{flex-direction:row;align-items:center;gap:8px;font-size:.9rem;color:var(--text)}.checkbox-label input{width:20px;height:20px;min-height:0}button{cursor:pointer;border-radius:var(--radius-card);border:1px solid transparent;padding:10px 16px;font-size:.92rem;font-weight:500;font-family:inherit;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--text)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{border-color:var(--teal);color:var(--teal-light);background:transparent}.btn-secondary{border-color:var(--border-strong);color:var(--text);background:transparent}.btn-danger{border-color:var(--red);color:var(--red-light);background:transparent}.btn-link-danger{background:none;border:none;color:var(--red);text-decoration:underline;font-weight:400;font-size:.85rem;align-self:center;min-height:0;padding:6px}.btn-icon{background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-card);padding:8px;min-height:44px;min-width:44px}.btn-icon-danger{color:var(--red-light);border-color:var(--red)}.btn-cta{padding:18px;font-size:1.05rem;font-weight:500;width:100%;border-radius:var(--radius-lg);border:1px solid var(--teal);background:var(--teal-tint-08);color:var(--teal-light)}.btn-huge{padding:18px;font-size:1.05rem;width:100%;border-radius:var(--radius-lg)}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:500;background:transparent;box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--muted-2)}.pill-teal{box-shadow:none;background:var(--teal-tint-12);color:var(--teal-light)}.pill-danger{box-shadow:none;background:var(--red-tint-14);color:var(--red-light)}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:0 0 0 1px var(--border);padding:14px}.weekly-ring-card{display:flex;align-items:center;gap:16px}.weekly-ring{width:84px;height:84px;flex-shrink:0}.weekly-ring-info{display:flex;flex-direction:column;gap:4px;min-width:0}.weekly-ring-info strong{font-size:.95rem;font-weight:500}.streak-badge{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--teal-light);margin-top:2px}.streak-badge.inactive{color:var(--muted)}.list{display:flex;flex-direction:column;gap:8px}.list-row{display:flex;align-items:center;gap:12px;background:var(--surface);box-shadow:0 0 0 1px var(--border);border-radius:var(--radius-card);padding:11px;text-align:left;width:100%;color:var(--text)}.list-row-figure{width:44px;height:58px;flex-shrink:0;border-radius:6px;background:var(--bg);overflow:hidden}.figure-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.list-row-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.list-row-info strong{font-size:.92rem;font-weight:500;color:var(--text)}.list-row-meta{font-size:.78rem;color:var(--muted)}.list-row-chevron{color:var(--muted);flex-shrink:0}.accent-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:0 0 0 1px var(--border);border-left:3px solid var(--border-strong);padding:12px 14px}.accent-card.accent-teal{border-left-color:var(--teal)}.accent-card.accent-red{border-left-color:var(--red)}.set-list-item{display:flex;gap:8px;align-items:stretch}.set-list-item .list-row{flex:1}.segmented{display:flex;gap:4px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-card)}.segmented-item{flex:1;padding:11px 8px;border:0;border-radius:6px;font-size:.85rem;font-weight:500;background:transparent;color:var(--muted);min-height:0}.segmented-item.active{background:var(--border-strong);color:var(--text)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);width:100%;text-align:left;color:var(--text);font-size:.88rem}.toggle-track{width:40px;height:22px;border-radius:var(--radius-pill);flex:0 0 auto;display:flex;align-items:center;padding:2px;background:var(--border);box-shadow:inset 0 0 0 1px var(--border-strong);justify-content:flex-start;transition:background .15s ease}.toggle-track.on{background:var(--teal-tint-25);box-shadow:inset 0 0 0 1px var(--teal);justify-content:flex-end}.toggle-thumb{width:18px;height:18px;border-radius:50%;background:var(--muted)}.toggle-track.on .toggle-thumb{background:var(--teal)}.search-field{position:relative;display:flex;align-items:center}.search-field svg{position:absolute;left:14px;color:var(--muted);pointer-events:none}.search-field input{width:100%;padding-left:40px}.filter-pills{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;padding:7px 13px;border-radius:var(--radius-pill);font-size:.82rem;font-weight:500;background:transparent;box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--muted-2);min-height:0}.filter-pill.active{box-shadow:none;background:var(--teal-tint-12);color:var(--teal-light);border:1px solid var(--teal)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal-panel{background:var(--surface);border-radius:16px 16px 0 0;padding:16px;width:100%;max-width:640px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 0 1px var(--border)}.modal-header{display:flex;justify-content:space-between;align-items:center}.picker-filters{display:flex;flex-direction:column;gap:8px}.exercise-form,.set-builder{display:flex;flex-direction:column;gap:12px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.fieldset-card{border:1px solid var(--border);border-radius:var(--radius-card);padding:12px;display:flex;flex-direction:column;gap:8px}.fieldset-card legend,.fieldset-card>.meta-label{padding:0}.checkbox-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.figure-preview{width:96px;height:124px;align-self:center;border-radius:var(--radius-card);background:var(--bg);overflow:hidden}.form-actions,.set-builder-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.set-name-field input{font-size:1.05rem}.set-builder-summary{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}.set-builder-list{display:flex;flex-direction:column;gap:8px}.set-exercise-row{display:flex;gap:10px;background:var(--surface);box-shadow:0 0 0 1px var(--border);border-radius:var(--radius-card);padding:10px}.set-exercise-figure{width:40px;height:54px;flex-shrink:0;border-radius:6px;background:var(--bg);overflow:hidden}.set-exercise-main{flex:1;min-width:0}.set-exercise-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.set-exercise-duration{color:var(--muted);font-size:.78rem;font-family:var(--font-mono)}.set-exercise-params{display:flex;flex-wrap:wrap;gap:8px}.set-exercise-params label{width:88px}.set-exercise-actions{display:flex;flex-direction:column;gap:4px}.template-teile-list{display:flex;flex-direction:column;gap:12px}.programmteil-editor{background:var(--surface);box-shadow:0 0 0 1px var(--border);border-radius:var(--radius-card);padding:12px;display:flex;flex-direction:column;gap:10px}.programmteil-header{display:flex;gap:8px;align-items:center}.programmteil-name{flex:1;font-size:.95rem;font-weight:500;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-card);padding:8px 10px}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-status{margin:0;font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:8px}.settings-status .status-icon-teal{color:var(--teal)}.settings-hint{color:var(--muted);font-size:.78rem;margin:0}.settings-actions-row{display:flex;gap:8px;flex-wrap:wrap}.error-text{color:var(--red-light);font-size:.85rem}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-pill);font-size:.82rem;font-weight:500;background:transparent;box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--muted-2);min-height:0}.chip.active{box-shadow:inset 0 0 0 1px var(--teal);color:var(--teal-light);background:var(--teal-tint-12)}.history-list{display:flex;flex-direction:column;gap:10px}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.history-item-header strong{font-size:.95rem;font-weight:500}.history-item-date{color:var(--muted);font-size:.78rem;margin:4px 0 6px}.history-item-exercises{margin:0;font-size:.82rem;color:var(--muted-2);line-height:1.5}.warning-box{background:var(--warn-tint-10);border:1px solid var(--warn);border-radius:var(--radius-card);padding:8px 12px;font-size:.82rem;color:var(--warn-soft)}.warning-box p{margin:4px 0}.conflict-actions{display:flex;flex-direction:column;gap:8px}.timer-gate{display:flex;flex-direction:column;gap:14px;padding-top:20px}.timer-result{align-items:center;text-align:center;padding-top:15vh}.timer-result-icon{color:var(--teal);animation:km-pop .42s cubic-bezier(.34,1.56,.64,1)}@keyframes km-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.timer-result-stat{margin:0;color:var(--muted-2);font-size:.92rem;display:flex;align-items:center;gap:6px}.timer-result-stat.streak{color:var(--teal-light)}.timer-gate-list{color:var(--muted);font-size:.88rem;padding-left:18px}.timer-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);padding:max(12px,env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom,0));gap:10px;z-index:30;max-width:640px;margin:0 auto;overflow-y:auto}.timer-meta-row{display:flex;justify-content:space-between;gap:8px;font-size:.75rem;color:var(--muted);flex-shrink:0}.timer-progress{height:4px;background:var(--border);border-radius:2px;overflow:hidden;flex-shrink:0}.timer-progress-bar{height:100%;background:var(--teal);transition:width .2s linear}.timer-hint{background:var(--warn-tint-10);color:var(--warn);font-size:.78rem;padding:6px 10px;border-radius:var(--radius-card);text-align:center}.timer-figure{flex:0 0 auto;height:26vh;height:26dvh;min-height:150px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--border);margin:4px 0}.timer-figure svg{height:100%;max-width:100%}.timer-figure-video{flex:1 1 0;height:auto;min-height:240px;position:relative;background:none;box-shadow:none}.timer-screen-video .timer-info{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:12px}.timer-screen-video .timer-info h2{display:none}.timer-screen-video .timer-phase-label{margin:0}.timer-screen-video .timer-countdown{font-size:2.4rem}.timer-screen-video .timer-next{margin:0}.timer-video-wrap{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);aspect-ratio:9 / 16;max-width:100%;border-radius:var(--radius-lg);overflow:hidden;background:#000}.timer-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.timer-video-unlock{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:1;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;border:none;background:var(--teal);color:#fff;font:inherit;font-weight:600;white-space:nowrap}.timer-figure-fallback{text-align:center;padding:0 16px;color:var(--muted)}.timer-info{text-align:center;flex-shrink:0}.timer-info h2{font-size:1.3rem;margin:0 0 6px;font-weight:500}.timer-phase-label{color:var(--teal);margin:0 0 6px;font-size:.95rem;font-weight:500}.timer-countdown{font-size:4rem;font-weight:400;font-family:var(--font-mono);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em}.timer-next{color:var(--muted);font-size:.8rem;margin-top:8px}.timer-hints{margin:10px auto 0;padding:0;list-style:none;max-width:300px;display:flex;flex-direction:column;gap:3px;text-align:left}.timer-hints li{font-size:.76rem;color:var(--muted-2);line-height:1.4}.timer-hints li:before{content:"• ";color:var(--teal)}.timer-controls{display:grid;grid-template-columns:auto auto 1fr auto;gap:10px;align-items:stretch;flex-shrink:0}.confirm-box{display:flex;flex-direction:column;gap:8px;align-items:center;background:var(--surface);box-shadow:0 0 0 1px var(--border);border-radius:var(--radius-card);padding:10px;flex-shrink:0}@media (min-width: 480px){.timer-countdown{font-size:5rem}}