:root{--ink:#243b32;--green:#286449;--muted:#596c62;--paper:#f7f8f2;--line:#dbe2d6;--lime:#e9f1cf}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Malgun Gothic,sans-serif;line-height:1.65}button,input,select,textarea{font:inherit}button{border:1px solid var(--green);background:var(--green);color:#fff;cursor:pointer;border-radius:12px;min-height:46px;padding:10px 19px}button:hover:not(:disabled){filter:brightness(.94)}button:disabled{cursor:not-allowed;color:#697268;background:#edf0e9;border-color:#d8ded3}.quiet{color:var(--green);border-color:var(--line);background:0 0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #a56c21}.shell{max-width:1120px;margin:auto;padding:0 36px 115px}header{justify-content:space-between;align-items:center;padding:27px 0;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:31px;font-weight:700;text-decoration:none;display:flex}.brand span{font-size:23px}.brand small{letter-spacing:3px;font-size:9px;display:block}.connection{border-block:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:12px 0;font-size:12px;display:flex}.connection>span:last-child{margin-left:auto}.dot{background:#9d7725;border-radius:50%;flex-shrink:0;width:7px;height:7px}main{padding-top:40px}.eyebrow{letter-spacing:2px;color:var(--green);font-size:11px;font-weight:700}.eyebrow span{letter-spacing:0;color:var(--muted);margin-left:12px;font-weight:400}h1{letter-spacing:-1.6px;margin:13px 0;font-size:36px;line-height:1.35}h2{letter-spacing:-.7px;margin:13px 0;font-size:23px;line-height:1.5}p{color:var(--muted)}.intro{margin:0 0 30px;font-size:15px}.hero{background:var(--lime);border-radius:24px;justify-content:space-between;margin-bottom:22px;padding:35px 38px;display:flex;overflow:hidden}.hero h2{font-size:35px;line-height:1.45}.hero p{font-size:14px}.pill{color:var(--green);background:#ffffffb3;border:1px solid #cdd9bf;border-radius:30px;padding:5px 10px;font-size:11px;display:inline-block}.actions{flex-wrap:wrap;gap:9px;margin-top:17px;display:flex}.actions button{font-size:13px}.selected{background:#163526;box-shadow:0 0 0 3px #9cb377}.rhythm-art{align-self:stretch;min-width:280px;position:relative}.rhythm-art div{border:1px solid #a0b58a;border-radius:100%;width:190px;height:230px;position:absolute;top:25px;left:45px;transform:rotate(35deg)}.rhythm-art div:nth-child(2){transform:rotate(75deg)}.rhythm-art div:nth-child(3){transform:rotate(115deg)}.rhythm-art span{text-align:center;letter-spacing:5px;color:var(--green);font-size:12px;position:absolute;inset:110px 0 auto}.grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:20px;min-width:0;padding:28px}.card p{font-size:14px}.footnote{color:var(--muted);padding:25px 0;font-size:13px}.notice{background:#fff3d9;border:1px solid #dcb769;border-radius:12px;justify-content:space-between;gap:10px;margin:18px 0;padding:15px;display:flex}.settings{margin-top:20px}.settings form{max-width:650px}label{margin:19px 0 8px;font-size:13px;font-weight:600;display:block}input,select,textarea{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #a5b5a5;border-radius:9px;max-width:100%;margin-top:7px;padding:10px 12px;display:block}textarea{resize:vertical}.checkbox{align-items:flex-start;gap:10px;font-weight:400;display:flex}.checkbox input{flex-shrink:0;width:20px;min-height:20px}.muted{color:var(--muted);font-size:12px!important}.empty{text-align:center;padding:35px 0}.empty>span{color:#859577;font-size:50px}.record{border-top:1px solid var(--line);overflow-wrap:anywhere;padding:20px 0}.record time{color:var(--muted);font-size:11px;display:block}.record p{white-space:pre-wrap}ol{color:var(--muted);padding-left:20px;font-size:14px}li{margin:18px 0}.coach{max-width:750px}.coach hr{border:0;border-top:1px solid var(--line);margin-top:30px}footer{color:var(--muted);justify-content:space-between;margin-top:35px;font-size:11px;display:flex}nav{border:1px solid var(--line);z-index:2;background:#fffef9;border-radius:20px;width:380px;max-width:calc(100% - 28px);padding:7px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #243b3214}nav button{color:var(--muted);background:0 0;border:0;flex:1;padding:5px;font-size:12px}nav button span{margin-bottom:4px;font-size:22px;line-height:1.2;display:block}nav button[aria-current]{background:var(--lime);color:var(--green);font-weight:700}.skip{z-index:4;background:#fff;padding:10px;position:fixed;top:-100px}.skip:focus{top:0}@media (max-width:650px){.shell{padding:0 20px 115px}header{padding:19px 0}.brand span{font-size:20px}header button{padding:8px 11px;font-size:11px}.connection>span:last-child{display:none}.connection{font-size:11px}main{padding-top:28px}h1{font-size:28px}.intro{font-size:13px}.hero{padding:25px;position:relative}.hero h2{font-size:28px}.hero>div:first-child{z-index:1}.rhythm-art{display:none}.grid{grid-template-columns:1fr}.card{padding:23px}.eyebrow span{display:none}footer,footer span,.notice{display:block}input[type=datetime-local]{min-width:0}.hero .actions{gap:8px}.hero button{padding:10px 12px}}.notifications fieldset{border:0;min-width:0;margin:0;padding:0}.notifications details{margin-top:20px}.notifications summary{cursor:pointer;min-height:44px;padding:10px 0}.notifications summary:focus-visible{outline-offset:4px;outline:3px solid #a56c21}.notifications hr{border:0;border-top:1px solid var(--line);margin:28px 0}.notifications select{min-width:0}.notifications [role=alert]{background:#fff3d9;border:1px solid #dcb769;border-radius:12px;padding:12px}.weekly-review fieldset{border:0;min-width:0;margin:24px 0;padding:0}.weekly-review legend{font-size:14px;font-weight:600}.weekly-review [role=alert]{background:#fff3d9;border:1px solid #dcb769;border-radius:12px;padding:12px}.weekly-review h3{font-size:18px}.weekly-review [aria-label="선택 기간 기록 요약"]{border-block:1px solid var(--line);margin:24px 0;padding:12px 0}.weekly-review p{overflow-wrap:anywhere}.shared-weekly fieldset{border:0;min-width:0;margin:24px 0;padding:0}.shared-weekly legend{font-size:14px;font-weight:600}.shared-weekly p{overflow-wrap:anywhere;white-space:pre-wrap}.shared-weekly select{min-width:0}.shared-weekly [aria-label="게시 전 공유 미리보기"]{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px}.body-trend svg{width:100%;max-width:760px;height:auto;color:var(--green);margin:20px 0;display:block}.body-trend svg text{fill:var(--ink);font-size:13px}.body-trend p{overflow-wrap:anywhere}.body-trend select{max-width:420px}.comparison-note{background:#fff3d9;border-radius:10px;padding:12px}.measurement-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;padding:0;list-style:none;display:grid}.measurement-list li{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:12px;margin:0;padding:14px}.measurement-list time,.measurement-list span{font-size:12px;display:block}.measurement-list strong{margin:8px 0;font-size:19px;display:block}:root{--nav-clearance:calc(130px + env(safe-area-inset-bottom,0px))}html{scroll-padding-block:20px var(--nav-clearance)}:is(button,input,select,textarea,summary,a){scroll-margin-block:20px var(--nav-clearance)}.shell{padding-bottom:calc(var(--nav-clearance) + 20px)}nav{bottom:calc(18px + env(safe-area-inset-bottom,0px))}main:focus-visible{outline-offset:8px;outline:3px solid #a56c21}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.daily-series{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;font-size:12px;display:grid}.daily-series>div{border:1px solid var(--line);text-align:center;border-radius:9px;padding:9px 4px}.daily-series time,.daily-series span{display:block}.daily-series span{color:var(--muted)}.record dl{font-size:12px}.record dl>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:5px 0;display:flex}.record dd{text-align:right;overflow-wrap:anywhere;margin:0}.record dt{flex-shrink:0}@media (max-width:650px){.daily-series{grid-template-columns:repeat(4,minmax(0,1fr))}.record dl>div{display:block}.record dd{text-align:left}}
.capture{border-block:1px solid var(--line);margin:20px 0;padding:12px 0 20px}.capture input[type=file]{font-size:12px;overflow:hidden}.capture-preview{margin-top:15px}.capture-preview img{border-radius:12px;width:auto;max-width:100%;max-height:320px;display:block}.capture-preview audio{width:100%;max-width:100%}.capture-preview select{width:100%}.draft-workspace{min-width:0;margin-top:24px}.draft-workspace fieldset{border:1px solid var(--line);border-radius:12px;min-width:0;padding:14px}.draft-workspace legend{padding:0 5px;font-size:13px}.draft-workspace h4{margin-bottom:10px}.draft-review{padding:15px 0}.draft-workspace summary{cursor:pointer;padding:12px 0}.draft-workspace p,.draft-workspace li,.draft-workspace dd{overflow-wrap:anywhere}.draft-workspace ul{padding-left:20px}