:root{--ink:#242c34;--muted:#78818a;--line:#e9e8e3;--paper:#fbfaf7;--white:#fff;--navy:#263640;--teal:#679c90;--teal-dark:#477f74;--lav:#eee9f8;--sand:#f4eee3;--rose:#f8e9e6;--shadow:0 10px 32px rgba(44,55,56,.055)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}.topbar{height:72px;border-bottom:1px solid #eeede8;background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1120px)/2),28px)}.brand{font-family:Manrope,sans-serif;text-decoration:none;color:var(--navy);font-weight:800;letter-spacing:-.7px;font-size:18px;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:11px;background:#e6efeb;color:var(--teal-dark);font-size:21px}.top-note{color:#8c9695;font-size:12px;letter-spacing:.1px}.live-dot,.hint-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#83b6a2;margin-right:7px}.shell{max-width:1120px;margin:auto;padding:0 24px}.hero{height:235px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#9a9b91;margin:0 0 12px}.hero h1,.section-heading h2,.tip-card h3{font-family:Manrope,sans-serif}.hero h1{font-size:41px;letter-spacing:-1.8px;line-height:1.1;margin:0;color:#293740}.hero h1 em{font-style:normal;color:var(--teal)}.subhead{color:#818b8e;font-size:14px;margin:13px 0 0}.moon-art{position:absolute;right:76px;top:13px;width:255px;height:205px;border-radius:47% 53% 55% 45%;background:radial-gradient(circle at 58% 42%,#edf2eb 0 3%,#e7eee7 4% 28%,#f4f3ec 60%,rgba(244,243,236,0) 72%)}.moon{position:absolute;color:#c4d8ce;font-size:123px;right:42px;top:29px;transform:rotate(-18deg);font-family:serif}.star{position:absolute;color:#a4b9ac;font-style:normal}.s1{top:37px;right:31px;font-size:19px}.s2{top:122px;left:21px;font-size:17px}.s3{top:27px;left:61px;font-size:34px}.card{background:var(--white);border:1px solid #eeede8;border-radius:15px;box-shadow:var(--shadow)}.user-bar{min-height:84px;padding:15px 19px;display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.user-intro{display:flex;align-items:center;gap:12px}.avatar,.mini-avatar{background:#e6efeb;color:#588376;display:grid;place-items:center;border-radius:12px;font-family:Manrope,sans-serif;font-weight:700}.avatar{width:43px;height:43px;font-size:17px}.user-intro>div{display:flex;flex-direction:column;gap:4px}.muted-label{font-size:9px;letter-spacing:1.25px;color:#a1a49c;font-weight:700}.user-intro strong{font-size:14px;font-weight:600}.user-actions{display:flex;align-items:center;gap:13px}.new-user-form,.switch-form{display:flex;align-items:center;gap:8px}.switch-form label{font-size:11px;color:#929a99}.new-user-form input,.switch-form select,.rating-controls select{border:1px solid #e7e8e3;background:white;border-radius:8px;height:38px;padding:0 11px;color:#526067;outline:none}.new-user-form input{width:133px}.switch-form select{max-width:135px}.button{height:38px;border:0;border-radius:8px;padding:0 14px;cursor:pointer;font-weight:600;transition:.15s}.button span{margin-left:7px}.button-dark{background:var(--navy);color:#fff}.button-dark:hover{background:#344955}.text-button{border:0;background:none;color:#929a99;font-size:11px;cursor:pointer}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:18px;align-items:stretch}.calendar-card{padding:24px 25px 19px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2{font-size:20px;letter-spacing:-.6px;margin:0;color:#2d3941}.month-nav{display:flex;align-items:center;gap:17px}.month-nav a{width:30px;height:30px;display:grid;place-items:center;border:1px solid #eeede8;color:#697579;text-decoration:none;border-radius:9px;font-size:22px;line-height:1;transition:.15s}.month-nav a:hover{background:#edf4f0;color:var(--teal-dark)}.month-nav strong{min-width:115px;text-align:center;font-size:13px;font-weight:700}.month-nav strong span{color:#a0a6a3;font-weight:500;margin-left:3px}.calendar-wrap{margin-top:22px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.weekdays{margin-bottom:7px}.weekdays span{font-size:10px;font-weight:700;color:#9da4a0;letter-spacing:.4px}.calendar-grid{grid-auto-rows:44px;gap:3px}.day-cell{position:relative;border:1px solid transparent;background:transparent;border-radius:10px;color:#465159;cursor:pointer;display:grid;place-items:center;margin:1px;font-size:12px;transition:background .15s,border .15s,transform .15s}.day-cell:not(.empty):hover{background:#eff5f1;border-color:#e2ede6}.day-cell.selected{background:#e6f1eb;border-color:#d5e7dc;color:#376f5e;font-weight:700}.day-cell.chosen{box-shadow:inset 0 0 0 2px var(--teal);background:#f0f7f2}.day-cell i{position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:#70a48f}.day-cell.empty{cursor:default}.day-cell:disabled{cursor:not-allowed;opacity:.45}.calendar-hint{font-size:10px;color:#9a9e99;margin:12px 0 17px}.hint-dot{width:6px;height:6px}.rating-panel{border-top:1px solid #eeede8;padding-top:17px}.rating-title{display:flex;align-items:center;gap:10px}.step-number{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#f1f2ec;color:#91a094;font-family:Manrope,sans-serif;font-size:10px;font-weight:700}.rating-title>div{display:flex;flex-direction:column;gap:3px}.rating-title strong{font-size:12px;font-weight:700}.rating-title small{font-size:10px;color:#9ca3a0}.rating-controls{display:flex;gap:9px;margin:13px 0 0 37px}.rating-controls select{height:39px;flex:1;min-width:0;font-size:11px}.button-primary{height:39px;background:var(--teal);color:#fff;font-size:11px;white-space:nowrap}.button-primary:hover{background:var(--teal-dark)}.button:disabled{opacity:.5;cursor:not-allowed}.selection-count{font-size:10px;color:#a0a5a1;margin:9px 0 0 37px;min-height:12px}.side-column{display:flex;flex-direction:column;gap:15px}.tip-card{flex:1;min-height:235px;background:#e9f0eb;border-radius:15px;padding:20px;position:relative;overflow:hidden}.tip-icon{display:grid;place-items:center;width:27px;height:27px;background:#d9e8dd;color:#6c9785;border-radius:9px;margin-bottom:17px}.tip-card .eyebrow{font-size:9px;color:#81968a;margin-bottom:8px}.tip-card h3{font-size:21px;line-height:1.22;letter-spacing:-.7px;margin:0;color:#30443e}.tip-card>p:not(.eyebrow){font-size:11px;line-height:1.65;color:#71837a;max-width:184px;margin:10px 0}.tip-line{position:absolute;width:65px;height:1px;background:#a9c5b3;bottom:19px;left:20px}.legend-card{padding:17px 18px}.legend-card .eyebrow{font-size:9px;margin-bottom:12px}.legend-row{font-size:10px;color:#737e7e;display:flex;align-items:center;margin-top:9px;gap:8px}.legend-dot{width:8px;height:8px;border-radius:3px}.tone-1.legend-dot{background:#b8d8c8}.tone-2.legend-dot{background:#c9c0df}.tone-3.legend-dot{background:#e4b9ae}.tone-4.legend-dot{background:#dfd0ae}.summary-section{margin-top:35px}.summary-heading{margin-bottom:14px}.count-pill{font-size:10px;background:#f0f1eb;color:#87928b;border-radius:20px;padding:7px 10px}.table-card{overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}thead{background:#fafaf7}th{font-size:9px;letter-spacing:1.2px;color:#a1a49d;font-weight:700;padding:12px 19px}td{padding:12px 19px;border-top:1px solid #f0efeb;color:#546067;font-size:11px}td:first-child{font-weight:600;color:#49565b}.to{color:#aab2ac;margin:0 5px}.rating-badge{border-radius:20px;padding:6px 10px;display:inline-block;font-size:10px;font-weight:600}.rating-badge.tone-1{color:#55836e;background:#e9f3ec}.rating-badge.tone-2{color:#766c9b;background:#f0edf8}.rating-badge.tone-3{color:#a36759;background:#fbefec}.rating-badge.tone-4{color:#917d4f;background:#f7f2e5}.empty-state{text-align:center;color:#a1a7a2;font-weight:400!important;padding:24px}.all-section{margin-top:30px}.name-cell{display:flex;align-items:center;gap:8px}.mini-avatar{width:25px;height:25px;font-size:10px;border-radius:8px}footer{text-align:center;padding:37px 0 22px;color:#a1a7a1;font-size:10px}footer span{font-size:14px;color:#83a595;margin-left:4px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#30423d;color:white;padding:11px 17px;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 7px 25px #23393225}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{background:#8d5148}
@media(max-width:760px){.topbar{padding:0 19px;height:62px}.top-note{display:none}.shell{padding:0 15px}.hero{height:191px}.hero h1{font-size:32px}.subhead{font-size:12px;max-width:260px;line-height:1.5}.moon-art{right:-94px;opacity:.7;transform:scale(.82)}.user-bar{align-items:flex-start;gap:15px;flex-direction:column;padding:14px}.user-actions{width:100%;flex-wrap:wrap;gap:8px}.switch-form{order:2}.new-user-form{flex:1}.new-user-form input{min-width:0;flex:1}.content-grid{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr}.tip-card{min-height:215px}.calendar-card{padding:20px 15px 17px}.calendar-grid{grid-auto-rows:40px}.rating-controls{margin-left:0;flex-wrap:wrap}.rating-controls select{flex-basis:100%}.selection-count{margin-left:0}.summary-section{margin-top:28px}th,td{padding:11px 12px}.rating-badge{font-size:9px;padding:6px 8px}}@media(max-width:430px){.side-column{grid-template-columns:1fr}.tip-card{min-height:195px}.calendar-grid{grid-auto-rows:37px}.month-nav{gap:9px}.month-nav strong{min-width:102px}.section-heading h2{font-size:18px}.user-actions{align-items:flex-start}.switch-form{width:100%;justify-content:space-between}.switch-form select{flex:1}.text-button{padding:10px 5px}}