:root{--text:#111114;--sub:#6e6e78;--line:#ececf0;--card:#f6f6f8;--card-line:#11111414;--good:#4f7cff;--bad:#f4475a;--good-strong:#3562ee;--bad-strong:#dc2f45;--mid:#d5d5db;--period-bg:#ffe4e6;--period-text:#d92d4a;--ovulation-bg:#ece6ff;--ovulation-text:#6a3fd0;--golden-bg:#ffefb8;--golden-strong:#ffe08a;--golden-text:#6b4700;--stuck-bg:#dce0e8;--stuck-strong:#cdd3df;--stuck-text:#2f3a4f;--ovulation:#8b5cf6;--tabbar-h:62px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--text);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#fff;margin:0;font-family:Manrope,Noto Sans KR,-apple-system,system-ui,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default;opacity:.35}button:focus-visible,input:focus-visible{outline:2px solid var(--good-strong);outline-offset:2px}h1,h2,p{margin:0}h1{letter-spacing:-.03em;font-size:32px;font-weight:800;line-height:1.15}h2{letter-spacing:-.02em;font-size:22px;font-weight:800}b{font-weight:700}.muted{color:var(--sub)}.caption{color:var(--sub);font-size:13px;font-weight:500}.text-period{color:var(--period-text)}.text-ovulation{color:var(--ovulation-text)}.app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.screen{padding-top:env(safe-area-inset-top);padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);flex-direction:column;flex:1;display:flex}.tabbar{width:100%;max-width:480px;padding:6px 12px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{min-height:50px;color:var(--sub);flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:500;display:flex}.tab-active{color:var(--text);font-weight:700}.card{background:var(--card);border-radius:20px;padding:14px 16px}.card-period{background:var(--period-bg)}.card-list{padding:2px 16px}.card-title{font-size:16px;font-weight:700}.card-head{justify-content:space-between;align-items:center;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.btn-dark{background:var(--text);color:#fff}.btn-small{flex-shrink:0;height:44px;padding:0 18px;font-size:14px}.btn-large{width:100%;height:54px;font-size:16px}.btn-plain{height:44px;color:var(--sub);font-size:14px;font-weight:600}.icon-btn{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.round-btn{background:#fff;border-radius:22px;flex-shrink:0;width:44px;height:44px;font-size:22px;font-weight:500;line-height:1}.round-btn-small{width:36px;height:36px;font-size:18px}.chip{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.chip-period,.chip-late{background:var(--period-bg);color:var(--period-text)}.chip-ovulation{background:var(--ovulation-bg);color:var(--ovulation-text)}.chip-golden{background:var(--golden-bg);color:var(--golden-text)}.chip-stuck{background:var(--stuck-bg);color:var(--stuck-text)}.chip-muted{background:var(--card);color:var(--sub)}.home-header{flex-direction:column;gap:6px;padding:18px 20px 0;display:flex}.home-title-row{justify-content:space-between;align-items:center;display:flex}.home-title{align-items:center;gap:10px;min-width:0;display:flex}.home-title h1{white-space:nowrap}.home-meta{white-space:nowrap;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.home-meta .caption{font-size:12px}.home-meta .chip{padding:2px 8px;font-size:11px}.cycle-nav .icon-btn{width:32px}.cycle-nav{white-space:nowrap;align-items:center;margin-right:-12px;font-size:13px;font-weight:700;display:flex}.stat-line{flex-wrap:wrap;gap:4px 16px;min-height:20px;font-size:13px;font-weight:500;display:flex}.home-body{flex-direction:column;gap:12px;padding:16px 16px 0;display:flex}.calendar{flex-direction:column;gap:6px;display:flex}.weekdays,.grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.weekdays{color:var(--sub);text-align:center;font-size:11px;font-weight:500}.cell{background:var(--card);text-align:left;border-radius:12px;flex-direction:column;gap:4px;height:112px;padding:4px 4px 0;display:flex;overflow:hidden}.cell-future{background:#fafafb}.cell-period{background:var(--period-bg)}.cell-ovulation{background:var(--ovulation-bg)}.cell-golden{background:var(--golden-bg)}.cell-stuck{background:var(--stuck-bg)}.cell-late{background:#fff1f2}.cell-ovulation{box-shadow:inset 0 0 0 1.5px var(--ovulation)}.cell-selected{box-shadow:inset 0 0 0 1.5px var(--text)}.cell-head{white-space:nowrap;justify-content:space-between;align-items:center;display:flex}.cell-date{border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:-1px;padding:0 2px;font-size:14px;font-weight:700;display:flex}.cell-date-month{letter-spacing:-.03em;font-size:11px}.cell-future .cell-date{color:var(--sub)}.cell-date-today,.cell-future .cell-date-today{background:var(--text);color:#fff}.cell-day{color:#11111480;padding-right:1px;font-size:10px;font-weight:600}.cell-weights{flex-direction:column;gap:1px;font-size:11px;font-weight:600;line-height:14px;display:flex}.cell-weights>span{justify-content:center;align-items:center;gap:3px;display:flex}.cell-weight{min-width:3.7ch}.cell-weights svg,.legend svg{color:#11111480;flex-shrink:0}.cell-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.cell-note{text-align:center;color:var(--ovulation-text);font-size:10px;font-weight:700}.tile{border-radius:6px;justify-content:center;align-items:center;display:flex}.tile-cell{height:19px}.tile-good{background:var(--good);color:#fff}.tile-bad{background:var(--bad);color:#fff}.tile-mid{color:#8a8a93;background:#11111412}.legend{color:var(--sub);justify-content:space-between;align-items:center;padding:2px 2px 0;font-size:11px;font-weight:500;display:flex}.legend>span{align-items:center;gap:4px;display:flex}.legend i{width:8px;height:8px;margin-left:4px;display:block}.legend i:first-child,.legend svg:first-child{margin-left:0}.legend svg{color:var(--sub);margin-left:4px}.sq{border-radius:3px}.sq-good{background:var(--good)}.sq-mid{background:var(--mid)}.sq-bad{background:var(--bad)}.detail{flex-direction:column;gap:9px;padding:12px 16px 14px;display:flex}.detail-head{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.forecast-label{color:var(--sub);font-size:12px;font-weight:700}.forecast-text{font-size:13px;font-weight:500;line-height:1.5}.onboarding{justify-content:center;gap:16px;padding:32px 24px}.onboarding p{font-size:14px;line-height:1.6}.field{color:var(--sub);flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.field input{background:var(--card);height:54px;color:var(--text);border:none;border-radius:16px;padding:0 16px;font-size:17px;font-weight:700}.log{padding-bottom:calc(env(safe-area-inset-bottom) + 96px)}.log-header{align-items:center;gap:4px;padding:14px 20px 0 6px;display:flex}.log-body{flex-direction:column;gap:12px;padding:16px 16px 0;display:flex}.log-footer{width:100%;max-width:480px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(#fff0,#fff 30%);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.row{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:56px;font-size:15px;display:flex}.card-list>.row+.row,.card-list>.row+input+.row,.cond-row+.cond-row{border-top:1px solid var(--card-line)}.row-title{font-size:16px;font-weight:700}.row-label{font-weight:600}.row-action{color:var(--good-strong);font-weight:600}.row-danger{color:var(--bad-strong)}.switch{flex-shrink:0;align-items:center;width:52px;height:44px;display:flex}.switch>span{background:#c4c4cc;border-radius:16px;width:52px;height:32px;transition:background .15s;position:relative}.switch>span:after{content:"";background:#fff;border-radius:13px;width:26px;height:26px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch-on>span{background:var(--text)}.switch-on.switch-period>span{background:var(--bad)}.switch-on>span:after{transform:translate(20px)}.compare{border-top:1px solid var(--card-line);flex-direction:column;gap:7px;padding:12px 0 10px;font-size:14px;font-weight:500;display:flex}.compare-head,.compare-row{justify-content:space-between;gap:12px;display:flex}.compare-head{font-size:13px;font-weight:700}.weights{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:10px;display:grid}.weight{flex-direction:column;align-items:center;gap:4px;display:flex}.weight .caption{font-size:12px}.weight-label{color:var(--sub);align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.weight-stepper{justify-content:space-between;align-items:center;width:100%;display:flex}.weight-input{text-align:center;letter-spacing:-.02em;background:0 0;border:none;width:100%;min-width:0;height:44px;font-size:26px;font-weight:800}.weight-input::placeholder{color:#c4c4cc}.cond-row{align-items:center;gap:8px;min-height:60px;display:flex}.cond-name{flex-shrink:0;align-items:center;gap:6px;width:58px;font-size:14px;font-weight:700;display:flex}.cond-name svg{color:var(--sub);flex-shrink:0}.cond-options{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.pill{background:#fff;border-radius:22px;height:44px;font-size:13px;font-weight:500}.pill-on{color:#fff;font-weight:700}.pill-good{background:var(--good-strong)}.pill-bad{background:var(--bad-strong)}.pill-mid{background:var(--mid);color:var(--text)}.page-header{flex-direction:column;gap:4px;padding:18px 20px 0;display:flex}.page-body{flex-direction:column;gap:12px;padding:16px 16px 0;display:flex}.chart{width:100%;height:auto;margin-top:10px;display:block}.chart-line{fill:none;stroke:var(--text);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--text);stroke:var(--card);stroke-width:2px}.chart-zero{stroke:#c9c9d1;stroke-width:1px;stroke-dasharray:3 3}.chart-tick{fill:var(--sub);font-size:11px;font-weight:500}.chart-value{fill:var(--text);font-size:12px;font-weight:800}.chart-band{font-size:11px;font-weight:700}.chart-band-period{fill:#c4213f}.chart-band-golden{fill:var(--golden-text)}.chart-band-stuck{fill:var(--stuck-text)}.chart-bg-period{fill:#ffd9dd}.chart-bg-golden{fill:var(--golden-strong)}.chart-bg-stuck{fill:var(--stuck-strong)}.chart-empty,.summary-empty{margin-top:8px;font-size:13px;line-height:1.5}.heat-legend{color:var(--sub);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.heat-legend i{border-radius:3px;width:12px;height:12px}.heat-row{flex-direction:column;gap:5px;margin-top:12px;display:flex}.heat-head{justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.heat-head span{font-size:12px;font-weight:500}.heat-strip,.heat-ticks{gap:2px;display:grid}.heat-strip i{border-radius:3px;height:18px}.heat-none{box-shadow:inset 0 0 0 1px #e2e2e8}.heat-ticks{color:var(--sub);margin-top:8px;font-size:11px;font-weight:500}.heat-ticks span{white-space:nowrap;justify-self:center}.summary-row{flex-direction:column;gap:2px;margin-top:12px;font-size:13px;display:flex}.summary-row>div{align-items:baseline;gap:8px;display:flex}.summary-row b{font-weight:800}.summary-row span{font-size:12px;font-weight:500}.summary-row p{font-weight:500;line-height:1.5}.group-title{color:var(--sub);padding:8px 6px 0;font-size:13px;font-weight:700}.group-title:first-child{padding-top:0}.stepper{align-items:center;gap:10px;display:flex}.stepper b{text-align:center;min-width:48px}.footnote{color:var(--sub);padding:0 6px;font-size:12px;font-weight:500;line-height:1.5}