/* 나에게 맞춘 관리. Same calm palette as the daily home; no network fonts or photos. */
#personal-care{margin:0 0 22px;padding:24px;border:1px solid #c9d6cf;border-radius:26px;background:linear-gradient(150deg,#eef5f6,#fbf8ef);color:#263d38;overflow-wrap:anywhere}
#personal-care:empty{display:none}
.care-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.care-title{font-size:clamp(20px,2.6vw,26px);margin:0 0 4px;letter-spacing:-.03em}
.care-heading>span{font-size:13px;color:#56695f}
.care-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px}
.care-tile{background:#fffdf8;border:1px solid #dde3d6;border-radius:18px;padding:18px;min-width:0}
.care-tile h3{font-size:17px;margin:0}
.care-tile-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.care-link{border:0;background:none;color:#2f6a57;font:inherit;font-size:14px;font-weight:650;cursor:pointer;padding:6px 2px;min-height:44px}
.care-muted{color:#56695f;line-height:1.6;margin:6px 0;font-size:14.5px}
.care-muted.small,.care-tile .small{font-size:13px}
.care-weather-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:10px 0}
.care-weather-choices button,.care-helped button,.care-options button{border:1px solid #b9c9bf;border-radius:14px;background:#fff;color:#2c4339;font:inherit;cursor:pointer;min-height:44px}
.care-weather-choices button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;font-size:12.5px;font-weight:650}
.care-weather-choices button span{font-size:24px;line-height:1.2}
.care-weather-choices button[aria-pressed=true],.care-helped button[aria-pressed=true],.care-options button[aria-pressed=true]{background:#2f6a57;color:#fff;border-color:#2f6a57}
.care-helped summary{cursor:pointer;font-size:14px;color:#3b5249;padding:6px 0}
.care-helped div{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.care-helped button{padding:6px 12px;font-size:13.5px}
.care-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;list-style:none;padding:0;margin:12px 0 4px}
.care-strip li{text-align:center;background:#edf1ea;border-radius:10px;padding:5px 0;color:#6a7a70}
.care-strip li span{display:block;font-size:19px;line-height:26px}
.care-strip li small{font-size:11.5px}
.care-strip li.has-weather{background:#e3efe6;color:#2e4a3d}
.care-note{font-size:14px;line-height:1.6;background:#eef4ea;border-radius:12px;padding:8px 12px;margin:8px 0 0}
.care-note-clinic{background:#fbefd9;color:#5a3f12}
.care-tracks{list-style:none;padding:0;margin:8px 0 12px;display:flex;flex-direction:column;gap:6px}
.care-tracks li{display:flex;align-items:center;gap:8px;background:#f0f4ee;border-radius:12px;padding:8px 10px}
.care-tracks li span{font-size:18px}
.care-tracks li small{margin-left:auto;color:#5d6e64;font-size:12px}
.care-recipes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.care-recipe{border:1px solid #dfe5da;border-radius:14px;padding:12px;background:#fbfcf7;display:flex;flex-direction:column}
.care-recipe small{color:#5a7064;font-weight:650;font-size:12px}
.care-recipe h4{margin:4px 0;font-size:16px}
.care-recipe .btn{margin-top:auto;width:auto;align-self:flex-start}
.care-mix{font-weight:650;color:#2f5a4b;margin:2px 0;font-size:14px}
.care-tips{margin:4px 0 10px;padding-left:18px;font-size:13.5px;line-height:1.55;color:#40564b}
#care-status{font-size:14px;color:#674d22;margin:10px 0 0}
#care-status:empty{display:none}
#care-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(680px,calc(100% - 24px));max-height:92dvh;padding:22px;border:1px solid #c9dad2;border-radius:24px;background:#fcfdf8;color:#203d38;overflow-y:auto}
#care-dialog::backdrop{background:rgba(25,48,43,.55)}
.care-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.care-dialog-top h2{margin:0;font-size:20px}
#care-close{border:1px solid #b9c9bf;border-radius:12px;background:#fff;font:inherit;padding:8px 14px;cursor:pointer;min-height:44px}
.care-dots{display:flex;gap:5px;margin:16px 0 4px}
.care-dots span{flex:1;height:6px;border-radius:3px;background:#dbe4dc}
.care-dots span.done{background:#8fb5a2}.care-dots span.now{background:#2f6a57}
.care-count{font-size:13px;color:#5b6e63;margin:6px 0}
.care-question{font-size:clamp(20px,3.4vw,25px);line-height:1.45;margin:6px 0 16px;letter-spacing:-.02em}
.care-question:focus{outline:none}
.care-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.care-options button{padding:14px 12px;font-size:16px;font-weight:600;text-align:left;display:flex;gap:10px;align-items:center}
.care-options button span{font-size:20px;width:24px;text-align:center}
.care-nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 8px}
.care-nav .btn{width:auto;margin:0}
.care-cheer{background:#e5f1e7;border-radius:12px;padding:10px 14px;font-weight:650}
.care-track{border:1px solid #dbe3d8;border-radius:16px;padding:14px;margin:12px 0;background:#fff}
.care-track h3{margin:0 0 4px;font-size:17px;display:flex;gap:8px;align-items:center}
.care-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.care-two>div{background:#f4f7f1;border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.6}
.care-two>div:last-child{background:#fbf3e3}
.care-two ul{margin:4px 0 0;padding-left:18px}.care-two p{margin:4px 0 0}
.care-sub{font-size:16px;margin:18px 0 8px}
.care-duel{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.care-duel-card{border-radius:18px;padding:16px 12px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;border:1px solid #d3dccf}
.care-duel-card b{font-size:18px}
.care-duel-card .btn{width:100%;margin:0}
.care-duel-letter{font-size:28px;font-weight:800;color:#2f5a4b}
.care-vs{font-weight:800;color:#8b6a2f;font-size:18px}
.care-volume{display:flex;align-items:center;gap:10px;margin:14px 0 4px;font-size:14px}
.care-volume input{flex:1}
.care-champion{text-align:center;padding:20px;border-radius:18px;background:linear-gradient(150deg,#fff6dc,#eaf4ec);margin:14px 0}
.care-champion>span{font-size:40px;color:#c08a1e}
.care-champion h3{margin:6px 0;font-size:22px}
.care-chart{width:100%;height:auto;margin:8px 0;background:#fff;border-radius:14px;border:1px solid #e1e6dc}
.care-line{fill:none;stroke:#3d7a66;stroke-width:2.2}
.care-dot{fill:#3d7a66;stroke:#fff;stroke-width:1.5}
.care-dot.w0{fill:#e0a626}.care-dot.w1{fill:#a7b94f}.care-dot.w2{fill:#7e9aa3}.care-dot.w3{fill:#55769a}.care-dot.w4{fill:#5b4f86}
.care-bar{fill:#b9d3c6}
.care-grid-line{stroke:#eef1ea}
.care-axis{font-size:11px;fill:#5d6e64}
.care-lesson{font-size:10px;fill:#b07a2a}
.care-weeks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.care-weeks>div{background:#f2f6f0;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.care-weeks small{color:#5d6e64}.care-weeks span{font-size:13px;color:#4e6157}
.care-clear{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.care-clear li{background:#f0f4ee;border-radius:10px;padding:6px 10px;font-size:14px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#personal-care button:focus-visible,#care-dialog button:focus-visible,#care-dialog input:focus-visible,#personal-care summary:focus-visible{outline:3px solid #926214;outline-offset:3px}
@media(max-width:520px){
  #personal-care{padding:16px;border-radius:20px}
  .care-tile{padding:14px}
  .care-weather-choices button{font-size:11.5px}
  .care-two,.care-weeks{grid-template-columns:1fr}
  .care-duel{grid-template-columns:1fr}
  .care-vs{text-align:center}
  #care-dialog{padding:16px}
}
@media(prefers-reduced-motion:reduce){#personal-care *,#care-dialog *{transition:none!important;animation:none!important}}
#personal-care .btn,#care-dialog .btn{min-height:44px}
.care-points{list-style:none;padding:0;margin:4px 0 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.care-points li{background:#eef2ec;border-radius:12px;padding:8px;text-align:center;display:flex;flex-direction:column;gap:2px;font-size:13px;color:#4e6157}
.care-points li b{font-size:15px;color:#2c4339}
.care-points li.is-open{background:#2f6a57;color:#e9f4ee}.care-points li.is-open b{color:#fff}
.care-points li.is-done{background:#d9eadf}
.care-points li.is-missed{opacity:.6}
.care-scale-buttons{display:flex;gap:6px;flex-wrap:wrap}
.care-scale-buttons .btn{width:auto;margin:0}
.care-listen{background:#f1f5ee;border-radius:12px;padding:10px 12px;margin:0 0 10px}
.care-listen-head{display:flex;gap:6px;align-items:baseline}.care-listen-head span{color:#5d6e64;font-size:13px}
.care-listen-bar{height:8px;border-radius:4px;background:#dce6dc;margin:6px 0;overflow:hidden}
.care-listen-bar i{display:block;height:100%;background:#d99a9a;border-radius:4px}
.care-listen small{color:#56695f;line-height:1.5;display:block}
.care-ai{margin:0 0 12px;padding:14px;border-radius:16px;background:linear-gradient(140deg,#eef0fb,#f7f3ff);border:1px solid #d6d3ee}
.care-ai small{font-weight:700;color:#4c4a7a;font-size:12.5px}
.care-ai h4{margin:6px 0 2px;font-size:17px}
.care-ai p{margin:6px 0;line-height:1.6;font-size:14.5px}
.care-ai.is-loading p{color:#5c5a85}
.care-ai-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.care-ai-actions .btn{width:auto;margin:0}