@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@300;400;500;600&display=swap";:root{--bg:#f6f6f9;--surface:#fff;--surface-alt:#eeeef2;--border:#dddde4;--text:#1a1a2e;--muted:#7c7c96;--primary:#f4a261;--primary-soft:#f4a26114;--primary-medium:#f4a26130;--primary-text:#f4a261;--accent:#48cae4;--accent-soft:#48cae414;--accent-medium:#48cae4;--accent-text:#48cae4;--highlight:#97e05f;--highlight-soft:#97e05f14;--highlight-medium:#97e05f;--highlight-text:#97e05f;--danger:#e5394b;--danger-soft:#e5394b14;--danger-medium:#e5394b30;--display:"Bebas Neue", sans-serif;--body:"Outfit", sans-serif;--radius:12px;--radius-lg:16px;--radius-pill:100px;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-nav:0 -1px 12px #0000000f;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--nav-height:64px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}input,button,select{outline:none;font-family:inherit}.app-shell{width:100%;padding:0 24px;padding-top:calc(var(--safe-top) + 24px);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 24px);min-height:100%}.swipe-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:calc(100vh - var(--nav-height) - var(--safe-bottom));display:flex;overflow-x:auto}.swipe-container::-webkit-scrollbar{display:none}.swipe-panel{scroll-snap-align:start;overscroll-behavior:contain;min-width:100%;overflow-y:auto}.input,select.input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--body);border-radius:var(--radius);appearance:none;min-height:48px;padding:12px 14px;font-size:14px;font-weight:400;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-medium)}.input::placeholder{color:#b0b0c0}.btn{font-family:var(--display);letter-spacing:.12em;border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:14px 28px;font-size:18px;transition:transform .1s,opacity .1s}.btn:active{opacity:.85;transform:scale(.97)}.btn-accent{background:var(--primary);color:#000;box-shadow:0 2px 8px var(--primary-medium)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-medium)}.btn-ghost{color:var(--muted);border-color:var(--border);background:0 0}.btn-ghost:active{background:var(--surface-alt)}.btn-danger{color:var(--danger);border-color:var(--danger-medium);font-family:var(--body);letter-spacing:.05em;background:0 0;font-size:13px;font-weight:500}.btn-danger:active{background:var(--danger-soft)}.btn-full{width:100%}.pill{text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary-text);border:1px solid var(--primary-medium);white-space:nowrap;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:500;display:inline-flex}.pill-accent{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-medium)}.pill-highlight{background:var(--highlight-soft);color:var(--highlight-text);border-color:var(--highlight-medium)}.pill-neutral{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-medium)}.pill-danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-medium)}.pill-sm{letter-spacing:.06em;padding:2px 8px;font-size:9px}.pill-lg{padding:6px 16px;font-size:13px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px}.section-title{font-family:var(--display);color:var(--muted);letter-spacing:.15em;margin-top:40px;margin-bottom:14px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:11px;font-weight:500;display:block}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.15}}.skeleton{background:var(--surface-alt);border-radius:var(--radius);animation:1.5s infinite skeleton-pulse}.empty-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state svg{stroke-width:1.5px;width:48px;height:48px}.empty-state p{max-width:240px;font-size:14px;font-weight:400}.slide-in{animation:.25s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.confirm-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--surface);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:320px;padding:28px 24px 20px;box-shadow:0 8px 32px #00000026}.confirm-title{font-family:var(--display);letter-spacing:.04em;color:var(--text);margin-bottom:8px;font-size:22px}.confirm-message{color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.5}.confirm-actions{gap:8px;display:flex}.confirm-actions .btn{flex:1;padding:12px 16px;font-size:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{-webkit-tap-highlight-color:transparent}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.scroll-sentinel{min-height:1px;padding-bottom:24px}.loading-more{color:var(--muted);justify-content:center;padding:16px 0;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:.8s linear infinite spin}.landing{flex-direction:column;justify-content:center;min-height:100vh;padding:60px 24px;display:flex;position:relative;overflow:hidden}.landing-header{top:calc(var(--safe-top) + 24px);align-items:center;gap:12px;display:flex;position:absolute;right:24px}.logo-text{font-family:var(--display);color:var(--text);letter-spacing:.12em;margin-top:4px;font-size:29.4px}.logo-mark{width:58px;height:58px}.logo-img{width:100%;height:100%}.landing-title{font-family:var(--display);letter-spacing:.04em;color:var(--text);margin-bottom:16px;font-size:72px;line-height:.9}.landing-sub{color:var(--muted);margin-bottom:48px;font-size:14px;font-weight:300}.landing-actions{flex-direction:column;gap:12px;display:flex}.btn-signin{background:var(--accent);color:#fff;box-shadow:0 2px 12px #48cae44d}.btn-install{color:var(--muted);border:1px solid var(--border);background:0 0}.ios-install-banner{bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--surface);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:14px;align-items:center;gap:6px;padding:12px 18px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000026}.ios-install-banner strong{color:var(--text);font-weight:600}.ios-install-banner svg{color:var(--accent);flex-shrink:0}.sheet-backdrop{z-index:100;background:#0006;animation:.2s ease-out fadeIn;position:fixed;inset:0}.sheet{background:var(--surface);padding:16px 24px calc(32px + env(safe-area-inset-bottom,0px));z-index:101;border-radius:24px 24px 0 0;max-height:85vh;transition:transform .35s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.sheet-open{transform:translateY(0)}.sheet-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 24px}.sheet-title{font-family:var(--display);letter-spacing:.06em;color:var(--text);margin-bottom:6px;font-size:28px}.sheet-desc{color:var(--muted);margin-bottom:28px;font-size:14px;font-weight:300}.error{color:var(--danger);margin-bottom:16px;font-size:13px}.token-display{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);text-align:center;color:var(--primary-text);word-break:break-all;margin-bottom:32px;padding:20px;font-size:18px;font-weight:600}.heatmap-months{flex-direction:column;gap:4px;display:flex;overflow:hidden}.heatmap-month-row{align-items:center;gap:8px;display:flex}.heatmap-month-label{font-family:var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;width:22px;font-size:9px;font-weight:500}.heatmap-row{flex:1;gap:2px;min-width:0;display:flex}.heatmap-cell{border-radius:2px;flex:1;min-width:0;height:9px}.heatmap-cell-empty{pointer-events:none;background:0 0!important}.home{padding:24px;padding-top:calc(var(--safe-top) + 24px);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 24px)}.greeting{font-family:var(--display);letter-spacing:.04em;color:var(--text);margin-bottom:4px;font-size:40px;line-height:1}.accent-text{color:var(--primary-text)}.greeting-sub{color:var(--muted);margin-bottom:12px;font-size:13px;font-weight:300}.summary-pills{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.session-card{cursor:pointer;margin-bottom:10px;transition:transform .1s}.session-card:active{transform:scale(.98)}.session-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.session-date{letter-spacing:.01em;color:var(--text);font-size:16px;font-weight:600}.session-duration{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.session-pills{justify-content:space-between;align-items:center;gap:6px;display:flex}.session-pills-left,.session-pills-right{flex-wrap:wrap;gap:6px;display:flex}.active-session{padding:24px;padding-top:calc(var(--safe-top) + 24px);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 24px)}.session-empty{min-height:calc(100vh - var(--nav-height) - var(--safe-bottom));flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.session-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.session-header h2{font-family:var(--display);letter-spacing:.04em;color:var(--text);font-size:36px;line-height:1}.timer-pill{font-family:var(--display);letter-spacing:.06em;color:var(--primary-text);background:var(--primary-soft);border:1px solid var(--primary-medium);border-radius:var(--radius-pill);padding:6px 18px;font-size:24px}.session-summary-pills{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.selected-exercise{align-items:center;gap:10px;margin-bottom:16px;display:flex}.selected-exercise-name{font-family:var(--display);letter-spacing:.04em;color:var(--text);font-size:24px;line-height:1}.exercise-select-row{gap:8px;margin-bottom:12px;display:flex}.exercise-select{flex:1}.btn-new-ex{color:#000;justify-content:center;align-items:center;min-height:48px;padding:12px 14px;display:flex}.new-exercise-form{margin-bottom:20px}.new-exercise-form .form-group:last-of-type{margin-bottom:16px}.log-form{margin-top:8px;margin-bottom:8px}.log-inputs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.log-inputs .form-group{margin-bottom:0}.log-input{text-align:center;padding:14px;font-size:18px;font-weight:500}.log-submit{margin-top:4px}.exercise-group{margin-bottom:32px}.exercise-group-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.exercise-group-name{color:var(--text);font-size:15px;font-weight:600}.log-entry{align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.set-pill{flex-shrink:0}.log-values{text-align:right;color:var(--text);flex:1;padding-right:8px;font-size:13px;font-weight:400}.number{color:var(--primary-text);font-weight:600}.log-delete{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;line-height:1;transition:color .15s;display:flex}.log-delete:active{color:var(--danger);background:var(--danger-soft)}.end-row{gap:8px;margin-top:32px;display:flex}.btn-cancel-session{flex-shrink:0;justify-content:center;align-items:center;min-height:48px;padding:12px 14px;display:flex}.end-session-btn{color:#000;flex:1}.ended-banner{text-align:center;background:var(--primary-soft);border:1px solid var(--primary-medium);border-radius:var(--radius-lg);margin-top:32px;padding:24px}.ended-text{font-family:var(--display);letter-spacing:.04em;color:var(--primary-text);margin-bottom:12px;font-size:24px}.progress-tab{padding:24px;padding-top:calc(var(--safe-top) + 24px);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 24px)}.progress-tab-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.progress-tab-title{font-family:var(--display);letter-spacing:.04em;color:var(--text);font-size:36px;line-height:1}.logout-btn{color:var(--muted);cursor:pointer;border-radius:var(--radius);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .15s,background .15s;display:flex}.logout-btn:active{color:var(--danger);background:var(--danger-soft)}.exercise-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;align-items:center;gap:10px;margin-bottom:8px;padding:14px 16px;transition:transform .1s;display:flex}.exercise-row:active{transform:scale(.98)}.exercise-row-name{letter-spacing:.01em;color:var(--text);flex:1;font-size:15px;font-weight:600}.exercise-row-arrow{color:var(--muted);font-size:18px}.chart-container{padding:28px 20px 16px}.chart-container svg{width:100%;height:auto}.chart-labels{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:10px;font-weight:400;display:flex}.progression{padding:24px;padding-top:calc(var(--safe-top) + 24px);padding-bottom:24px}.back-btn{color:var(--primary-text);font-family:var(--body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:20px;padding:8px 0;font-size:15px;font-weight:500;display:inline-flex}.back-btn:active{opacity:.6}.chart-heading{font-family:var(--display);letter-spacing:.04em;color:var(--text);margin-bottom:8px;font-size:36px;line-height:1}.progression-meta{align-items:center;gap:10px;margin-bottom:24px;display:flex}.chart-sub{color:var(--muted);font-size:13px;font-weight:300}.trend-pills{gap:8px;margin-top:20px;display:flex}.tab-bar{height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface);box-shadow:var(--shadow-nav);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-item{color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:3px;padding:8px 16px;transition:color .15s;display:flex}.tab-item:active{transform:scale(.93)}.tab-item.active{color:var(--primary-text)}.tab-label{font-family:var(--body);letter-spacing:.02em;font-size:10px;font-weight:500}