.planner-main{max-width:1180px}.planner-hero{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:12px 0 4px}.planner-hero h1{margin:.15rem 0}.planner-date-nav{display:flex;align-items:center;gap:8px}.planner-date-nav a,.calendar-title a{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid var(--line,#dfe5ef);border-radius:12px;background:var(--card,#fff);text-decoration:none;color:inherit;font-size:24px}.planner-date-nav .today-link{width:auto;padding:0 14px;font-size:14px;font-weight:800}.planner-plan-picker{padding:14px 18px}.planner-plan-picker label{margin:0}.planner-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr);gap:18px;align-items:start}.planner-paper{position:relative;overflow:hidden;background:repeating-linear-gradient(#fff,#fff 34px,#edf1f7 35px);padding:26px}.planner-paper:before{content:"";position:absolute;left:48px;top:0;bottom:0;border-left:1px solid #f0b4b4;opacity:.55}.planner-paper>*{position:relative}.paper-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;border-bottom:2px solid #182a49;padding-bottom:14px;margin-bottom:18px}.paper-heading h2{margin:0}.paper-heading>span{font-weight:800;color:#087f79}.planner-page-form{display:grid;gap:18px}.planner-page-form textarea{background:rgba(255,255,255,.86)}.day-rating{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.day-rating legend{font-weight:750;margin-bottom:8px}.day-rating label{cursor:pointer;display:grid;place-items:center;gap:2px;padding:9px 3px;border:1px solid #dfe5ef;border-radius:12px;background:#fff}.day-rating input{position:absolute;opacity:0}.day-rating span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font-weight:900}.day-rating small{font-size:10px}.day-rating input:checked+span{outline:3px solid #172746;outline-offset:2px}.day-rating .rating-1 span,.calendar-key .rating-1{background:#cb4b55}.day-rating .rating-2 span{background:#dd8146}.day-rating .rating-3 span,.calendar-key .rating-3{background:#d6a62d}.day-rating .rating-4 span{background:#43a895}.day-rating .rating-5 span,.calendar-key .rating-5{background:#18866f}.share-choice{display:flex!important;align-items:center;gap:10px}.share-choice input{width:auto}.planner-side{display:grid;gap:18px}.planner-steps{display:grid;gap:9px}.planner-step{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid #e8ecf2}.planner-step form{margin:0}.step-check{width:28px;height:28px;border:2px solid #9aa7ba;border-radius:8px;background:#fff;color:#fff;font-weight:900}.is-done .step-check{background:#18866f;border-color:#18866f}.is-done strong{text-decoration:line-through;color:#738096}.planner-step small{display:block;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.step-delete{border:0;background:transparent;color:#9b4650;font-size:20px}.add-step{margin-top:16px;display:grid;gap:8px}.calendar-title{display:flex;align-items:center;justify-content:space-between}.calendar-title h2{font-size:17px;margin:0}.calendar-title a{min-width:32px;height:32px;font-size:18px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekdays{margin:14px 0 7px;text-align:center;font-size:11px;font-weight:800;color:#78869a}.calendar-day{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;text-decoration:none;color:#20304b;background:#f1f3f7;font-size:12px}.calendar-day.rating-1{background:#f2c7ca}.calendar-day.rating-2{background:#f4d2bc}.calendar-day.rating-3{background:#f4e3af}.calendar-day.rating-4{background:#bfe4dc}.calendar-day.rating-5{background:#9dd7c8}.calendar-day.outside{opacity:.32}.calendar-day.selected{outline:3px solid #172746;outline-offset:1px;font-weight:900}.calendar-key{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px;font-size:10px;color:#718096}.calendar-key span{width:9px;height:9px;border-radius:50%;margin-left:5px}@media(max-width:760px){.planner-hero{align-items:start;flex-direction:column}.planner-layout{grid-template-columns:1fr}.planner-paper{padding:20px}.planner-paper:before{left:30px}.day-rating small{display:none}}
/* Diary treatment */
.planner-page{background:#e9e4da}.planner-main{font-family:Inter,system-ui,sans-serif}.planner-hero h1,.planner-paper h2,.planner-paper textarea{font-family:Georgia,"Times New Roman",serif}.planner-paper{overflow:visible;padding:34px 34px 42px 62px;border:1px solid #d6ccba;border-radius:7px;background-color:#fffdf5;background-image:linear-gradient(90deg,transparent 0,transparent 46px,rgba(188,74,74,.28) 47px,transparent 48px),repeating-linear-gradient(180deg,transparent 0,transparent 35px,rgba(83,119,156,.18) 36px);box-shadow:0 18px 42px rgba(58,47,32,.16),inset 0 0 45px rgba(180,157,108,.07)}.planner-paper:after{content:"VOCARIAN · DAILY MOMENTUM";position:absolute;left:0;right:0;bottom:12px;text-align:center;color:#9b8e78;font:italic 11px Georgia,serif}.planner-paper:before{display:none}.diary-binding{position:absolute;left:-13px;top:28px;bottom:28px;display:flex;flex-direction:column;justify-content:space-around}.diary-binding i{display:block;width:27px;height:8px;border:2px solid #8f877a;border-radius:10px;background:linear-gradient(#ddd7cb,#8e877c,#eee9df);box-shadow:2px 2px 3px rgba(0,0,0,.18)}.paper-heading{border-bottom:2px double #80745f}.paper-heading h2{font-size:clamp(1.45rem,3vw,2.15rem);font-weight:500}.diary-date{margin:.4rem 0 0;color:#7b6d58;font:italic 14px Georgia,serif}.planner-page-form>label{font-family:Georgia,"Times New Roman",serif;font-size:1rem}.planner-page-form textarea{border:0;border-radius:0;background:rgba(255,253,245,.68);box-shadow:none;line-height:36px;padding:0 8px;resize:vertical}.planner-page-form textarea:focus{outline:2px solid rgba(44,91,136,.22);outline-offset:3px}.diary-signals{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:12px 14px;border:1px solid rgba(128,116,95,.28);border-radius:8px;background:rgba(250,244,228,.78)}.diary-signals>div{margin-right:auto}.diary-signals strong,.diary-signals small{display:block}.diary-signals small{margin-top:3px;color:#7c705f;font-size:11px}.diary-signals label{display:grid;gap:4px;color:#6d624f;font-size:11px;font-weight:800}.diary-signals select{min-width:68px;padding:7px;border-color:#d7ccb9;background:#fffdf8}.future-level-note{padding:12px;border:1px dashed #c8bba5;color:#776b59;background:rgba(250,244,228,.7)}.planner-side .card{border-color:#d8d0c2;background:#fffdf8;box-shadow:0 10px 25px rgba(58,47,32,.1)}@media(max-width:760px){.planner-paper{padding:28px 18px 38px 38px}.diary-binding{left:-9px}.diary-binding i{width:20px}.diary-signals{align-items:stretch}.diary-signals>div{width:100%}.diary-signals label{flex:1}}