:root{--ink:#392f35;--muted:#74666e;--rose:#9d6682;--rose2:#c98eaa;--cream:#fbf6f2;--card:#fff;--green:#4e8a69;--red:#b85f62;--line:#eadde4}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(145deg,#fbf6f2,#f5edf2);color:var(--ink);min-height:100vh}.shell{max-width:780px;margin:auto;padding:20px 16px 50px}.hero{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 22px}.hero h1{font-size:clamp(28px,7vw,42px);margin:0;letter-spacing:-.04em}.hero p{margin:5px 0 0;color:var(--muted)}button,input{font:inherit}button{cursor:pointer}.logout{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:999px;color:var(--muted)}.card{background:rgba(255,255,255,.91);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 35px rgba(78,46,64,.07)}.login{max-width:420px;margin:15vh auto;padding:26px}.login h1{margin:0 0 8px}.login p{color:var(--muted)}.login input,.reward input{width:100%;padding:13px 14px;border:1px solid #d9c7d1;border-radius:12px;background:#fff}.primary{border:0;background:var(--rose);color:#fff;border-radius:12px;padding:13px 18px;font-weight:700}.login .primary{width:100%;margin-top:12px}.error{color:var(--red);min-height:1.4em}.months{display:flex;gap:8px;overflow:auto;padding:2px 0 14px}.month-tab{white-space:nowrap;border:1px solid var(--line);background:#fff;padding:9px 14px;border-radius:999px}.month-tab.active{background:var(--rose);border-color:var(--rose);color:#fff}.progress-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.progress-row h2{margin:0;font-size:26px}.score{font-size:26px;font-weight:800;color:var(--rose)}.bar{height:12px;background:#eee2e8;border-radius:99px;overflow:hidden;margin:14px 0 7px}.bar>div{height:100%;background:linear-gradient(90deg,var(--rose),var(--rose2));transition:width .25s}.status-text{color:var(--muted);font-size:14px}.days{display:grid;gap:11px;margin-top:16px}.day{display:grid;grid-template-columns:68px 1fr;gap:12px;border:1px solid var(--line);border-radius:17px;padding:12px;background:#fff}.date{font-weight:800;font-size:18px}.weekday{display:block;font-size:12px;color:var(--muted);font-weight:500}.choices{display:flex;gap:8px;flex-wrap:wrap}.choice{border:1px solid var(--line);border-radius:11px;padding:9px 11px;background:#fff}.choice.perfect.active{background:#e5f2e9;border-color:#8abe9b;color:#24623d}.choice.bad.active{background:#f8e5e5;border-color:#d89a9c;color:#8e373a}.choice.pending.active{background:#eee9ec;color:#5e5359}.note-toggle{border:0;background:none;color:var(--muted);padding:7px 0}.note{width:100%;margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:9px}.reward{margin-top:16px}.reward h3{margin-top:0}.earned{color:var(--green);font-weight:800}.not-earned{color:var(--muted)}.reward-actions{display:flex;gap:8px;margin-top:10px}.reward .primary{padding:10px 14px}.secondary{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:12px}.rule{margin-top:16px;color:var(--muted);font-size:14px;line-height:1.55}.footer{text-align:center;color:var(--muted);font-size:13px;margin-top:20px}@media(max-width:520px){.day{grid-template-columns:1fr}.hero{align-items:flex-start}.choices{display:grid;grid-template-columns:1fr 1fr}.choice.pending{grid-column:1/-1}.progress-row{align-items:flex-start;flex-direction:column}.score{font-size:22px}}
.choice.slip.active{background:#fff4d8;border-color:#dfbd63;color:#76570e}.choice.bad.active{background:#f8e5e5;border-color:#d89a9c;color:#8e373a}
.login input+input{margin-top:10px}.role-badge{display:inline-block;margin-top:8px;padding:5px 9px;border-radius:999px;background:#f0e5eb;color:#765368;font-size:12px;font-weight:700}.readonly-score{display:inline-flex;padding:9px 12px;border-radius:11px;border:1px solid var(--line);font-weight:750}.readonly-score.perfect{background:#e5f2e9;border-color:#8abe9b;color:#24623d}.readonly-score.slip{background:#fff4d8;border-color:#dfbd63;color:#76570e}.readonly-score.bad{background:#f8e5e5;border-color:#d89a9c;color:#8e373a}.readonly-score.pending{background:#eee9ec;color:#5e5359}.readonly-note{margin-top:8px;color:var(--muted);font-size:14px}.guide{margin-top:16px}.guide h2{margin:0 0 10px}.guide-lead{color:var(--muted);line-height:1.6}.guide details{border-top:1px solid var(--line);padding:13px 0}.guide details:last-child{padding-bottom:0}.guide summary{cursor:pointer;font-weight:750;color:#694b5c}.guide li{margin:7px 0}.score-guide{display:grid;gap:9px;margin-top:12px}.score-rule{display:grid;gap:3px;border-radius:12px;padding:12px;border:1px solid var(--line)}.score-rule span{font-size:14px}.score-rule.perfect{background:#eaf5ed}.score-rule.slip{background:#fff6de}.score-rule.bad{background:#fae9e9}
.score-breakdown{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.score-breakdown span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#faf7f8;color:var(--muted);font-size:13px}.day-error{margin-top:7px;color:#9b3438;font-size:13px;font-weight:650}.history{margin-top:16px}.history h3{margin-bottom:4px}.history-list{display:grid;gap:8px;margin-top:12px}.history-entry{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#faf7f8;font-size:14px}.history-entry time{color:var(--muted);font-size:12px}.history-entry p{grid-column:1/-1;margin:3px 0 0;color:var(--muted)}