:root{--green-50: #f4fbf1;--green-100: #e3f2e1;--green-200: #cde9cc;--green-300: #aedcb0;--green-400: #8fc9a0;--green-500: #6fb389;--green-600: #559773;--green-700: #3f7a5c;--green-900: #274736;--ink: #22322a;--ink-soft: #5b6b62;--danger: #c96a5a;--surface: #ffffff;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--shadow-soft: 0 6px 20px rgba(63, 122, 92, .12);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,var(--green-100) 0%,var(--green-50) 220px,var(--green-50) 100%);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,textarea,select{font-family:inherit}a{color:inherit}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 84px);max-width:640px;width:100%;margin:0 auto}.app-main--no-nav{padding-bottom:calc(env(safe-area-inset-bottom) + 24px)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(env(safe-area-inset-top) + 14px) 16px 14px;background:var(--green-400);color:var(--green-900);position:sticky;top:0;z-index:10}.top-bar h1{font-size:1.1rem;font-weight:700}.top-bar .athlete-name{font-size:.8rem;opacity:.85}.session-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--green-300);color:var(--green-900);text-decoration:none;font-size:.85rem;font-weight:600;position:sticky;top:0;z-index:9}.session-banner-dot{width:8px;height:8px;border-radius:999px;background:var(--danger);flex-shrink:0;animation:session-banner-pulse 1.6s ease-in-out infinite}@keyframes session-banner-pulse{0%,to{opacity:1}50%{opacity:.35}}.autosave-status{color:var(--ink-soft);font-size:.75rem;margin-top:6px;min-height:1em}.preserve-linebreaks{white-space:pre-wrap;word-wrap:break-word}.icon-btn{border:none;background:#ffffff59;color:var(--green-900);border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--surface);border-top:1px solid var(--green-200);padding:8px 8px calc(env(safe-area-inset-bottom) + 8px);box-shadow:0 -4px 16px #3f7a5c14;z-index:20}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--ink-soft);font-size:.72rem;padding:6px 4px;border-radius:var(--radius-sm)}.bottom-nav a.active{color:var(--green-700);font-weight:600;background:var(--green-100)}.bottom-nav .nav-icon{font-size:1.25rem;line-height:1}.card{background:var(--surface);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-soft)}.card-link{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;color:inherit}.card-link:active{background:var(--green-50)}.daily-summary-row{display:flex;align-items:stretch;gap:10px}.daily-summary-card{flex:1;min-width:0}.daily-timer-btns{flex-shrink:0;display:flex;flex-direction:column;gap:8px}.daily-timer-btn{flex-shrink:0;width:64px;height:56px;border:none;border-radius:var(--radius-lg);background:var(--green-500);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-soft)}.daily-timer-add-btn{width:64px;height:32px;background:var(--green-100);color:var(--green-700);box-shadow:none}.daily-timer-add-form{display:flex;align-items:flex-end;gap:10px}.daily-timer-add-form-actions{display:flex;gap:8px;margin-bottom:14px}.daily-timer-btn:active{background:var(--green-600)}.daily-timer-btn:disabled{opacity:.6;cursor:default}.daily-timer-btn-running{background:var(--green-700)}.daily-timer-readout{display:flex;align-items:center;gap:8px}.daily-timer-dot{width:8px;height:8px;border-radius:999px;background:var(--green-600);animation:session-banner-pulse 1.6s ease-in-out infinite}.exercise-row{display:flex;align-items:center;gap:4px;padding-top:10px;padding-bottom:10px;padding-left:8px;position:relative;touch-action:pan-y}.exercise-row-static{padding-left:18px}.drag-handle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--green-400);touch-action:none;cursor:grab;transition:color .15s ease}.drag-handle:hover{color:var(--green-600)}.drag-handle:active{cursor:grabbing;color:var(--green-600)}.exercise-row-link{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;color:inherit;padding:8px 10px 8px 0}.exercise-row-link:active{background:var(--green-50);border-radius:var(--radius-sm)}.archived-exercise{opacity:.6}.section-heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin:4px 4px 0}.stack{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.8rem;font-weight:600;color:var(--ink-soft)}.field input,.field textarea,.field select{border:1px solid var(--green-300);border-radius:var(--radius-sm);padding:12px 14px;font-size:1rem;background:var(--green-50);color:var(--ink)}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--green-500);background:var(--surface)}.block-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.block-row input[type=text]{flex:1}.block-row input[type=number]{width:90px}.block-row input[type=color]{flex-shrink:0;width:36px;height:36px;padding:2px;border:1px solid var(--green-300);border-radius:var(--radius-sm);background:var(--green-50);cursor:pointer}.btn{border:none;border-radius:var(--radius-sm);padding:13px 18px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--green-500);color:#fff}.btn-primary:active{background:var(--green-600)}.btn-secondary{background:var(--green-100);color:var(--green-700)}.btn-block{width:100%}.btn-text{background:none;color:var(--green-700);padding:8px}.btn-danger{background:#f6e4e0;color:var(--danger)}.btn:disabled{opacity:.6;cursor:not-allowed}.error-text{color:var(--danger);font-size:.85rem}.muted{color:var(--ink-soft);font-size:.85rem}.list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;border-bottom:1px solid var(--green-100);text-decoration:none;color:inherit;gap:10px}.list-item:last-child{border-bottom:none}.list-item-title{font-weight:600}.chevron{color:var(--green-400)}.checklist-item{display:flex;align-items:flex-start;gap:14px;width:100%}.checklist-item.is-pending{opacity:.6}.checklist-item-body{display:flex;flex-direction:column;gap:2px;flex:1}.checklist-item-timer-btn{flex-shrink:0;width:36px;height:36px;border:none;border-radius:999px;background:var(--green-100);color:var(--green-700);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:2px}.checklist-item-timer-btn:active{background:var(--green-200)}.checkbox-group{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.checkbox{flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-sm);border:2px solid var(--green-400);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;margin-top:2px;background:transparent;padding:0;cursor:pointer}.checkbox:disabled{opacity:.6;cursor:default}.checkbox-checked{background:var(--green-500);border-color:var(--green-500)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.toggle-label{font-size:.85rem;color:var(--ink-soft)}.switch{flex-shrink:0;width:46px;height:28px;padding:3px;border:none;border-radius:999px;background:var(--green-200);cursor:pointer;transition:background .15s ease}.switch-on{background:var(--green-500)}.switch-thumb{display:block;width:22px;height:22px;border-radius:999px;background:var(--surface);box-shadow:0 1px 3px #27473640;transition:transform .15s ease}.switch-on .switch-thumb{transform:translate(18px)}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.calendar-header .icon-btn{background:var(--green-100);font-size:1.3rem;border:none;cursor:pointer;flex-shrink:0}.calendar-header .icon-btn:disabled{opacity:.35;cursor:not-allowed}.calendar-month{font-size:1rem;font-weight:700;text-align:center}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-weekdays{margin-bottom:4px;font-size:.7rem;font-weight:700;color:var(--ink-soft);text-align:center}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--green-50);color:var(--ink-soft);padding:0;cursor:pointer}.calendar-day-number{font-size:.85rem;line-height:1}.calendar-day-count{font-size:.65rem;font-weight:700;line-height:1;min-height:.65rem}.calendar-day-done{background:var(--green-300);color:var(--green-900);font-weight:600}.calendar-day-today{border-color:var(--green-600)}.calendar-day:active{background:var(--green-400)}.calendar-back{align-self:flex-start;text-decoration:none;font-size:.9rem;padding-left:0;margin-bottom:-6px}.calendar-summary{margin-top:12px;text-align:center}.calendar-day-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.calendar-day-header .btn-text{padding:0;flex-shrink:0}.calendar-day-title{font-size:1rem}.empty-state{text-align:center;padding:40px 16px;color:var(--ink-soft)}.fab{position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:999px;background:var(--green-500);color:#fff;border:none;font-size:1.6rem;box-shadow:0 8px 20px #3f7a5c59;z-index:15}.auth-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:360px}.auth-logo{text-align:center;margin-bottom:24px}.auth-logo .emoji{font-size:2.4rem}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.media-thumb{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--green-100);position:relative}.media-open{display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover}.media-play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:999px;background:#22322a8c;color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center;pointer-events:none}.media-thumb .remove-btn{position:absolute;top:4px;right:4px;background:#22322a99;color:#fff;border:none;border-radius:999px;width:22px;height:22px;font-size:.75rem;line-height:1;z-index:1}.media-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#141e18f0;padding:calc(env(safe-area-inset-top) + 64px) calc(env(safe-area-inset-right) + 56px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 56px)}.media-viewer-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-viewer-stage img,.media-viewer-stage video{display:block;max-width:100%;max-height:100%;object-fit:contain}.media-viewer-close,.media-viewer-nav{position:absolute;width:44px;height:44px;border:none;border-radius:999px;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.media-viewer-close{top:calc(env(safe-area-inset-top) + 12px);left:calc(env(safe-area-inset-left) + 12px);font-size:1rem}.media-viewer-nav{top:50%;transform:translateY(-50%);font-size:1.7rem;line-height:1}.media-viewer-prev{left:calc(env(safe-area-inset-left) + 6px)}.media-viewer-next{right:calc(env(safe-area-inset-right) + 6px)}.media-viewer-count{position:absolute;top:calc(env(safe-area-inset-top) + 22px);right:calc(env(safe-area-inset-right) + 16px);font-size:.8rem;font-weight:600;color:#fffc}.prescription-timer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:var(--green-900);color:#fff;padding:calc(env(safe-area-inset-top) + 20px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 20px);transition:background-color .4s ease,color .4s ease}.prescription-timer.prescription-timer-dark-text{color:var(--ink)}.prescription-timer-close{position:absolute;top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px);width:44px;height:44px;border:none;border-radius:999px;background:#ffffff26;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .4s ease}.prescription-timer-dark-text .prescription-timer-close{color:var(--ink)}.prescription-timer-title{position:absolute;top:calc(env(safe-area-inset-top) + 20px);left:calc(env(safe-area-inset-left) + 20px);right:calc(env(safe-area-inset-right) + 68px);font-size:1rem;font-weight:600;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .4s ease}.prescription-timer-dark-text .prescription-timer-title{color:#22322acc}.prescription-timer-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;cursor:pointer}.prescription-timer-round{font-size:.9rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em;transition:color .4s ease}.prescription-timer-dark-text .prescription-timer-round{color:#22322ab3}.prescription-timer-hint{font-size:.9rem;color:#ffffffb3;transition:color .4s ease}.prescription-timer-dark-text .prescription-timer-hint{color:#22322ab3}.prescription-timer-label{font-size:1.5rem;font-weight:700}.prescription-timer-countdown{font-size:5rem;font-weight:700;font-variant-numeric:tabular-nums}.prescription-timer-footer{display:flex;flex-direction:column;gap:10px}.prescription-timer-blocks{display:flex;gap:4px;height:14px}.prescription-timer-block{border-radius:999px;min-width:4px}.prescription-timer-block.is-done{background:var(--green-700)}.prescription-timer-block.is-current{background:var(--green-400)}.prescription-timer-block.is-upcoming{background:#fff3}.prescription-timer-progress{height:6px;border-radius:999px;background:#ffffff26;overflow:hidden}.prescription-timer-progress-fill{height:100%;background:var(--green-400);transition:width 1s linear}.text-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#141e188c;padding:calc(env(safe-area-inset-top) + 16px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 16px) calc(env(safe-area-inset-left) + 16px)}.text-modal-panel{display:flex;flex-direction:column;gap:12px;width:100%;max-width:560px;max-height:100%;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:16px}.text-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.text-modal-header .icon-btn{background:var(--green-100);flex-shrink:0}.text-modal-body{flex:1;min-height:200px;resize:none;width:100%;padding:12px;border:1px solid var(--green-200);border-radius:var(--radius-md);background:var(--green-50);color:var(--ink);font-size:.85rem;line-height:1.5;white-space:pre;overflow:auto}.text-modal-actions{display:flex;flex-direction:column;gap:8px}.note{border-bottom:1px solid var(--green-100);padding:10px 0}.note:last-child{border-bottom:none}.note-meta{font-size:.75rem;color:var(--ink-soft);margin-bottom:4px}.tag{display:inline-block;background:var(--green-100);color:var(--green-700);border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600}
