@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--primary-color: #1E3A8A;--secondary-color: #16a34a;--danger-color: #d60000;--success-color: #16a34a;--text-color: #1f2937;--border-color: #ddd;--font-family: "Inter", sans-serif;--bg-color: #ffffff;--contrast-color: #fff;--carousel-color: #f0f0f0cc;--c-border-color: #1f2937;--superset-color: #f97316;--radius: 8px;--spacing-sm: .5rem;--spacing-md: 1rem}html,body{margin:0;padding:0;height:100%;background-color:var(--bg-color)!important;font-family:var(--font-family);color:var(--text-color);overflow-x:hidden}html{background:var(--primary-color)!important}body{padding-top:env(safe-area-inset-top,0px);padding-top:constant(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-bottom:constant(safe-area-inset-bottom,0px)}body:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:var(--primary-color);pointer-events:none;z-index:0}#root{height:100%}main.main-content.plan-summary-view{margin-bottom:40px!important}.results-view.container{margin-top:93px}.overflow-y-auto{overflow-y:auto}.app-container{display:flex;height:100%;overflow:hidden}.text-center{text-align:center}.no-select{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.container{max-width:800px;margin:0 auto;padding:1rem .5rem;box-sizing:border-box}.header{position:fixed;top:0;left:0;width:100%;background-color:var(--primary-color);color:var(--contrast-color);z-index:10;box-shadow:0 2px 4px #0000001a;padding-top:1.2rem;padding-bottom:1.2rem}.header-inner{max-width:800px;margin:0 auto;padding:0 1rem;box-sizing:border-box;display:flex;flex-direction:column}.header-top{display:flex;justify-content:space-between;align-items:center}.header-left{margin-right:15px}.header-right{margin-left:15px}.header-title{text-align:center;font-size:1.5rem;font-weight:700;margin-top:.5rem;color:var(--contrast-color)}.plan-details-header{text-align:center;margin-bottom:var(--spacing-md)}.main-content{flex:1;overflow-y:auto;margin-top:90px;margin-bottom:80px;box-sizing:border-box}.main-scroll-area{margin-top:120px;overflow-y:auto}html,body{background-color:var(--primary-color)}.header,.app-header{top:0;padding-top:1.2rem}.app-header{min-height:auto!important;padding-top:1.2rem!important}.safe-area-top{position:fixed;top:0;left:0;width:100vw;height:env(safe-area-inset-top,0px);background-color:var(--primary-color);pointer-events:none;z-index:0}.app-header{background-color:#1e3a8a;position:sticky;top:0;z-index:10}.app-header{min-height:calc(56px + env(safe-area-inset-top))}.footer{position:fixed;bottom:0;left:0;width:100%;background-color:#f0f0f0cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;box-shadow:0 -2px 4px #0000001a;padding-top:1rem;padding-bottom:1rem}.footer-inner{max-width:800px;margin:0 auto;padding:0 1rem;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.footer-inner button{background-color:var(--primary-color);color:var(--contrast-color);border:none;border-radius:8px;font-size:1rem;cursor:pointer;padding:.75rem;margin:0 .5rem;flex:1;text-align:center}.card,.auth-form,.exercise-card,.set-card{width:100%;box-sizing:border-box;margin:0 auto}.card{width:100%;box-sizing:border-box;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative}.card-title{font-size:1.17rem;font-weight:600;margin-bottom:.5rem;flex:1;text-align:left}.exercise-card{width:100%;box-sizing:border-box;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-sm);margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative}.exercise-card,.superset-item{position:relative;border-radius:8px;overflow:hidden}.set-allignment-left{text-align:left}.exercise-info{font-size:.9rem;color:#555;margin-top:.3rem}.set-card{border:1px solid var(--border-color);border-radius:4px;padding:.5rem;margin-bottom:.5rem;background-color:var(--bg-color)}.thumbnail-wrapper{position:relative;width:68px;height:68px;margin-right:var(--spacing-md)}.thumbnail-image{width:68px;height:68px;border-radius:4px;margin-right:var(--spacing-md);object-fit:cover}.thumbnail-placeholder{width:68px;height:68px;background-color:var(--border-color);border-radius:4px;margin-right:var(--spacing-md)}.superset-card{position:relative;border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--spacing-sm);padding-top:1rem;margin-bottom:var(--spacing-sm);margin-left:20px;background-color:var(--bg-color)}.superset-label{position:absolute;top:0;right:0;background-color:var(--superset-color);color:var(--contrast-color);padding:2px 6px;font-size:.8rem;border-bottom-left-radius:4px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;cursor:pointer;line-height:normal}.superset-item{display:flex;align-items:center;border-bottom:1px solid #eee;padding:4px 0}.modal-close-button{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:transparent;border:none;font-size:1.2rem;cursor:pointer;z-index:1}.set-cell{flex:1;text-align:center}.auth-form{width:100%;margin-top:2rem;margin-bottom:2rem;background-color:var(--bg-color);border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;box-sizing:border-box}.auth-form label{display:block;font-weight:600;margin-bottom:.25rem}.auth-form input{width:100%;padding:.75rem;margin-top:.5rem;border:1px solid var(--border-color);border-radius:4px}.auth-form button{width:100%;padding:.75rem;margin-top:1rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.form-input{display:block;width:100%;margin-inline:var(--spacing-sd);margin-bottom:var(--spacing-sd);font-size:1rem;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box}.create-edit-input{font-size:1.4rem;text-align:center;font-weight:700;margin-bottom:1rem}.nav-button{background-color:var(--primary-color);color:var(--contrast-color);border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:11px;margin:.375rem;cursor:pointer}.nav-button.wide{padding:.5rem 1.15rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal{position:relative;background:var(--bg-color);padding:1rem;border-radius:8px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto}.modal-buttons{display:flex;gap:.5rem;margin-top:1rem}.error{color:var(--danger-color)}.info{color:var(--success-color)}.btn--start{background-color:var(--secondary-color);color:var(--contrast-color);border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer}.video-modal-content{position:relative;background-color:var(--bg-color);padding:1rem;border-radius:8px;width:80%;max-width:600px}.video-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.video-content{width:100%;display:block}.sortable{margin-bottom:var(--spacing-sm)}.remove-icon{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);cursor:pointer;font-size:1.2rem}.flex{display:flex}.items-center{align-items:center}.mt-lg{margin-top:var(--spacing-lg)}.text-small{margin:0;font-size:.8rem}.text-muted{color:#666}.flex-row{display:flex}.gap-md{gap:var(--spacing-md)}.no-gap{gap:0!important}.flex-1{flex:1 1 0%}.text-left{text-align:left}.category-section{margin-bottom:var(--spacing-lg)}.category-title{margin:var(--spacing-md) 0 var(--spacing-sm);color:#333;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;-webkit-overflow-scrolling:touch;z-index:1000}.modal-content{background-color:var(--bg-color);border-radius:var(--radius);width:100%;max-width:400px;padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;max-height:90vh;overflow:auto;z-index:1001}.modal-title{font-size:1.25rem;margin-bottom:var(--spacing-md);flex:1;text-align:center}.modal-field-group{display:flex;flex-direction:column;gap:.75rem;margin-bottom:var(--spacing-md)}.modal-label{font-size:1rem;margin-bottom:var(--spacing-sm);display:block}.modal-input{padding:var(--spacing-sm);font-size:1rem;color:var (--primary-color);border:1px solid var(--border-color);border-radius:4px;width:100%;box-sizing:border-box}.modal-buttons{position:sticky;bottom:0;background:var(--surface, #fff);padding-top:12px;margin-top:12px;border-top:1px solid rgba(0,0,0,.08)}.video-modal{display:flex;flex-direction:column;width:90%;max-width:800px;max-height:90vh;overflow:hidden}.btn--modal-primary{padding:.75rem;font-size:1rem;border-radius:4px;border:none;background-color:var(--primary-color);color:var(--contrast-color);width:100%;cursor:pointer}.btn--modal-secondary{padding:.75rem;font-size:1rem;border-radius:4px;border:1px solid var(--border-color);background-color:#f8f9fa;width:100%;cursor:pointer}.btn--link{background:none;border:none;color:var(--primary-color);text-decoration:underline;cursor:pointer;font-size:1rem;padding:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.ml-md{margin-left:var(--spacing-md)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.modal-header{position:sticky;top:0;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;z-index:1}.modal-close-button{background:transparent;border:none;font-size:1.5rem;cursor:pointer;line-height:1}.modal-body{flex:1;padding:var(--spacing-md);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.selection-category{margin-bottom:var(--spacing-md)}.selection-category-title{font-size:1rem;font-weight:600;margin:var(--spacing-sm) 0}.exercise-label{display:flex;align-items:center;padding:var(--spacing-sm);border-radius:4px;cursor:pointer;gap:var(--spacing-sm);background-color:var(--bg-color)}.checkbox-input{flex-shrink:0;width:20px;height:20px}.thumbnail-small{flex-shrink:0;width:40px;height:40px;border-radius:4px;object-fit:cover}.workout-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:4px;margin-right:var(--spacing-md);flex-shrink:0}.exercise-name{font-size:1rem}.workout-superset-container{position:relative;border:1px solid var(--superset-color);border-radius:var(--radius);padding-top:19px;margin-bottom:var(--spacing-sm);background-color:var(--bg-color)}.single-container{border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--spacing-sm);background-color:var(--bg-color)}.superset-badge{position:absolute;top:0;right:0;background-color:var(--superset-color);color:var(--contrast-color);padding:2px 6px;font-size:.75rem;border-bottom-left-radius:4px}.exercise-row{border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background:var(--bg-color)}.status-icon{width:20px;height:20px;margin-left:var(--spacing-md);flex-shrink:0}hr{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-lg) 0}.admin-form{background-color:var(--contrast-color);padding:var(--spacing-lg);box-shadow:0 2px 4px #0000001a;box-sizing:border-box;width:100%;margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:600}.filter-container{position:fixed;top:calc(var(--main-header-height, 104px));left:50%;transform:translate(-50%);padding:1rem;width:calc(100% - 2rem);max-width:600px;background-color:var(--bg-color);z-index:10;border-bottom:1px solid var(--border-color)}.filter-panel{display:flex;flex-direction:column;gap:var(--spacing-md)}.set-circle{width:30px;height:30px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;margin:0 auto;color:#000;background-color:transparent}.set-circle.complete{background-color:var(--secondary-color);color:var(--contrast-color)}.intensity-selector{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-color);cursor:pointer;margin:0 auto;display:block}.intensity-leicht{background-color:green}.intensity-mittel{background-color:#ff0}.intensity-schwer{background-color:red}.sticky-header{position:fixed;left:0;right:0;background:var(--bg-color);z-index:10;padding:0rem 1rem;box-shadow:0 2px 4px #0000000d}.btn--stop{background-color:#999;color:var(--contrast-color);padding:.5rem 1rem;border-radius:var(--radius)}.timer-header{position:sticky;top:6.5px;background-color:var(--bg-color);padding:5px 1rem;z-index:10;min-height:3rem;display:flex;align-items:center;justify-content:center}.progress-bar-container{background:#eee;border-radius:4px;overflow:hidden;height:8px;margin:.5rem 0}.progress-bar{padding-top:.5rem;height:100%;background:var(--primary-color);transition:width .3s ease}.exercise-info-header{display:flex;align-items:center;font-size:.9rem;color:#555;margin-bottom:.5rem}.exercise-table-header{display:flex;justify-content:space-between;font-weight:700;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:12px}.exercise-set-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:0 .5rem .5rem}.exercise-history-row{margin-top:4px;background:#f3f3f3;border-radius:4px;padding:.25rem;display:flex;justify-content:space-between;font-size:11px}.exercise-nav{display:flex;justify-content:space-between;margin-top:1rem}.exercise-nav button{background-color:var(--primary-color);color:var(--contrast-color);border:none;border-radius:8px;padding:.5rem 1rem}.adjusted-top{top:72px}.grid-3-cols{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;column-gap:var(--spacing-sm)}.grid-4-cols{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;text-align:center}.input-center{width:60px;text-align:center;margin:0 auto}.timer-text{font-weight:700;font-size:2.4rem;margin:0 1rem}.info-button{margin-left:8px;padding:4px;background:none;border:none;cursor:pointer}.spaced-nav{display:flex;justify-content:space-between;margin-top:1rem}.timer-controls{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem!important}.timer-control-left,.timer-control-right{flex:0 0 auto}.timer-text{flex:1;text-align:center;font-weight:700;font-size:2rem}.timer-center{display:flex;justify-content:center;width:100%}.no-padding{padding:0!important}.results-container{font-family:Arial,sans-serif;max-width:600px;margin:0 auto;padding-bottom:30px}.metrics-carousel{display:flex;overflow-x:auto;gap:10px;padding:10px 0;margin-bottom:10px}.metrics-carousel-item{min-width:120px;background-color:var(--carousel-color);border-radius:var(--radius);border:1px;padding:10px;text-align:center;flex-shrink:0}.metrics-metric-title{font-size:.8rem;color:#555;margin-bottom:5px}.metrics-metric-value{font-size:1.2rem;font-weight:700}.rest-time-container{margin-top:6px}.plan-cards-container{display:flex;flex-direction:column;gap:10px}.plan-card{border:1px solid var(--border-color);border-radius:var(--radius);padding:12px 10px;background-color:var(--bg-color);cursor:pointer;position:relative}.plan-card-content{display:flex;justify-content:space-between;align-items:center}.plan-intensity-circle{position:absolute;top:50%;right:10px;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--contrast-color);font-weight:700;font-size:.9rem;transform:translateY(-50%)}.accordion-list{margin-top:10px}.accordion-item{border:1px solid var(--border-color);border-radius:var(--radius);margin:8px 0;overflow:hidden}.accordion-header{background-color:var(--bg-color);padding:12px 10px;display:flex;flex-direction:column;align-items:flex-start;position:relative;cursor:pointer}.accordion-title{font-weight:700;font-size:1rem;margin-bottom:4px}.results-title{font-weight:700;font-size:1rem;margin-bottom:4px;margin-top:0!important}.exercise-subline{font-size:.9rem;color:#444;margin-top:.25rem}.accordion-content{background-color:var(--bg-color);padding:0rem .5rem .5rem}.exercise-intensity-circle{position:absolute;top:50%;right:10px;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--contrast-color);font-weight:700;font-size:.9rem;transform:translateY(-50%)}.detail-table{width:100%;border-collapse:collapse}.detail-table td,.detail-table th{border:1px solid var(--border-color);padding:5px;text-align:center;font-size:.9rem}.set-chip{background-color:#999;color:var(--contrast-color);padding:2px 6px;border-radius:4px;font-size:.85rem;margin-right:4px;margin-bottom:4px}.summary-score-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--contrast-color);font-weight:700;font-size:.9rem}.sets-chip-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.exercise-row .card-title,.exercise-row .text-small{margin:0}.plan-summary-header{position:sticky!important;z-index:9;background:var(--bg-color)}.plan-summary-header-title{text-align:center;font-size:1.17rem;font-weight:700;color:var(--text-color);padding:1rem 0rem;margin:0!important}.plan-summary-header .header-title{margin:0!important;font-weight:700}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.footer-icon-btn{background:transparent;border:none;padding:.5rem;margin:0 .25rem;flex:1;display:flex;align-items:center;justify-content:center;border-radius:8px}.footer-icon-btn:active{transform:translateY(1px)}.footer-icon-btn img{width:28px;height:28px;display:block}.icon{width:28px;height:28px}.footer-icon-btn.danger{color:var(--danger-color)}.footer-icon-btn.success{color:var(--success-color)}.footer-inner button.footer-icon-btn{background:transparent;color:inherit;padding:.5rem}.icon-btn{background:transparent;border:none;padding:.5rem;margin:0 .25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}.icon-btn:active{transform:translateY(1px)}.icon-btn img{width:28px;height:28px;display:block}.icon-btn:hover{background:#0000001f}.card-actions .icon-btn{width:44px;height:44px;border-radius:999px;background:#00000014;color:#0f172a;box-shadow:0 1px 2px #0000000f}.card-actions .icon-btn svg{display:block}.card-actions .icon-btn:hover{background:#00000024}.card-actions .icon-btn:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:2px}.card-actions .icon-btn--gear{width:48px;height:48px;border-radius:999px;background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #00000029;border:1px solid rgba(255,255,255,.85)}.card-actions .icon-btn--gear:hover{filter:brightness(.95)}.card-actions .icon-btn--gear svg{width:28px;height:28px;display:block;overflow:visible}.card-actions .icon-btn--gear .icon-gear-svg{width:28px;height:28px;display:block;overflow:visible}.card-actions .icon-btn--close{background:#ef44441f;color:#ef4444;font-size:22px;font-weight:700;line-height:1}.card-actions .icon-btn--close:hover{background:#ef444433}.card-actions .icon-btn svg{width:22px;height:22px}.card-note-icon{position:absolute;top:8px;right:8px}.card-has-note:after{content:"";position:absolute;top:0;right:0;width:16px;height:16px;background:#2563ebb3;clip-path:polygon(100% 0,0 0,100% 100%);pointer-events:none;z-index:2}.card-swipe-content{will-change:transform}.note-corner-hotspot{position:absolute;top:0;right:0;width:44px;height:44px;background:transparent;border:0;padding:0;cursor:pointer;z-index:3}.note-corner-hotspot:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.btn.is-busy,button.is-busy{opacity:.7;pointer-events:none}button[disabled]{cursor:not-allowed}.btn-spinner{display:inline-block;width:1em;height:1em;margin-right:.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btnspin .7s linear infinite;vertical-align:-.125em}@keyframes btnspin{to{transform:rotate(360deg)}}.text-error{color:#d32f2f}.text-muted{color:#6b7280}@media (display-mode: standalone){.plan-summary-header{top:env(safe-area-inset-top,0px))}}@media (display-mode: standalone){:root{--pwa-top-adjust: 0px}.header,.app-header{top:calc(env(safe-area-inset-top,0px) + var(--pwa-top-adjust))!important}.filter-container.sticky-under-header{position:fixed;top:calc(var(--main-header-height, 104px) + env(safe-area-inset-top,0px) + var(--pwa-top-adjust))!important;z-index:10}}@media (pointer: coarse){.note-corner-hotspot{width:52px;height:52px}}