/* PACE 0.6: quiet surfaces, short summaries, one primary action. */
:root{--green:#d8edb2;--ink:#202735;--muted:#717888;--line:#e8ebef;color:var(--ink);background:#f6f7f9;font-family:Inter,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
body{background:#f6f7f9}.sidebar{width:208px;background:#151a24;padding:34px 18px 22px;color:#b9bec8}.brand{font-size:29px;letter-spacing:-1px;gap:10px}.brand-icon{background:#d8edb2;border-radius:12px;color:#27332b;font-size:26px;width:34px;height:36px}.brand-dot{color:#d8edb2}.sidebar-caption{color:#737b8b;font-size:9px;letter-spacing:1.8px;margin:18px 10px 38px}.sidebar nav{gap:8px}.nav-item{color:#989fab;gap:13px;font-size:14px;padding:14px 16px;border-radius:12px}.nav-item.active{background:#2a3332;color:#e2efca}.nav-item:hover{background:#232a35;color:#fff}.sidebar-bottom{border-color:#2a303b}.device-mark{font-size:12px;color:#c3c9d1}.device-mark small{color:#727d8b;font-size:11px}.quiet{color:#959ca9;font-size:12px}
main{margin-left:208px}.topbar{background:transparent;border-bottom:1px solid var(--line);height:76px;padding:0 42px}.breadcrumb{font-size:12px;color:#8b93a0}.breadcrumb strong{color:#444e60;font-weight:550}.date-label{color:#838a97;font-size:12px}.settings-quick{background:transparent;color:#7a8291;width:38px;height:38px}.content{max-width:1360px;padding:36px 42px 0;margin:0 auto}.page-heading{margin-bottom:27px;align-items:center}.page-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#8b93a0;margin-bottom:11px}.page-heading h1{font-size:34px;font-weight:650;letter-spacing:-1.8px;line-height:1.3}.page-heading h1+p{font-size:13px;line-height:1.7;color:#858d99;margin-top:10px}.page-actions{gap:8px}.button{border-radius:10px;font-size:12px;min-height:42px;padding:11px 16px;font-weight:600;white-space:normal}.button.primary{background:#27362e;color:#eef6e6;border:1px solid #27362e}.button.primary:hover{background:#3b4d40}.button.secondary{background:#fff;border:1px solid #e2e6eb;color:#4c5563}.button.secondary:hover{background:#f3f5f7}.button.ghost{color:#7b8592;font-size:12px;background:transparent;padding:7px 9px;min-height:34px}.button.danger{color:#a85151}.card{padding:25px;border:1px solid #e5e8ed;border-radius:18px;background:#fff;box-shadow:0 3px 12px #24304402}.card-header{margin-bottom:19px}.card-header h3,h3{font-size:15px;font-weight:650;color:var(--ink)}.card-header .sub{color:#8a92a0;font-size:11px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#8a929d}
.home-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;align-items:start}.home-grid .review-card{grid-column:auto}.home-grid .summary-card,.home-grid .journal-card{grid-column:1/-1}.review-card{background:#fff;border-color:#e5e8ed;min-height:325px}.review-card .eyebrow{color:#8b9590;font-size:9px;letter-spacing:1.7px;margin-bottom:7px}.review-picker{gap:10px;font-size:11px;color:#87908c}.review-picker select{font-size:12px;padding:9px 11px;border-color:#e6eae7;background:#fafbf9;color:#677366;min-width:0}.review-context{margin-top:18px;font-size:11px;line-height:1.7;color:#7f8894}.review-context .pill{display:none}.review-headline{font-size:20px!important;line-height:1.6;font-weight:600;letter-spacing:-.6px}.review-reference{font-size:11px;line-height:1.7;margin-bottom:14px;color:#8a929d}.review-metrics{margin:18px 0;gap:0;border:1px solid #eaedf0;border-radius:12px;overflow:hidden}.review-metrics>div{border:0;border-right:1px solid #eaedf0;border-radius:0;background:#fafbfc;padding:14px}.review-metrics>div:last-child{border-right:0}.review-metrics span,.review-metrics small{font-size:10px;color:#8a929f;line-height:1.6}.review-metrics strong{font-size:24px;font-weight:600;margin:6px 0;color:#2b3544;letter-spacing:-.8px}.review-metrics b{font-size:10px;margin-top:8px;background:#edf2e9;color:#6b7d61;padding:3px 6px}.review-findings{gap:10px}.review-findings section{padding:14px;border-radius:10px}.review-positive{background:#f1f5ed}.review-caution{background:#f6f3ec}.review-panel h4{font-size:11px;font-weight:650;margin-bottom:7px}.review-panel ul{font-size:12px;line-height:1.8;color:#6d7669;padding-left:15px}.review-empty{font-size:12px;line-height:1.8;color:#7a827b}.review-limit{font-size:11px}.review-draft-note{font-size:11px;background:#f7f4eb;padding:10px 12px;margin-bottom:12px}.pending-link{width:100%;border:1px solid #dfe6d7;background:#f0f5e9;border-radius:12px;padding:13px 17px;text-align:left;color:#67765c;font-size:12px;display:flex;justify-content:space-between;gap:10px;margin-bottom:18px}.pending-link span{color:#7b8c6c}.start-capture{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;width:100%;border:1px dashed #d9e2d0;background:#fafcf7;border-radius:14px;padding:32px 15px;margin-top:24px;color:#6a7e60}.start-capture strong{font-size:13px;font-weight:550}.start-capture span{font-size:11px;color:#949e8d}.start-capture .icon{width:24px;height:24px}
.coach-card{background:#202c27;border-color:#202c27;min-height:325px;color:#e6ede5;padding:27px}.coach-card h2{color:#eaf2e4;font-size:25px;font-weight:550;line-height:1.6;letter-spacing:-.9px}.coach-card .eyebrow{font-size:9px;letter-spacing:1.4px;color:#b3c5a6}.coach-card .badge{font-size:9px;color:#adbdaf;border:0;padding:4px 0}.coach-top{gap:10px;flex-wrap:wrap}.coach-main{margin:23px 0;gap:16px;align-items:flex-start;flex-wrap:wrap}.coach-main p{font-size:12px;line-height:1.8;color:#93a397}.minute-ring{transform:none;border:1px solid #51674b;background:#2c3c31;width:81px;height:81px;border-radius:16px;margin-top:5px}.minute-ring>div{transform:none}.minute-ring strong{font-size:29px;color:#d8edb2;font-weight:500}.minute-ring small{font-size:9px;color:#a8b9a1}.coach-bottom{gap:10px;border-color:#3b4e41;padding-top:18px;flex-wrap:wrap}.coach-bottom p{font-size:11px;line-height:1.9;color:#9caf9e}.coach-bottom .button.primary{background:#d8edb2;border-color:#d8edb2;color:#34462c;font-size:11px;min-height:37px;padding:8px 11px}.subtle-note{font-size:10px;color:#6f8777;margin-top:14px}.summary-card{padding:22px 26px}.summary-card .card-header{margin-bottom:0}.summary-card .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:16px}.summary-card .stat{border:0;box-shadow:none;border-radius:0;padding:0 24px;border-left:1px solid var(--line);background:transparent}.summary-card .stat:first-child{border-left:0;padding-left:0}.summary-card .stat-number{font-size:27px;font-weight:550;letter-spacing:-.9px;margin-top:6px}.summary-card .stat-label{font-size:11px;color:#8a929e}.summary-card .stat-delta{font-size:10px;color:#a0a6ad;margin-top:6px}.summary-card .stat-icon{display:none}.journal-card{padding-bottom:12px}.workout-row{padding:16px 0;border-color:#edf0f3;grid-template-columns:38px minmax(110px,1.5fr) 1fr 1fr 1fr 20px;gap:15px}.run-icon{width:36px;height:36px;border-radius:11px;background:#f0f4ec;color:#889e75}.run-name strong{font-size:13px;font-weight:600}.run-name small{font-size:10px;color:#9ca4ad;margin-top:5px}.run-metric strong{font-size:14px;font-weight:550}.run-metric small{font-size:10px;color:#98a1ab;margin-top:5px}.run-metric strong span{color:#9ba2ad;font-size:10px}.row-more{color:#abb2bc}.workout-row:hover{background:#f9fafb}.demo-banner{font-size:11px;background:#eeeee9;color:#848779;border:0;border-radius:10px;padding:10px 14px;margin-bottom:25px;line-height:1.7}.demo-banner button{font-size:11px;color:#667158}.demo-dot{display:none}footer{font-size:10px;border-color:#e9ecef;color:#a6adb7;padding:17px 0 25px;margin-top:28px}.weight-shortcut{margin-top:20px}.journal-toolbar select{border-color:#e4e8ed;color:#697586}.coach-detail{gap:20px}.checkin-footer,.chart-caption,.form-hint{color:#8a939f;line-height:1.8;font-size:12px}.checkin-line label{color:#6f7a86}.hint-box{color:#6d7c62;border-color:#e0e8d9;background:#f6f9f2}.segmented{background:#f0f3ee}.segmented button{font-size:12px;color:#899282}.segmented button.active{color:#4a5c41}.pill{font-size:10px;background:#f1f4eb;color:#7f906c}.weight-chart{filter:saturate(.65)}
dialog{border-color:#e3e8eb;border-radius:20px;box-shadow:0 20px 100px #121b3530;color:var(--ink)}dialog::backdrop{background:#131c3360;backdrop-filter:blur(6px)}.dialog-heading h2{font-size:23px;font-weight:600}.icon-button{background:#f1f3f5;color:#9199a4}.form-tabs{gap:22px;border-color:#e6ebee}.form-tabs button{font-size:12px;color:#9aa2ad}.form-tabs button.active{color:#546e49;border-color:#728a61}.capture-intro{color:#747f8a;font-size:13px;line-height:1.9}.upload-zone{border:1px dashed #bccdb1;background:#f8fbf5;border-radius:16px;padding:32px 18px;gap:12px;color:#6c825e}.upload-zone strong{font-size:17px;font-weight:600}.upload-zone>span{font-size:11px;color:#98a48f}.upload-zone small{font-size:10px;color:#a0aa98}.upload-zone .icon{width:28px;height:28px;color:#7c946c}.upload-zone .button{padding:10px 26px;color:#637c55;border-color:#d6e0ce}.image-drag .upload-zone,.image-drag .start-capture{background:#eaf3df;border:2px dashed #83a866}.image-drag main::after{content:'사진을 놓으면 등록 창이 열려요';position:fixed;inset:12px 12px 12px 220px;display:grid;place-items:center;background:#eaf3dfd9;border:2px dashed #80a464;border-radius:20px;z-index:10;pointer-events:none;font-size:20px;color:#546e41}.image-drag:has(#record-dialog[open]) main::after{display:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;clip:rect(0,0,0,0)!important;overflow:hidden!important;white-space:nowrap!important}.upload-previews{margin:16px 0}.upload-previews img{height:140px}.upload-previews figure{border-color:#e0e7db}.retain-images{font-size:12px;color:#839177}.upload-previews figcaption{font-size:10px}.form-error{color:#b46958}.capture-inbox{padding:21px;background:#f4f7f0;border:1px solid #e0e8d6;border-radius:16px}.capture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.capture-tile{background:white;border:1px solid #e0e7d9;border-radius:12px;min-width:0}.capture-open{display:flex;align-items:center;gap:12px;background:transparent;text-align:left;padding:17px;width:100%;color:var(--ink)}.capture-tile-copy{display:grid;gap:9px;min-width:0}.capture-date,.capture-tile-meta{font-size:11px;color:#8a9880;line-height:1.6}.capture-tile-copy strong{font-size:23px;font-weight:550;line-height:1.5}.capture-tile-copy em{font-size:11px;font-style:normal}.capture-icon{padding:9px}.capture-tile-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1e7;padding:7px 11px}.capture-status{font-size:10px;color:#849872}.capture-status.failed{color:#b38561}.capture-status.processing{color:#8c9ca8}
.connection-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.connection-pill{border-radius:20px;background:#f1f3f6;color:#88919e;font-size:10px;padding:6px 10px;white-space:nowrap}.connection-pill.received{background:#edf4e7;color:#758b61}.connection-flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:27px 0 18px;font-size:13px;color:#5d6c64}.connection-flow span{padding:10px 13px;background:#f1f5ed;border-radius:9px}.connection-flow b{font-size:11px;font-weight:400;color:#abb5a4}.connection-address{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0;background:#f7f8fa;border-radius:12px;padding:16px}.connection-address small{width:100%;font-size:10px;color:#98a0ac}.connection-address code{font-size:11px;overflow-wrap:anywhere;flex:1;min-width:0;color:#5f6d7a;line-height:1.8}.connection-address .button{font-size:10px;min-height:34px;padding:8px 11px}.connection-help{font-size:12px;line-height:1.9;color:#8a939d;margin-top:24px}.connection-help summary{cursor:pointer;color:#778479;min-height:30px}.connection-help p{margin:12px 0}.connection-layout .card>.form-hint{margin:15px 0 23px}.sync-options{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sync-options article{padding:20px;background:#f8f9fa;border-radius:13px}.option-tag{font-size:10px;color:#7c926d;display:block;margin-bottom:13px}.sync-options h3{font-size:17px;margin-bottom:15px}.sync-options p,.sync-options li{font-size:12px;line-height:1.9;color:#87909a}.sync-options p{margin-bottom:12px}.sync-options ol{padding-left:18px;margin:12px 0 18px}.sync-options a{font-size:11px;color:#677f57;text-decoration:none}.connection-layout .card .eyebrow{margin-bottom:9px}
@media(max-width:1180px){.content{padding:28px 28px 0}.topbar{padding:0 28px}.home-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:16px}.card{padding:22px}.coach-main h2{font-size:23px}.review-metrics strong{font-size:21px}.coach-card{padding:25px}.review-findings{grid-template-columns:1fr}.capture-grid{grid-template-columns:1fr 1fr}}
@media(max-width:950px){.sidebar{width:78px;padding:28px 12px}.sidebar>.brand{justify-content:center;padding:0}.sidebar>.brand>span:last-child,.sidebar-caption,.sidebar-bottom{display:none}.sidebar nav{margin-top:35px}.nav-item{font-size:0;gap:0;justify-content:center;padding:14px}.nav-item .icon{height:21px;width:21px}main{margin-left:78px}.image-drag main::after{left:90px}.connection-layout{grid-template-columns:1fr}.connection-layout .full{grid-column:auto}.home-grid{grid-template-columns:minmax(0,1.25fr) minmax(230px,1fr)}.page-heading h1{font-size:31px}.page-heading h1+p{font-size:12px}.page-actions .button{font-size:11px;padding:10px 12px}.review-context{font-size:10px}.review-metrics>div{padding:13px 11px}.review-metrics strong{font-size:19px}.coach-main h2{font-size:21px}.coach-bottom{display:block}.coach-bottom .button{margin-top:12px}.summary-card .stat-delta{max-width:135px;line-height:1.7}}
@media(max-width:730px){.home-grid{grid-template-columns:1fr}.home-grid .review-card{order:0;min-height:0}.home-grid .coach-card{order:1;min-height:230px}.home-grid .summary-card{order:2}.home-grid .journal-card{order:3}.review-findings{grid-template-columns:1fr 1fr}.coach-main{flex-wrap:nowrap;align-items:center;margin:20px 0}.coach-bottom{display:flex;flex-wrap:nowrap}.coach-bottom .button{margin-top:0}.minute-ring{margin:0}.capture-grid{grid-template-columns:1fr}.sync-options{grid-template-columns:1fr}}
@media(max-width:650px){.sidebar{inset:auto 0 0;width:100%;height:calc(69px + env(safe-area-inset-bottom));padding:0 12px env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e8ecee}.sidebar>.brand{display:none}.sidebar nav{margin:0;gap:0;display:flex;height:69px;justify-content:space-around}.nav-item{font-size:10px;flex-direction:column;gap:5px;flex:1;padding:10px 5px;background:transparent!important;color:#969ea9;border-radius:0}.nav-item.active{color:#60794f;box-shadow:inset 0 2px #9bb883}.nav-item .icon{height:19px;width:19px}main{margin:0;padding-bottom:calc(69px + env(safe-area-inset-bottom))}.topbar{height:59px;padding:0 20px;gap:9px}.breadcrumb{font-size:10px}.date-label{font-size:10px}.settings-quick{width:32px;height:32px}.content{padding:25px 20px 0}.page-heading{display:block;margin-bottom:23px}.page-heading .eyebrow{font-size:8px;margin-bottom:10px}.page-heading h1{font-size:30px;letter-spacing:-1.4px}.page-heading h1+p{font-size:12px;margin-top:8px}.page-actions{margin-top:18px;justify-content:flex-start}.page-actions .button{min-height:43px;font-size:12px;padding:10px 16px}.card{padding:21px;border-radius:16px}.card-header h3{font-size:14px}.home-grid{gap:15px}.review-picker{display:block}.review-picker select{font-size:14px;width:100%;margin-top:7px}.review-context{margin-top:18px;font-size:10px}.review-headline{font-size:19px!important}.review-reference{font-size:10px}.review-metrics{margin:17px 0}.review-metrics>div{padding:13px 10px}.review-metrics strong{font-size:21px;white-space:normal}.review-metrics strong,.review-metrics small{overflow-wrap:anywhere}.review-metrics b{font-size:9px;padding:3px 5px}.review-metrics small,.review-metrics span{font-size:9px}.review-findings{grid-template-columns:1fr}.review-findings section{padding:13px 15px}.review-panel ul,.review-empty{font-size:12px}.coach-main h2{font-size:23px}.coach-main p{font-size:12px}.coach-card .badge{font-size:9px}.minute-ring{width:75px;height:75px}.coach-bottom p{font-size:11px}.summary-card .stats{margin-top:17px;gap:0;order:0}.summary-card .stat{padding:0 12px}.summary-card .stat-number{font-size:23px}.summary-card .stat-number small{font-size:10px}.summary-card .stat-label{font-size:10px}.summary-card .stat-delta{font-size:9px}.workout-row{grid-template-columns:32px minmax(80px,1.3fr) 1fr 1fr;gap:10px}.run-icon{width:31px;height:31px;border-radius:9px}.run-name strong{font-size:12px}.run-name small{font-size:9px}.run-metric strong{font-size:13px}.run-metric small{font-size:9px}.workout-row .run-metric:nth-last-child(2),.row-more{display:none}.pending-link{font-size:11px;padding:11px 13px}.pending-link span{font-size:10px}.demo-banner{font-size:10px}.demo-banner button{font-size:10px}.connection-layout{gap:15px}.connection-layout .card-header{flex-wrap:wrap}.connection-flow{gap:7px;font-size:11px}.connection-flow span{padding:9px}.sync-options{gap:13px}.connection-layout .full .card-header{align-items:flex-start}.connection-layout .full .button{font-size:10px;padding:9px 12px}.upload-zone{padding:26px 13px}.upload-zone strong{font-size:16px}.upload-zone>span{font-size:10px}.image-drag main::after{left:12px;font-size:16px}.toast{left:50%;bottom:calc(83px + env(safe-area-inset-bottom))}footer{font-size:9px}.form-tabs{gap:17px}.form-tabs button{font-size:13px;min-height:44px}input,select,textarea{font-size:16px}.form-actions .button{min-height:44px}}