:root{--ok-bg: #0f1114;--ok-surface: #1a1d23;--ok-surface-alt: #252830;--ok-border: #2e3138;--ok-text: #e4e4e7;--ok-text-muted: #8b8d94;--ok-accent: #d97706;--ok-accent-hover:#b45309;--ok-accent-soft: #92400e;--ok-success: #16a34a;--ok-danger: #dc2626;--ok-info: #2563eb;--ok-font: "Inter", system-ui, -apple-system, sans-serif;--ok-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ok-text-xs: .75rem;--ok-text-sm: .875rem;--ok-text-base: 1rem;--ok-text-lg: 1.125rem;--ok-text-xl: 1.25rem;--ok-text-2xl: 1.5rem;--ok-text-3xl: 1.875rem;--ok-space-1: .25rem;--ok-space-2: .5rem;--ok-space-3: .75rem;--ok-space-4: 1rem;--ok-space-5: 1.25rem;--ok-space-6: 1.5rem;--ok-space-8: 2rem;--ok-space-10: 2.5rem;--ok-space-12: 3rem;--ok-radius-sm: 6px;--ok-radius: 8px;--ok-radius-lg: 12px;--ok-radius-xl: 16px;--ok-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--ok-shadow: 0 2px 8px rgba(0, 0, 0, .4);--ok-shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);--ok-transition-fast: .15s ease;--ok-transition: .25s ease;--ok-nav-height: 64px;--ok-content-max: 720px;color-scheme:dark;color:var(--ok-text);background-color:var(--ok-bg);font-family:var(--ok-font);font-size:var(--ok-text-base);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--ok-bg);color:var(--ok-text)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--ok-space-2);font-weight:600;line-height:1.2}h1{font-size:var(--ok-text-3xl)}h2{font-size:var(--ok-text-2xl)}h3{font-size:var(--ok-text-xl)}p{margin:0 0 var(--ok-space-4);color:var(--ok-text-muted)}a{color:var(--ok-accent);text-decoration:none;font-weight:500;transition:color var(--ok-transition-fast)}a:hover{color:var(--ok-accent-hover)}input,textarea,select{font-family:var(--ok-font);font-size:var(--ok-text-base);color:var(--ok-text);background-color:var(--ok-surface);border:1px solid var(--ok-border);border-radius:var(--ok-radius-sm);padding:var(--ok-space-3) var(--ok-space-4);transition:border-color var(--ok-transition-fast),box-shadow var(--ok-transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ok-accent);box-shadow:0 0 0 2px var(--ok-accent-soft)}input::placeholder,textarea::placeholder{color:var(--ok-text-muted)}button{font-family:var(--ok-font);font-size:var(--ok-text-base);font-weight:500;cursor:pointer;border:none;border-radius:var(--ok-radius);padding:var(--ok-space-3) var(--ok-space-5);transition:background-color var(--ok-transition-fast),color var(--ok-transition-fast)}.btn-primary{background-color:var(--ok-accent);color:#fff;font-weight:600;padding:var(--ok-space-3) var(--ok-space-6);border-radius:var(--ok-radius-sm)}.btn-primary:hover:not(:disabled){background-color:var(--ok-accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:none;color:var(--ok-text-muted);padding:var(--ok-space-2) var(--ok-space-3)}.btn-ghost:hover,.btn-ghost.active{color:var(--ok-accent)}.card{background-color:var(--ok-surface);border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);padding:var(--ok-space-6);box-shadow:var(--ok-shadow-sm)}.section-label{font-size:var(--ok-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ok-text-muted);margin-bottom:var(--ok-space-4)}.text-muted{color:var(--ok-text-muted)}.text-accent{color:var(--ok-accent)}.text-danger{color:var(--ok-danger)}.text-success{color:var(--ok-success)}.font-mono{font-family:var(--ok-font-mono)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--ok-space-4);background-color:var(--ok-bg)}.login-form{display:flex;flex-direction:column;gap:var(--ok-space-3);width:100%;max-width:360px}.login-icon{width:80px;height:80px;border-radius:var(--ok-radius-xl);align-self:center}.login-form h1{text-align:center;font-size:var(--ok-text-2xl);color:var(--ok-text);margin-bottom:var(--ok-space-2)}.login-form label{font-size:var(--ok-text-sm);font-weight:500;color:var(--ok-text-muted)}.login-form input{width:100%}.login-form button[type=submit]{margin-top:var(--ok-space-2);padding:var(--ok-space-3);border-radius:var(--ok-radius-sm);background-color:var(--ok-accent);color:#fff;font-size:var(--ok-text-base);font-weight:600;border:none;cursor:pointer;transition:background-color var(--ok-transition-fast)}.login-form button[type=submit]:hover:not(:disabled){background-color:var(--ok-accent-hover)}.login-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--ok-danger);font-size:var(--ok-text-sm);text-align:center;margin:0}.login-liveness{display:flex;justify-content:center;margin-top:var(--ok-space-2)}.home-body{flex:1;padding:var(--ok-space-6);max-width:var(--ok-content-max);margin:0 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ok-space-6)}.home-greeting{display:flex;align-items:center;justify-content:space-between;gap:var(--ok-space-4)}.home-title{font-size:var(--ok-text-2xl);color:var(--ok-text);margin:0}.home-streak{display:flex;align-items:center;gap:.25rem;background:#c8a96e1f;border:1px solid rgba(200,169,110,.25);border-radius:999px;padding:.3rem .75rem;white-space:nowrap}.home-streak-fire{font-size:1.1rem}.home-streak-count{font-size:1rem;font-weight:700;color:#c8a96e}.home-streak-label{font-size:.75rem;color:var(--ok-text-muted)}.home-section{display:flex;flex-direction:column;gap:var(--ok-space-3)}.home-section-title{font-size:var(--ok-text-sm);font-weight:600;color:var(--ok-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.home-card{background:var(--ok-surface);border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);padding:var(--ok-space-4);display:flex;flex-direction:column;gap:var(--ok-space-3)}.home-today-card{border-color:#c8a96e59}.home-today-top{display:flex;align-items:center;gap:var(--ok-space-3)}.home-today-emoji{font-size:2rem;line-height:1}.home-today-info{flex:1;min-width:0}.home-today-name{font-size:var(--ok-text-base);font-weight:700;color:var(--ok-text)}.home-today-meta{font-size:var(--ok-text-sm);color:var(--ok-text-muted);margin-top:.15rem}.home-today-focus{font-size:var(--ok-text-sm);color:var(--ok-text-muted);margin:0;line-height:1.5}.home-badge-key{font-size:1.2rem}.home-logged-badge{font-size:var(--ok-text-sm);color:#5ec87a;font-weight:600}.home-rest-card{flex-direction:row;align-items:center;border-color:var(--ok-border)}.home-rest-emoji{font-size:1.75rem}.home-btn-primary{display:block;width:100%;padding:.65rem var(--ok-space-4);background:#c8a96e26;border:1px solid rgba(200,169,110,.35);border-radius:var(--ok-radius-md);color:#c8a96e;font-weight:600;font-size:var(--ok-text-sm);cursor:pointer;text-align:center;transition:background .15s}.home-btn-primary:hover{background:#c8a96e40}.home-setup-card{border-color:#c8a96e40}.home-setup-text{margin:0;color:var(--ok-text-muted);font-size:var(--ok-text-sm)}.home-week-strip{display:flex;gap:var(--ok-space-2);justify-content:space-between}.home-week-dot{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:var(--ok-space-2) 0;background:var(--ok-surface);border:1px solid var(--ok-border);border-radius:var(--ok-radius-md)}.home-week-dot--today{border-color:#c8a96e80;background:#c8a96e14}.home-week-dot--logged{border-color:#5ec87a66}.home-week-abbr{font-size:.65rem;font-weight:600;color:var(--ok-text-muted);text-transform:uppercase}.home-week-emoji{font-size:1.1rem}.home-muted{color:var(--ok-text-muted);font-size:var(--ok-text-sm);margin:0}@media(min-width:768px){.home-body{padding:var(--ok-space-8)}}.calendar-page{display:flex;flex-direction:column;min-height:100vh;padding:var(--ok-space-4);padding-bottom:calc(var(--ok-nav-height) + var(--ok-space-8));max-width:var(--ok-content-max);margin:0 auto;gap:var(--ok-space-4)}.streak-banner{display:flex;align-items:center;justify-content:space-between;background-color:var(--ok-surface);border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);padding:var(--ok-space-4) var(--ok-space-6)}.streak-current{display:flex;align-items:baseline;gap:var(--ok-space-2)}.streak-flame{font-size:var(--ok-text-2xl);line-height:1}.streak-count{font-size:var(--ok-text-3xl);font-weight:700;color:var(--ok-accent);line-height:1}.streak-label{font-size:var(--ok-text-base);color:var(--ok-text-muted);font-weight:500}.streak-best{font-size:var(--ok-text-sm);color:var(--ok-text-muted)}.month-nav{display:flex;align-items:center;justify-content:space-between}.month-title{font-size:var(--ok-text-xl);font-weight:600;margin:0;color:var(--ok-text)}.month-arrow{background:none;border:none;font-size:1.75rem;color:var(--ok-text-muted);padding:var(--ok-space-1) var(--ok-space-3);line-height:1;border-radius:var(--ok-radius-sm);transition:color var(--ok-transition-fast),background-color var(--ok-transition-fast)}.month-arrow:hover{color:var(--ok-text);background-color:var(--ok-surface-alt)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--ok-space-1)}.cal-dow{text-align:center;font-size:var(--ok-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ok-text-muted);padding:var(--ok-space-2) 0}.cal-cell{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--ok-radius);border:1px solid transparent;background:none;padding:0;cursor:pointer;font-size:var(--ok-text-sm);font-weight:400;color:var(--ok-text);transition:background-color var(--ok-transition-fast),border-color var(--ok-transition-fast),color var(--ok-transition-fast);gap:2px}.cal-cell.empty{cursor:default;pointer-events:none}.cal-cell.is-future{color:var(--ok-text-muted);opacity:.5;cursor:default}.cal-cell:not(.empty):not(.is-future):hover{background-color:var(--ok-surface-alt);border-color:var(--ok-border)}.cal-cell.is-today .cal-day-num{color:var(--ok-accent);font-weight:700}.cal-cell.is-today{border-color:var(--ok-accent-soft)}.cal-cell.is-selected{border-color:var(--ok-accent);background-color:var(--ok-surface-alt)}.cal-cell.status-done{background-color:#16a34a26;border-color:#16a34a4d}.cal-cell.status-partial{background-color:#d9770626;border-color:#d977064d}.cal-cell.status-not_done{background-color:#dc26261f;border-color:#dc262640}.cal-cell.status-to_do{background-color:#2563eb1a;border-color:#2563eb40}.cal-day-num{line-height:1;font-size:var(--ok-text-sm)}.cal-status-dot,.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-to_do{background-color:var(--ok-info)}.dot-done{background-color:var(--ok-success)}.dot-partial{background-color:var(--ok-accent)}.dot-not_done{background-color:var(--ok-danger)}.status-assigned{border-color:color-mix(in srgb,var(--ok-accent) 40%,var(--ok-border))}.cal-session-emoji{font-size:.65rem;line-height:1;display:block;text-align:center;margin-top:1px}.cal-loading-dot{width:6px;height:6px;border-radius:50%;background-color:var(--ok-text-muted);animation:pulse .8s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.3}to{opacity:1}}.status-panel{background-color:var(--ok-surface);border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);padding:var(--ok-space-4) var(--ok-space-5)}.status-panel-date{font-size:var(--ok-text-sm);color:var(--ok-text-muted);margin:0 0 var(--ok-space-3);font-family:var(--ok-font-mono)}.status-options{display:flex;flex-wrap:wrap;gap:var(--ok-space-2)}.status-btn{padding:var(--ok-space-2) var(--ok-space-4);border-radius:var(--ok-radius-sm);border:1px solid var(--ok-border);font-size:var(--ok-text-sm);font-weight:500;background-color:var(--ok-surface-alt);color:var(--ok-text-muted);transition:background-color var(--ok-transition-fast),color var(--ok-transition-fast),border-color var(--ok-transition-fast)}.status-btn:hover{color:var(--ok-text)}.status-btn.active,.status-btn-to_do.active{background-color:#2563eb33;border-color:var(--ok-info);color:var(--ok-info)}.status-btn-done.active{background-color:#16a34a33;border-color:var(--ok-success);color:var(--ok-success)}.status-btn-partial.active{background-color:#d9770633;border-color:var(--ok-accent);color:var(--ok-accent)}.status-btn-not_done.active{background-color:#dc262626;border-color:var(--ok-danger);color:var(--ok-danger)}.status-btn-delete{margin-left:auto;color:var(--ok-danger);border-color:#dc26264d}.status-btn-delete:hover{background-color:#dc262626;color:var(--ok-danger)}.calendar-legend{display:flex;flex-wrap:wrap;gap:var(--ok-space-4);justify-content:center;padding:var(--ok-space-2) 0}.legend-item{display:flex;align-items:center;gap:var(--ok-space-2);font-size:var(--ok-text-xs);color:var(--ok-text-muted)}.cal-log-btn{display:block;width:100%;margin-top:.75rem;padding:.6rem;background:#c8a96e26;border:1px solid rgba(200,169,110,.3);border-radius:8px;color:#c8a96e;font-weight:600;font-size:.875rem;cursor:pointer;text-align:center}.wizard-wrap{max-width:560px;margin:0 auto;padding:16px}.wizard-dots{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.wizard-dot{width:10px;height:10px;border-radius:50%;background:#2a2a35;border:2px solid #2a2a35;display:inline-block}.wizard-dot--active{background:#e8f43a;border-color:#e8f43a}.wizard-dot--done{background:#5a6010;border-color:#5a6010}.wizard-card{background:#1a1a1f;border:1px solid #2a2a35;border-radius:16px;padding:28px 24px}.wizard-title{font-size:1.4rem;font-weight:700;color:#e8e8f0;margin:0 0 8px}.wizard-subtitle{color:#8888a0;font-size:.9rem;margin:0 0 24px}.wizard-questions{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.wizard-q-label{font-size:.9rem;font-weight:600;color:#e8e8f0;margin-bottom:10px}.wizard-options{display:flex;flex-direction:column;gap:6px}.wizard-option{background:#0d0d0f;border:1px solid #2a2a35;border-radius:8px;padding:10px 14px;color:#8888a0;font-size:.875rem;text-align:left;cursor:pointer;transition:border-color .15s,color .15s}.wizard-option:hover{border-color:#e8f43a;color:#e8e8f0}.wizard-option--selected{border-color:#e8f43a;color:#e8f43a;background:#e8f43a0f}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}.wizard-skip{font-size:.8rem;opacity:.7}.wizard-score-box{display:flex;align-items:baseline;gap:6px;margin-bottom:16px}.wizard-score-num{font-size:3rem;font-weight:800;color:#e8f43a;line-height:1}.wizard-score-label{color:#8888a0;font-size:1rem}.wizard-result-block{background:#0d0d0f;border:1px solid #2a2a35;border-radius:12px;padding:16px;margin-bottom:16px}.wizard-result-name{font-size:1.1rem;font-weight:700;color:#e8f43a;margin-bottom:6px}.wizard-result-msg{color:#8888a0;font-size:.875rem}.wizard-pool-note{background:#e8f43a0f;border:1px solid rgba(232,244,58,.2);border-radius:8px;padding:12px 14px;color:#e8e8f0;font-size:.875rem;margin-bottom:16px}.wizard-override{margin-bottom:24px}.wizard-override-label{display:block;font-size:.8rem;color:#8888a0;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.wizard-select{width:100%;background:#0d0d0f;border:1px solid #2a2a35;border-radius:8px;padding:10px 12px;color:#e8e8f0;font-size:.9rem;cursor:pointer;appearance:none;-webkit-appearance:none}.wizard-select:focus{outline:none;border-color:#e8f43a}.wizard-form{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.wizard-field-label{display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:600;color:#e8e8f0}.wizard-input{background:#0d0d0f;border:1px solid #2a2a35;border-radius:8px;padding:10px 12px;color:#e8e8f0;font-size:.9rem;width:100%;box-sizing:border-box}.wizard-input:focus{outline:none;border-color:#e8f43a}.wizard-summary-card{background:#0d0d0f;border:1px solid #2a2a35;border-radius:12px;padding:20px;margin-bottom:24px}.wizard-summary-title{font-size:1rem;font-weight:700;color:#e8f43a;margin-bottom:16px}.wizard-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #2a2a35}.wizard-summary-row:last-child{border-bottom:none}.wizard-summary-key{color:#8888a0;font-size:.875rem}.wizard-summary-val{color:#e8e8f0;font-size:.875rem;font-weight:600}.wizard-error{color:#e53e3e;font-size:.875rem;margin:0 0 16px}.programme-page{max-width:var(--ok-content-max);margin:0 auto;padding:var(--ok-space-4);padding-bottom:calc(var(--ok-nav-height) + var(--ok-space-8));display:flex;flex-direction:column;gap:var(--ok-space-4)}.programme-loading{display:flex;justify-content:center;align-items:center;min-height:50vh;color:var(--ok-text-muted)}.programme-setup-card{max-width:480px;margin:var(--ok-space-8) auto}.setup-title{font-size:var(--ok-text-2xl);color:var(--ok-text);margin-bottom:var(--ok-space-2)}.setup-subtitle{color:var(--ok-text-muted);font-size:var(--ok-text-sm);margin-bottom:var(--ok-space-6)}.setup-error{color:var(--ok-danger);font-size:var(--ok-text-sm);margin-bottom:var(--ok-space-4)}.setup-form{display:flex;flex-direction:column;gap:var(--ok-space-4)}.form-label{display:flex;flex-direction:column;gap:var(--ok-space-2);font-size:var(--ok-text-sm);color:var(--ok-text-muted);font-weight:500}.form-label input,.form-label select{width:100%}.setup-submit{margin-top:var(--ok-space-2);width:100%;font-size:var(--ok-text-base);padding:var(--ok-space-4)}.block-header{background-color:var(--ok-accent);color:#fff;border-radius:var(--ok-radius-lg);padding:var(--ok-space-4) var(--ok-space-5);display:flex;flex-direction:column;gap:var(--ok-space-1)}.block-name{font-weight:700;font-size:var(--ok-text-lg)}.block-theme{font-size:var(--ok-text-sm);opacity:.85}.collagen-reminder{background-color:var(--ok-accent-soft);border:1px solid var(--ok-accent);color:var(--ok-text);border-radius:var(--ok-radius);padding:var(--ok-space-3) var(--ok-space-4);font-size:var(--ok-text-sm);font-weight:500}.today-card{display:flex;flex-direction:column;gap:var(--ok-space-3)}.rest-day{display:flex;align-items:center;gap:var(--ok-space-4)}.rest-emoji{font-size:2.5rem;line-height:1}.today-title{font-size:var(--ok-text-xl);font-weight:700;color:var(--ok-text)}.today-muted{color:var(--ok-text-muted);font-size:var(--ok-text-sm)}.today-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ok-space-3)}.today-meta{color:var(--ok-text-muted);font-size:var(--ok-text-sm);margin-top:var(--ok-space-1)}.today-badges{display:flex;flex-direction:column;align-items:flex-end;gap:var(--ok-space-2);flex-shrink:0}.badge-key{background-color:var(--ok-accent);color:#fff;font-size:var(--ok-text-xs);font-weight:600;padding:2px var(--ok-space-2);border-radius:var(--ok-radius-sm);white-space:nowrap}.badge-logged{background-color:var(--ok-success);color:#fff;font-size:var(--ok-text-xs);font-weight:600;padding:2px var(--ok-space-2);border-radius:var(--ok-radius-sm)}.today-focus{color:var(--ok-text-muted);font-size:var(--ok-text-sm);margin:0}.coaching-note{font-size:var(--ok-text-sm);color:var(--ok-text-muted);line-height:1.6;border-left:3px solid var(--ok-border);padding-left:var(--ok-space-3)}.read-more{background:none;border:none;color:var(--ok-accent);font-size:var(--ok-text-xs);padding:0;margin-left:var(--ok-space-2);cursor:pointer;font-weight:600}.log-btn{align-self:flex-start;margin-top:var(--ok-space-2)}.week-strip-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.week-strip-wrap::-webkit-scrollbar{display:none}.week-strip{display:flex;flex-wrap:nowrap;gap:var(--ok-space-2);padding:var(--ok-space-2) 0}.week-card{flex-shrink:0;width:72px;background-color:var(--ok-surface);border:1px solid var(--ok-border);border-radius:var(--ok-radius);padding:var(--ok-space-3) var(--ok-space-2);display:flex;flex-direction:column;align-items:center;gap:var(--ok-space-1);text-align:center}.week-card--today{border-color:var(--ok-accent);box-shadow:0 0 0 1px var(--ok-accent)}.week-card--logged{background-color:color-mix(in srgb,var(--ok-success) 12%,var(--ok-surface))}.week-day{font-size:var(--ok-text-xs);font-weight:600;color:var(--ok-text-muted);text-transform:uppercase;letter-spacing:.05em}.week-emoji{font-size:1.25rem;line-height:1}.week-dur{font-size:var(--ok-text-xs);color:var(--ok-text-muted)}.insight-card{display:flex;align-items:flex-start;gap:var(--ok-space-3)}.insight-icon{font-size:1.25rem;line-height:1;flex-shrink:0;margin-top:2px}.insight-text{margin:0;font-size:var(--ok-text-sm);color:var(--ok-text-muted);line-height:1.6}.streak-card{display:flex;align-items:center;gap:var(--ok-space-3)}.streak-fire{font-size:1.5rem}.streak-count{font-size:var(--ok-text-xl);font-weight:700;color:var(--ok-accent)}.streak-label{color:var(--ok-text-muted);font-size:var(--ok-text-sm)}.prog-error{color:var(--ok-danger);font-size:var(--ok-text-sm);margin:0}.week-card--tappable{cursor:pointer}.week-card--tappable:active{background:#ffffff0f}.prog-header-row{display:flex;justify-content:flex-end;margin-bottom:8px}.btn-settings{font-size:.8rem;padding:6px 12px;opacity:.7}.btn-danger{background:#e53e3e;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;cursor:pointer}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{background:#1a1a1f;border:1px solid #2a2a35;border-radius:16px;padding:28px;max-width:380px;width:90%}.modal-title{font-size:1.2rem;font-weight:700;color:#e8e8f0;margin:0 0 12px}.modal-body{color:#8888a0;font-size:.9rem;line-height:1.5;margin:0 0 24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.workout-card{margin:1rem 0}.workout-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.workout-card-title{font-size:1rem;font-weight:600;color:var(--text-primary, #e8e0d0);margin:0}.all-logged-badge{font-size:.75rem;color:#6bcb77;font-weight:600}.workout-card-loading{text-align:center;color:var(--text-muted, #a0907c);padding:1rem;font-size:.875rem}.exercise-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:.5rem;overflow:hidden;transition:border-color .2s}.exercise-card--logged{border-color:#6bcb774d}.exercise-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:none;border:none;cursor:pointer;text-align:left;color:inherit}.exercise-card-left{display:flex;flex-direction:column;gap:.15rem}.exercise-name{font-size:.9rem;font-weight:600;color:var(--text-primary, #e8e0d0)}.exercise-prescription{font-size:.75rem;color:#c8a96e}.exercise-card-right{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.sets-done{background:#6bcb7726;color:#6bcb77;padding:.15rem .5rem;border-radius:20px;font-weight:600}.optional-tag{color:var(--text-muted, #a0907c);font-style:italic}.expand-icon{color:var(--text-muted, #a0907c);font-size:.65rem}.pb-badge{background:#c8a96e33;color:#c8a96e;padding:.15rem .5rem;border-radius:20px;font-weight:700;font-size:.8rem}.exercise-card-body{padding:0 1rem 1rem;border-top:1px solid rgba(255,255,255,.06)}.exercise-description{font-size:.82rem;color:#8888a0;line-height:1.5;margin:0 0 8px;border-left:2px solid #2a2a35;padding-left:10px}.coaching-cues{font-size:.8rem;color:var(--text-muted, #a0907c);margin:.75rem 0 .5rem;line-height:1.4}.prev-session{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem;padding:.4rem .6rem;background:#ffffff08;border-radius:6px}.prev-label{font-size:.72rem;color:var(--text-muted, #a0907c);font-style:italic}.prev-set{font-size:.75rem;color:#c8a96eb3;background:#c8a96e14;padding:.1rem .4rem;border-radius:4px}.logged-sets{margin-bottom:.5rem}.logged-set-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.82rem}.logged-set-label{color:var(--text-muted, #a0907c);width:3.5rem;flex-shrink:0}.logged-set-value{color:var(--text-primary, #e8e0d0);font-weight:600}.logged-set-rpe{color:#c8a96e;font-size:.75rem;margin-left:auto}.set-remove-btn{background:none;border:none;color:#ff646480;cursor:pointer;font-size:.75rem;padding:0 .25rem;margin-left:.25rem}.set-entry-row{display:flex;align-items:center;gap:.4rem;margin:.5rem 0}.set-number{font-size:.75rem;color:var(--text-muted, #a0907c);width:3.5rem;flex-shrink:0}.set-input{flex:1;min-width:0;padding:.4rem .5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--text-primary, #e8e0d0);font-size:.85rem;text-align:center}.set-input--rpe{flex:0 0 3.5rem}.set-input:focus{outline:none;border-color:#c8a96e80}.set-add-btn{flex-shrink:0;width:2rem;height:2rem;border:none;border-radius:50%;background:#6bcb7733;color:#6bcb77;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.set-add-btn:active{background:#6bcb7759}.exercise-notes{width:100%;margin:.5rem 0;padding:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary, #e8e0d0);font-size:.82rem;resize:none;min-height:2.5rem;box-sizing:border-box}.rest-hint{font-size:.75rem;color:var(--text-muted, #a0907c);margin:0 0 .5rem}.exercise-save-btn{width:100%;padding:.6rem;background:#c8a96e26;border:1px solid rgba(200,169,110,.3);border-radius:8px;color:#c8a96e;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.exercise-save-btn:disabled{opacity:.4;cursor:not-allowed}.exercise-save-btn:not(:disabled):active{background:#c8a96e40}.log-page{max-width:var(--ok-content-max);margin:0 auto;padding:var(--ok-space-4);padding-bottom:calc(var(--ok-nav-height) + var(--ok-space-8))}.log-back{background:none;border:none;color:var(--ok-accent);font-size:var(--ok-text-sm);font-weight:600;padding:0;margin-bottom:var(--ok-space-4);cursor:pointer}.log-title{font-size:var(--ok-text-2xl);color:var(--ok-text);margin-bottom:var(--ok-space-6)}.log-error{color:var(--ok-danger);font-size:var(--ok-text-sm);margin-bottom:var(--ok-space-4)}.log-form{display:flex;flex-direction:column;gap:var(--ok-space-5)}.log-section{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);padding:var(--ok-space-4);background-color:var(--ok-surface);display:flex;flex-direction:column;gap:var(--ok-space-3)}.log-section legend{padding:0 var(--ok-space-2);color:var(--ok-text-muted);font-size:var(--ok-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.log-subsection{display:flex;flex-direction:column;gap:var(--ok-space-2)}.completion-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ok-space-3)}.completion-btn{background-color:var(--ok-surface-alt);border:2px solid var(--ok-border);border-radius:var(--ok-radius);padding:var(--ok-space-4);display:flex;flex-direction:column;align-items:center;gap:var(--ok-space-2);cursor:pointer;transition:border-color var(--ok-transition-fast),background-color var(--ok-transition-fast);color:var(--ok-text)}.completion-btn:hover{border-color:var(--ok-accent)}.completion-btn--active{border-color:var(--ok-accent);background-color:color-mix(in srgb,var(--ok-accent) 15%,var(--ok-surface-alt))}.completion-icon{font-size:1.5rem;line-height:1}.completion-label{font-size:var(--ok-text-sm);font-weight:600}.metrics-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--ok-space-3)}.metric-label{display:flex;flex-direction:column;gap:var(--ok-space-1);font-size:var(--ok-text-xs);color:var(--ok-text-muted);font-weight:500}.metric-label input{width:100%;padding:var(--ok-space-2) var(--ok-space-3);font-size:var(--ok-text-sm)}.tap-row{display:flex;flex-wrap:wrap;gap:var(--ok-space-2)}.tap-btn{width:36px;height:36px;background-color:var(--ok-surface-alt);border:1px solid var(--ok-border);border-radius:var(--ok-radius-sm);color:var(--ok-text-muted);font-size:var(--ok-text-sm);font-weight:600;cursor:pointer;transition:border-color var(--ok-transition-fast),color var(--ok-transition-fast),background-color var(--ok-transition-fast);padding:0;display:flex;align-items:center;justify-content:center}.tap-btn:hover{border-color:var(--ok-accent);color:var(--ok-accent)}.tap-btn--active{background-color:var(--ok-accent);border-color:var(--ok-accent);color:#fff}.star-btn{background:none;border:none;font-size:1.75rem;color:var(--ok-border);cursor:pointer;padding:0;transition:color var(--ok-transition-fast);line-height:1}.star-btn--active{color:var(--ok-accent)}.yesno-row{display:flex;gap:var(--ok-space-3)}.yesno-btn{flex:1;padding:var(--ok-space-4);background-color:var(--ok-surface-alt);border:2px solid var(--ok-border);border-radius:var(--ok-radius);color:var(--ok-text-muted);font-size:var(--ok-text-base);font-weight:700;cursor:pointer;transition:border-color var(--ok-transition-fast),color var(--ok-transition-fast),background-color var(--ok-transition-fast);letter-spacing:.05em}.yesno-btn--active{border-color:var(--ok-success);color:var(--ok-success);background-color:color-mix(in srgb,var(--ok-success) 12%,var(--ok-surface-alt))}.yesno-btn--no{border-color:var(--ok-danger);color:var(--ok-danger);background-color:color-mix(in srgb,var(--ok-danger) 12%,var(--ok-surface-alt))}.dot-btn{width:40px;height:40px;background-color:var(--ok-surface-alt);border:1px solid var(--ok-border);border-radius:50%;color:var(--ok-border);font-size:1rem;cursor:pointer;transition:all var(--ok-transition-fast);padding:0;display:flex;align-items:center;justify-content:center}.dot-btn--active{background-color:var(--ok-accent);border-color:var(--ok-accent);color:#fff}.log-notes{width:100%;resize:vertical;font-size:var(--ok-text-sm);line-height:1.6}.log-submit{width:100%;padding:var(--ok-space-4);font-size:var(--ok-text-base);font-weight:700}.celebration-overlay{position:fixed;inset:0;background-color:#000000eb;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.celebration-content{text-align:center;padding:var(--ok-space-8);max-width:360px;display:flex;flex-direction:column;align-items:center;gap:var(--ok-space-4)}.celebration-emoji{font-size:4rem;line-height:1}.celebration-name{font-size:var(--ok-text-2xl);font-weight:700;color:var(--ok-accent)}.celebration-message{font-size:var(--ok-text-base);color:var(--ok-text);line-height:1.6;margin:0}.celebration-btn{margin-top:var(--ok-space-2);font-size:var(--ok-text-lg);padding:var(--ok-space-4) var(--ok-space-8)}.progress-page{max-width:var(--ok-content-max);margin:0 auto;padding:var(--ok-space-4);padding-bottom:calc(var(--ok-nav-height) + var(--ok-space-8));display:flex;flex-direction:column;gap:var(--ok-space-4)}.progress-loading{display:flex;justify-content:center;align-items:center;min-height:50vh;color:var(--ok-text-muted)}.progress-error{color:var(--ok-danger);font-size:var(--ok-text-sm)}.prog-header{display:flex;flex-direction:column;gap:var(--ok-space-2)}.prog-header-title{font-size:var(--ok-text-lg);font-weight:700;color:var(--ok-text)}.prog-header-theme{font-size:var(--ok-text-sm);color:var(--ok-text-muted)}.prog-bar-wrap{display:flex;align-items:center;gap:var(--ok-space-3);margin-top:var(--ok-space-2)}.prog-bar-track{flex:1;height:8px;background-color:var(--ok-surface-alt);border-radius:4px;overflow:hidden}.prog-bar-fill{height:100%;background-color:var(--ok-accent);border-radius:4px;transition:width var(--ok-transition)}.prog-bar-label{font-size:var(--ok-text-xs);color:var(--ok-text-muted);font-weight:600;min-width:32px;text-align:right}.prog-week-label{font-size:var(--ok-text-xs);color:var(--ok-text-muted)}.weight-section{display:flex;flex-direction:column;gap:var(--ok-space-3)}.section-heading{font-size:var(--ok-text-base);font-weight:600;color:var(--ok-text);margin:0 0 var(--ok-space-2)}.weight-chart{width:100%;height:auto;display:block}.weight-summary{font-size:var(--ok-text-sm);color:var(--ok-text-muted);text-align:center}.weight-summary strong{color:var(--ok-text)}.milestones-section{display:flex;flex-direction:column;gap:var(--ok-space-3)}.milestones-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ok-space-2)}.milestone-item{display:flex;align-items:flex-start;gap:var(--ok-space-3);padding:var(--ok-space-3);background-color:var(--ok-surface-alt);border-radius:var(--ok-radius);border:1px solid var(--ok-border)}.milestone-item--achieved{border-color:var(--ok-success);background-color:color-mix(in srgb,var(--ok-success) 8%,var(--ok-surface-alt))}.milestone-icon{font-size:1rem;flex-shrink:0;color:var(--ok-text-muted)}.milestone-item--achieved .milestone-icon{color:var(--ok-success)}.milestone-body{display:flex;flex-direction:column;gap:2px}.milestone-name{font-size:var(--ok-text-sm);font-weight:600;color:var(--ok-text)}.milestone-date{font-size:var(--ok-text-xs);color:var(--ok-text-muted)}.milestone-empty{font-size:var(--ok-text-sm);color:var(--ok-text-muted);padding:var(--ok-space-3);text-align:center}.eudaemonia-section{display:flex;flex-direction:column;gap:var(--ok-space-2)}.eudaemonia-pct{font-size:var(--ok-text-3xl);font-weight:800;line-height:1}.eudaemonia-label{font-size:var(--ok-text-sm);color:var(--ok-text-muted)}.eudaemonia-bar-track{height:8px;background-color:var(--ok-surface-alt);border-radius:4px;overflow:hidden;margin-top:var(--ok-space-2)}.eudaemonia-bar-fill{height:100%;border-radius:4px;transition:width var(--ok-transition)}.munchie-card{display:flex;overflow:hidden;padding:0}.munchie-accent-bar{width:5px;flex-shrink:0;background-color:var(--ok-accent);border-radius:var(--ok-radius-lg) 0 0 var(--ok-radius-lg)}.munchie-content{padding:var(--ok-space-5);display:flex;flex-direction:column;gap:var(--ok-space-1)}.munchie-title{font-size:var(--ok-text-base);font-weight:700;color:var(--ok-text)}.munchie-sub{font-size:var(--ok-text-sm);color:var(--ok-accent);font-weight:500}.munchie-note{font-size:var(--ok-text-sm);color:var(--ok-text-muted);margin:var(--ok-space-2) 0 0}.weight-log-section{margin:1rem 0}.section-title{font-size:.9rem;font-weight:600;color:var(--text-muted, #a0907c);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.weight-log-form{display:flex;gap:.5rem;align-items:center}.weight-date-input,.weight-kg-input{padding:.5rem .6rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--text-primary, #e8e0d0);font-size:.875rem}.weight-date-input{flex:1}.weight-kg-input{width:5rem;text-align:center}.weight-log-btn{padding:.5rem 1rem;background:#c8a96e26;border:1px solid rgba(200,169,110,.3);border-radius:8px;color:#c8a96e;font-weight:600;font-size:.875rem;cursor:pointer;white-space:nowrap}.weight-log-btn:disabled{opacity:.4;cursor:not-allowed}.weight-log-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.25rem}.weight-log-entry{display:flex;align-items:center;gap:.75rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem}.weight-log-date{color:var(--text-muted, #a0907c);flex:1}.weight-log-kg{font-weight:600;color:var(--text-primary, #e8e0d0)}.weight-delta{font-size:.75rem;font-weight:600}.weight-delta--down{color:#6bcb77}.weight-delta--up{color:#e05c5c}.app-shell{display:flex;flex-direction:column;min-height:100vh;background-color:var(--ok-bg)}.app-shell-body{flex:1;padding-bottom:var(--ok-nav-height)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--ok-nav-height);display:flex;align-items:stretch;justify-content:space-around;background-color:var(--ok-surface);border-top:1px solid var(--ok-border);z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--ok-text-muted);font-size:var(--ok-text-xs);cursor:pointer;padding:0;transition:color var(--ok-transition-fast)}.nav-item:hover:not(:disabled),.nav-item.active{color:var(--ok-accent)}.nav-item:disabled{opacity:.35;cursor:default}.nav-label{font-weight:500}.nav-liveness{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--ok-bg)}.app-loading p{font-size:var(--ok-text-lg);color:var(--ok-text-muted)}