@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap";
:root{--bg:#f6f4ec;--ink:#142027;--ink-soft:#4a5b64;--tile:#ffffffd6;--tile-border:#1520271f;--accent:#0d8f76;--accent-strong:#0a745f;--accent-soft:#c9efe7;--warm:#ff8a3d;--success:#0f9f6f;--error:#c7402f;--shadow:0 14px 34px #1420271f}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 18% 0,#f8f9f2 0%,#edf4eb 42%,#f9efe1 100%);margin:0;padding:0;font-family:Outfit,Avenir Next,Segoe UI,sans-serif}button,input,label,h1,h2,h3,p,a{font:inherit;color:inherit}.login-page,.dashboard-page{padding:1.5rem;position:relative}.hero-bg{pointer-events:none;background:radial-gradient(circle,#0d8f764d 0%,#0d8f7600 70%);border-radius:50%;width:430px;height:430px;position:fixed;inset:-120px -100px auto auto}.login-page{place-items:center;min-height:100vh;display:grid}.login-card{background:var(--tile);border:1px solid var(--tile-border);width:min(420px,100%);box-shadow:var(--shadow);border-radius:1.25rem;padding:2rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.85rem}h1{letter-spacing:-.03em;margin:.3rem 0 .6rem;font-family:Space Grotesk,Trebuchet MS,sans-serif;font-size:clamp(1.6rem,3.2vw,2.4rem)}.muted{color:var(--ink-soft);margin:0}form{margin-top:1.1rem}label{gap:.35rem;min-width:0;margin-bottom:.75rem;font-size:.95rem;display:grid}input,select{background:#ffffffeb;border:1px solid #15202733;border-radius:.7rem;width:100%;min-width:0;max-width:100%;padding:.62rem .72rem;display:block}input[type=file]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}input[type=file]::file-selector-button{color:var(--ink);cursor:pointer;background:#1520271a;border:none;border-radius:.55rem;margin-right:.55rem;padding:.35rem .65rem}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button,.btn-link{background:linear-gradient(130deg,var(--accent)0%,#0b7f68 100%);color:#fff;cursor:pointer;border:none;border-radius:.72rem;justify-content:center;align-items:center;padding:.62rem .88rem;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.64;cursor:wait}button.ghost{color:var(--ink);background:#15202714}button.danger{color:#7f1b10;background:#c7402f29}button.tiny{padding:.38rem .62rem;font-size:.8rem}.form-error{color:var(--error);margin:.1rem 0 .7rem}.dashboard-header{z-index:1;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex;position:relative}.tile-grid{z-index:1;grid-template-columns:repeat(12,1fr);grid-auto-rows:8px;align-items:start;gap:.92rem;display:grid;position:relative}.tile{background:var(--tile);border:1px solid var(--tile-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.1rem;grid-column:span 6;padding:1rem}.tile-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.8rem;display:flex}.tile-head-button{width:100%;color:inherit;text-align:left;box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:0;margin:0;padding:0}.tile-head-button:hover h2,.tile-head-button:focus-visible h2{color:var(--accent-strong)}.tile-head-meta{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:.7rem;display:flex}.tile-toggle-hint{color:var(--accent-strong);background:#0d8f761a;border:1px solid #0d8f7647;border-radius:999px;padding:.15rem .45rem;font-size:.75rem;font-weight:600;display:inline-block}.tile h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.12rem}.tile-head p{color:var(--ink-soft);margin:0;font-size:.88rem}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.stat-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{background:#ffffffb3;border:1px solid #15202714;border-radius:.9rem;padding:.72rem}.stat-label{color:var(--ink-soft);margin:0;font-size:.8rem}.stat-value{margin:.1rem 0 0;font-family:Space Grotesk,sans-serif;font-size:1.42rem}.stat-helper{color:var(--ink-soft);margin:.15rem 0 0;font-size:.77rem}.countdown-stats{grid-template-columns:minmax(260px,520px);justify-content:center;gap:.75rem;display:grid}.countdown-card{text-align:center;background:linear-gradient(#ffffffc7,#f5f9f7b8);border:1px solid #1520271a;border-radius:.95rem;padding:.85rem .8rem .72rem}.countdown-label{color:var(--ink-soft);margin:0;font-size:.84rem}.countdown-value{letter-spacing:-.025em;margin:.12rem 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.1rem,4.4vw,2.8rem);line-height:1}.countdown-card.primary{padding-top:1rem;padding-bottom:.9rem}.countdown-card.primary .countdown-value{font-size:clamp(3.2rem,8vw,4.8rem)}.countdown-note{color:var(--ink-soft);margin:.35rem 0 0;font-size:.74rem}.countdown-progress-wrap{margin-top:.8rem}.progress-track.countdown-track{height:12px}.countdown-meta{justify-content:space-between;align-items:baseline;gap:.65rem;margin-top:.45rem;display:flex}.countdown-meta p{color:var(--ink-soft);margin:0;font-size:.82rem}.countdown-meta p:first-child{color:var(--ink);font-weight:600}.rowing-stats .stat{text-align:center;background:linear-gradient(#ffffffc7,#f5f9f7b8);border:1px solid #1520271a;border-radius:.95rem;padding:.85rem .8rem .72rem}.rowing-stats .stat-label{font-size:.84rem}.rowing-stats .stat-value{letter-spacing:-.02em;font-size:clamp(1.9rem,4vw,2.45rem);line-height:1}.rowing-stats .stat-helper{margin-top:.35rem;font-size:.74rem}.progress-wrap,.target-progress-row{margin-top:.8rem}.progress-track{background:#15202717;border-radius:999px;height:11px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--warm),var(--accent));height:100%;display:block}.mini-note{color:var(--ink-soft);margin:.35rem 0 0;font-size:.85rem}.chart-wrap{background:linear-gradient(#0d8f761f,#0d8f7600);border-radius:.8rem;min-height:190px;margin-top:.8rem;padding:.5rem}.chart-wrap canvas{display:block;width:100%!important;height:176px!important}.targets-layout{grid-template-columns:160px 1fr;align-items:stretch;gap:.9rem;margin-top:.82rem;display:grid}.targets-rail{--rail-x:84px;min-height:clamp(260px,34vw,420px);position:relative}.targets-rail-track{top:4%;bottom:4%;left:var(--rail-x);background:#1520271a;border-radius:999px;width:4px;position:absolute;overflow:hidden;transform:translate(-50%)}.targets-rail-fill{background:linear-gradient(#34be9f,#0d8f76);position:absolute;top:0;left:0;right:0}.targets-rail-dot{left:var(--rail-x);background:#c8d3d8;border:2px solid #f3f6f8;border-radius:999px;width:11px;height:11px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #1520271f}.targets-rail-dot.start,.targets-rail-dot.goal{background:#4a5b64}.targets-rail-dot.milestone.achieved{background:#0d8f76}.targets-rail-dot.milestone.next{background:#fff;box-shadow:0 0 0 2px #0d8f768c}.targets-rail-current{left:calc(var(--rail-x) + 14px);z-index:2;position:absolute;transform:translateY(-50%)}.targets-rail-current span{color:#0a6f5b;background:#e8faf5f2;border:1px solid #0d8f7647;border-radius:999px;padding:.18rem .45rem;font-size:.76rem;font-weight:700;display:inline-block}.targets-rail-label{left:calc(var(--rail-x) - 10px);color:var(--ink-soft);text-align:right;white-space:nowrap;margin:0;font-size:.72rem;line-height:1;position:absolute;transform:translate(-100%,-50%)}.targets-rail-milestone-label{left:calc(var(--rail-x) - 10px);color:var(--ink-soft);white-space:normal;word-break:break-word;text-align:right;max-width:82px;font-size:.72rem;line-height:1.08;display:block;position:absolute;transform:translate(-100%,-50%)}.targets-rail-milestone-label.achieved{color:#0a6f5b}.targets-rail-milestone-label.next{color:#0d8f76;font-weight:600}.targets-rail-label.top{top:4%}.targets-rail-label.bottom{top:calc(96% + 8px);transform:translate(-100%)}.target-list{gap:.62rem;margin:0;display:grid}.target-item{background:#ffffffb8;border:1px solid #1520271a;border-radius:.9rem;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:.62rem .68rem;display:flex}.target-item.is-achieved{background:linear-gradient(#d8f5edd1,#ffffffad);border-color:#0d8f7652}.target-main{flex:1;gap:.38rem;display:grid}.target-header{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.target-title{margin:0;font-size:1rem;font-weight:600}.target-pill{color:#495961;white-space:nowrap;background:#4a5b641f;border:1px solid #4a5b6433;border-radius:999px;margin:0;padding:.2rem .48rem;font-size:.75rem}.target-pill.done{color:#0a6f5b;background:#0d8f7629;border-color:#0d8f7642}.target-meta{color:var(--ink-soft);margin:0;font-size:.82rem}.target-inline-progress{gap:.3rem;display:grid}.progress-track.slim{height:7px}.target-thumb{object-fit:contain;border-radius:.65rem;flex-shrink:0;width:auto;max-width:140px;height:auto;max-height:90px;display:block}.target-actions{flex-wrap:wrap;gap:.5rem;display:flex}.target-edit-form{width:100%;margin-top:0}.target-edit-form label{margin-bottom:.5rem}.concept2-row{gap:.45rem;margin-top:.9rem;display:grid}.rowing-matrix-wrap{border-top:1px solid #1520271a;margin-top:1rem;padding-top:.9rem}.button-row{flex-wrap:wrap;gap:.52rem;display:flex}.heatmap-shell{--heat-cell-size:18px;--heat-cell-gap:.32rem;grid-template-columns:auto 1fr;align-items:start;gap:.45rem;display:grid}.heatmap-ylabels{grid-template-rows:repeat(7,var(--heat-cell-size));gap:var(--heat-cell-gap);padding-top:0;display:grid}.heatmap-ylabel{font-size:.78rem;line-height:var(--heat-cell-size);color:var(--ink-soft);text-align:right;width:14px}.heatmap-scroll{padding:0 0 .3rem;overflow-x:auto}.heatmap-grid{--heat-weeks:1;grid-template-rows:repeat(7,var(--heat-cell-size));grid-template-columns:repeat(var(--heat-weeks),var(--heat-cell-size));gap:var(--heat-cell-gap);width:max-content;min-width:100%;display:grid}.heat-cell{width:var(--heat-cell-size);height:var(--heat-cell-size);border:1px solid #15202714;border-radius:3px;place-items:center;display:grid}.heat-cell-mark{font-size:clamp(.45rem,calc(var(--heat-cell-size)*.38),.7rem);color:#142027d1;pointer-events:none;font-weight:700;line-height:1}.heat-cell.level-before{background:#f3f6f8}.heat-cell.level-empty{background:#cbd4d9}.heat-cell.level-future{background:#dce2e6}.heat-cell.level-1{background:#c9ede3}.heat-cell.level-2{background:#89dbc8}.heat-cell.level-3{background:#45be9f}.heat-cell.level-4{background:#12735e}.heat-cell.level-3 .heat-cell-mark,.heat-cell.level-4 .heat-cell-mark{color:#f5fffbf2}.photo-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;display:grid}.photo-privacy-actions{margin-bottom:.58rem}.photo-panel{background:#ffffffb8;border:1px solid #1520271a;border-radius:.86rem;padding:.6rem}.photo-panel p{margin:0 0 .45rem;font-size:.9rem}.photo-panel-after{outline:none;position:relative}.photo-panel-after.is-hover-playable{cursor:pointer}.photo-panel img,.photo-empty{aspect-ratio:4/5;object-fit:cover;background:#15202714;border-radius:.6rem;width:100%}.progress-photo{transition:filter .22s,transform .22s}.progress-photo.is-obscured{filter:blur(24px)saturate(.45)contrast(.8)brightness(.86);transform:scale(1.04)}.photo-panel-after img{transition:transform .22s,filter .22s}.photo-panel-after.is-playing{border-color:#0d8f766b;box-shadow:0 0 0 2px #0d8f7624}.photo-panel-after.is-playing img{filter:saturate(1.08)contrast(1.04);transform:scale(1.01)}.photo-panel-after.is-playing img.is-obscured{filter:blur(24px)saturate(.45)contrast(.8)brightness(.86);transform:scale(1.04)}.photo-panel-after:focus-visible{border-color:#0d8f766b;box-shadow:0 0 0 3px #0d8f763d}.photo-hover-hint{color:var(--ink-soft);margin:.5rem 0 0;font-size:.78rem}.photo-empty{color:var(--ink-soft);place-items:center;font-size:.88rem;display:grid}.updates-tile{grid-column:span 12}.updates-tile.is-collapsed{padding-bottom:.95rem}.checkin-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:.75rem;margin-top:0;display:grid}.checkin-form label{margin-bottom:0}.checkin-form .checkbox-label{white-space:nowrap;background:#ffffffeb;border:1px solid #15202733;border-radius:.7rem;justify-content:center;align-items:center;gap:.45rem;min-height:48px;margin:0;padding:.62rem .82rem;font-weight:500;display:inline-flex}.checkin-form .checkbox-label input[type=checkbox]{width:22px;height:22px;margin:0;padding:0}.update-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.update-grid form{background:#ffffffbd;border:1px solid #1520271f;border-radius:.92rem;min-width:0;margin-top:0;padding:.8rem}.update-grid h3{margin:0 0 .62rem;font-family:Space Grotesk,sans-serif;font-size:.96rem}.progress-photos-library{background:#ffffffbd;border:1px solid #1520271f;border-radius:.92rem;margin-top:.92rem;padding:.8rem}.progress-photos-library-head{justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.62rem;display:flex}.progress-photos-library-head h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:.96rem}.progress-photos-library-head p{color:var(--ink-soft);margin:0;font-size:.82rem}.progress-photos-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.6rem;display:grid}.progress-photo-card{aspect-ratio:1;background:#15202714;border:1px solid #15202724;border-radius:.68rem;width:100%;position:relative;overflow:hidden}.progress-photo-card img{object-fit:cover;width:100%;height:100%;display:block}.progress-photo-delete{color:#fff;background:#c7402feb;border:1px solid #ffffffb3;border-radius:999px;width:22px;height:22px;padding:0;font-size:.88rem;font-weight:700;line-height:1;position:absolute;top:6px;right:6px}.progress-photo-delete:hover,.progress-photo-delete:focus-visible{background:#a02113f2;border-color:#ffffffe6}.weighins-history{background:#ffffffbd;border:1px solid #1520271f;border-radius:.92rem;margin-top:.92rem;padding:.8rem}.weighins-head{justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.55rem;display:flex}.weighins-head h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:.96rem}.weighins-head p{color:var(--ink-soft);margin:0;font-size:.82rem}.weighins-table-wrap{overflow-x:auto}.weighins-table{border-collapse:collapse;width:100%;min-width:460px}.weighins-table th,.weighins-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #15202717;padding:.5rem .35rem}.weighins-table th{color:var(--ink-soft);letter-spacing:.01em;font-size:.76rem;font-weight:600}.weighins-table td{font-size:.9rem}.weighins-table th:nth-child(3),.weighins-table td:nth-child(3){text-align:center}.weighins-table th:last-child,.weighins-table td:last-child{white-space:nowrap;text-align:right;width:168px}.weighins-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.weighins-actions button{white-space:nowrap}.weighins-input{width:100%;min-width:0;margin:0}.weighins-ymca-cell{font-weight:600}.weighins-checkbox{justify-content:center;align-items:center;gap:.35rem;margin:0;display:inline-flex}.weighins-checkbox input[type=checkbox]{width:16px;height:16px;margin:0}.banner{z-index:1;border-radius:.65rem;justify-content:space-between;align-items:center;gap:.6rem;margin:.55rem 0;padding:.58rem .75rem;display:flex;position:relative}.banner.success{background:#0f9f6f24;border:1px solid #0f9f6f3d}.banner.error{background:#c7402f1f;border:1px solid #c7402f3d}.banner-dismiss{appearance:none;color:#0b1321d6;font:inherit;letter-spacing:.02em;white-space:nowrap;background:#ffffffb3;border:1px solid #0b132129;border-radius:999px;padding:.34rem .55rem;font-size:.75rem;font-weight:700;line-height:1}.banner-dismiss:hover,.banner-dismiss:focus-visible{background:#ffffffe6;border-color:#0b132147}@media (max-width:1100px){.tile{grid-column:span 12}.update-grid,.checkin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.targets-layout{grid-template-columns:142px 1fr}.targets-rail{--rail-x:70px}}@media (max-width:720px){.dashboard-page,.login-page{padding:1rem}.dashboard-header{flex-direction:column}.stat-grid,.stat-grid.compact,.countdown-stats,.photo-compare,.checkin-form,.update-grid{grid-template-columns:1fr}.countdown-meta{flex-direction:column;align-items:flex-start;gap:.2rem}.banner{flex-wrap:wrap}.tile-grid{gap:.8rem}.targets-layout{grid-template-columns:1fr}.targets-rail{display:none}.target-item{flex-direction:column}.target-thumb{max-width:100%;max-height:180px}}