:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#121214;color:#e8e8ea;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.muted{color:#9a9aa2}.error-text{color:#e74c3c}.auto-sync-hinweis{margin:.25rem 0 .75rem;font-size:.85rem}.button{display:inline-block;background:#2ecc71;color:#0d0d0f;font-weight:600;padding:.6rem 1.2rem;border:none;border-radius:8px;cursor:pointer;text-decoration:none;font-size:.95rem}.button:disabled{opacity:.6;cursor:default}.button-secondary{background:#2a2a2e;color:#e8e8ea}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}.anmelde-formular{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px;text-align:left}.dashboard{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.dashboard-actions{display:flex;gap:.75rem}.dashboard-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;max-width:100%}.version-anzeige{margin:0;font-size:.75rem;text-align:right;overflow-wrap:anywhere}@media(max-width:600px){.dashboard-header-right{align-items:flex-start;width:100%}.version-anzeige{text-align:left}}.hero-section{margin-bottom:2rem}.recommendation-hero{padding:1.75rem}.hero-unit{font-size:2.2rem;font-weight:700;margin:.5rem 0 0}.hero-readiness{display:flex;align-items:baseline;gap:.5rem;margin:.25rem 0}.hero-readiness-value{font-size:1.3rem;font-weight:600;color:#cfcfd4}.hero-readiness-estimate{color:#c9a94e;font-style:italic;font-weight:500}.hero-schaetzung-hinweis{margin:.5rem 0 .75rem;padding:.6rem .85rem;border-radius:8px;background:#c9a94e1f;color:#d8c48a;font-size:.9rem}.fehlende-nacht-block{margin:.25rem 0}.fehlende-nacht-antworten{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.75rem}.trend-arrow{font-size:1rem}.trend-up{color:#2ecc71}.trend-down{color:#e74c3c}.trend-flat{color:#9a9aa2}.hero-reason{color:#cfcfd4;font-size:1.05rem;margin:.75rem 0}.hero-detail{margin:.5rem 0}.hero-promoted-factor{font-size:.9rem;font-style:italic;margin:.25rem 0}.hero-detail-block p,.hero-detail-block .hero-detail{margin:.25rem 0}.hero-deload-zeile{margin-top:.5rem;padding:.6rem .85rem;border-radius:8px;background:#8ab4f81f;color:#cfcfd4}.hero-suggestions{margin:.5rem 0;padding-left:1.25rem}.hero-suggestions li{margin:.25rem 0}.hero-heute-zusammenfassung{margin:.5rem 0 1rem}.hero-heute-liste{margin:.5rem 0;padding-left:1.25rem}.hero-heute-liste li{margin:.25rem 0}.hero-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1rem;border-radius:8px;margin-bottom:.75rem;font-size:.9rem}.hero-banner-warning{background:#e74c3c1f;color:#e74c3c}.hero-banner-info{background:#8ab4f81f;color:#8ab4f8}.hero-banner-column{flex-direction:column;align-items:flex-start}.hero-banner-prompt{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.hero-banner-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer}.preview-mode-banner{position:sticky;top:0;z-index:100;margin-bottom:1rem;padding:.6rem 1rem;border-radius:6px;background:repeating-linear-gradient(45deg,#ff9800,#ff9800 12px,#1a1a1a 12px,#1a1a1a 24px);color:#1a1a1a;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;text-align:center}.preview-mode-banner span{background:#1a1a1a;color:#ff9800;padding:.2rem .6rem;border-radius:4px}.daily-input-section{margin-bottom:1.5rem}.daily-input-summary{margin:.5rem 0 0}.daily-input-fields{display:flex;flex-direction:column;gap:1rem;margin-top:.75rem}.daily-input-field{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.daily-input-field-label{color:#cfcfd4;font-size:.95rem}.daily-input-pills{display:flex;gap:.4rem}.daily-input-pill{width:2.2rem;height:2.2rem;border-radius:8px;border:1px solid #2a2a2e;background:#17171a;color:#e8e8ea;font-weight:600;cursor:pointer}.daily-input-pill-active{background:#2ecc71;border-color:#2ecc71;color:#0d0d0f}.training-feedback{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:.75rem;font-size:.85rem}.training-feedback-label{color:#cfcfd4}.training-feedback-options{display:flex;gap:.4rem}.training-feedback-pill{padding:.35rem .7rem;border-radius:999px;border:1px solid #2a2a2e;background:#17171a;color:#e8e8ea;font-size:.8rem;cursor:pointer}.training-feedback-pill-active{background:#8ab4f8;border-color:#8ab4f8;color:#0d0d0f}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2.5rem}.metric-card{background:#1c1c1f;border-radius:12px;padding:1rem 1.1rem;border:1px solid #2a2a2e}.metric-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.metric-card-label{color:#9a9aa2;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.metric-card-dot{width:10px;height:10px;border-radius:50%}.metric-card-value{font-size:1.6rem;font-weight:600}.metric-card-value-text{font-size:1rem;font-weight:500;color:#9a9aa2}.metric-card-unit{font-size:1rem;color:#9a9aa2;margin-left:.25rem}.card{background:#1c1c1f;border-radius:12px;padding:1.25rem;border:1px solid #2a2a2e}.card h3{margin-top:0}.sleep-stage-bar{display:flex;width:100%;height:24px;border-radius:8px;overflow:hidden;margin:1rem 0}.sleep-stage-segment{height:100%}.sleep-stage-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.9rem;color:#cfcfd4}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4rem}.insight-card p{line-height:1.5}.backfill-card{max-width:420px;width:100%;text-align:center}.progress-bar{width:100%;height:12px;border-radius:6px;background:#2a2a2e;overflow:hidden;margin:1.25rem 0 .75rem}.progress-bar-fill{height:100%;background:#2ecc71;transition:width .4s ease}.button-danger{background:#3a1f1f;color:#e74c3c}.training-log-section{margin-top:2.5rem}.training-log-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:end;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{color:#9a9aa2;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.form-select,.form-input,.form-textarea{background:#17171a;color:#e8e8ea;border:1px solid #2a2a2e;border-radius:8px;padding:.55rem .7rem;font-size:.95rem;font-family:inherit}.form-textarea{resize:vertical}.form-select:focus,.form-input:focus,.form-textarea:focus{outline:none;border-color:#2ecc71}.form-actions{display:flex}.training-log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.training-log-entry{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;background:#17171a;border:1px solid #2a2a2e;border-radius:8px;padding:.75rem 1rem}.button-link{background:none;border:none;color:#2ecc71;padding:0;font-size:.9rem;cursor:pointer;text-decoration:underline}.success-text{color:#2ecc71}.training-complete-section,.recommendation-details{margin-top:1rem}.recommendation-details-toggle{font-size:.85rem}.recommendation-details-body{margin-top:.75rem;display:flex;flex-direction:column;gap:1rem}.details-metrics{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.9rem;color:#cfcfd4}.details-score-table{width:100%;border-collapse:collapse;font-size:.9rem}.details-score-table th,.details-score-table td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid #2a2a2e}.details-row-winner{color:#2ecc71;font-weight:600}.details-row-loser{color:#7a7a82}.stufen-info{position:relative;display:inline-block;margin-left:.4rem}.stufen-info-icon{background:none;border:1px solid #2a2a2e;border-radius:50%;color:#8ab4f8;width:1.4rem;height:1.4rem;line-height:1.2rem;font-size:.85rem;cursor:pointer;padding:0}.stufen-info-body{position:absolute;z-index:10;top:1.8rem;left:0;width:22rem;max-width:80vw;background:#17171a;border:1px solid #2a2a2e;border-radius:8px;padding:.85rem 1rem;font-size:.85rem;color:#cfcfd4;text-transform:none;letter-spacing:normal;font-weight:400}.stufen-info-erklaerung{margin:0 0 .6rem}.stufen-info-list{margin:0;padding-left:1.1rem}.stufen-info-list li{margin:.35rem 0}.stufen-info-level5{margin:.6rem 0 0;padding-top:.6rem;border-top:1px solid #2a2a2e}.details-locked-list h4{margin:0 0 .5rem;font-size:.9rem;color:#9a9aa2;text-transform:uppercase;letter-spacing:.04em}.details-locked-list ul{margin:0;padding-left:1.25rem;font-size:.9rem}.details-locked-list li{margin:.25rem 0}.training-complete-form{display:flex;flex-direction:column;gap:1rem;margin-top:.75rem}.training-complete-actions{display:flex;gap:.75rem}.training-log-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.training-log-toggle-icon{color:#9a9aa2}.training-log-type{font-weight:600;margin-right:.75rem}.training-log-date{font-size:.9rem}.training-log-note{margin:.35rem 0 0;color:#cfcfd4;font-size:.9rem}.training-log-entry-actions{display:flex;gap:.5rem;align-items:center}.training-log-edit-button{background:none;border:none;color:#9a9aa2;cursor:pointer;font-size:1rem;padding:.25rem}.training-log-edit-button:hover{color:#e8e8ea}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:220px;flex-shrink:0;background:#1c1c1f;border-right:1px solid #2a2a2e;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.app-sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:8px;color:#9a9aa2;background:none;border:none;cursor:pointer;font-size:.95rem;text-align:left;width:100%}.app-sidebar-link.active{background:#2a2a2e;color:#e8e8ea}.app-sidebar-abmelden{margin-top:auto}.app-main{flex:1;min-width:0}@media(max-width:700px){.app-shell{flex-direction:column}.app-sidebar{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid #2a2a2e}.app-sidebar-abmelden{margin-top:0;margin-left:auto;width:auto}}.recovery-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.recovery-page-top{display:flex;gap:1.5rem;flex-wrap:wrap;margin:1.5rem 0 2rem}.body-diagram{flex:0 0 260px;display:flex;justify-content:center}.body-diagram-svg{width:100%;max-width:220px;height:auto}.body-diagram-label{fill:#0d0d0f;stroke:#e8e8ea;stroke-width:.6px;paint-order:stroke fill;font-size:11px;font-weight:600}.body-diagram-label-pull{fill:#e8e8ea;font-size:11px;font-weight:600}.body-diagram-label-pull-sub{fill:#9a9aa2;font-size:9px}.zone-clickable{cursor:pointer}.zone-panel{flex:1;min-width:260px}.overdue-units-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.overdue-unit-row-header{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.9rem}.overdue-unit-label{font-weight:600}.overdue-unit-row .progress-bar{margin:.4rem 0 0}@media(max-width:700px){.recovery-page-top{flex-direction:column}}