@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');
:root{--ink:#493b40;--muted:#92858a;--line:#ede1e1;--rose:#d7aab9;--roseDeep:#ae788a;--pink:#f7e6eb;--cream:#fffcfa;--bg:#fbf7f6;--sage:#e8ede4;--sageInk:#657965;--beige:#efe6db;--card:white;--shadow:0 11px 35px rgba(88,60,73,.055);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:'Playfair Display',Georgia,serif;font-weight:500}h1{font-size:clamp(29px,3.2vw,47px);margin-bottom:12px;letter-spacing:-.7px}h2{font-size:26px;margin-bottom:7px}h3{font-size:18px;margin-bottom:10px;font-weight:500}small,.muted{color:var(--muted)}button{border:0}input,textarea,select{outline:0;color:var(--ink)}:focus-visible{outline:2px solid #ac7690;outline-offset:3px}
.layout{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.sidebar{background:#fffafa;border-right:1px solid #f0e7e5;padding:33px 18px 25px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;z-index:10}.brand{font-family:'Playfair Display',Georgia,serif;font-size:25px;padding:8px 15px 28px;line-height:1.15}.brand .flower{color:#bc899b;margin-right:7px}.brand span{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:3px;margin:9px 0 0 32px;color:#aa9097}.nav-label{font-size:10px;letter-spacing:2px;font-weight:700;color:#ba9da7;padding:13px 15px;margin-top:13px}.nav{width:100%;display:flex;align-items:center;gap:14px;background:none;text-align:left;border-radius:12px;color:#77696d;padding:12px 14px;margin:2px 0;font-weight:600;transition:.16s}.nav .ico{font-size:18px;width:23px;text-align:center}.nav:hover{background:#faf0f1}.nav.active{background:#f7e8ed;color:#9e647b}.sidebar-footer{margin-top:auto;padding:15px 12px 3px;font-size:11px;line-height:1.8;color:#9e9193}.sidebar-footer button{color:#967080;background:none;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.main{min-width:0;width:100%;padding:0 4.2vw 72px;max-width:1610px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:85px}.crumb{font-size:12px;color:#a8999e;letter-spacing:1.2px;text-transform:uppercase}.topactions{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;gap:7px;align-items:center;border:1px solid #ecdddf;border-radius:30px;padding:9px 14px;color:#8e747e;background:white;font-size:12px}.primary{background:#b77f93;color:white;padding:12px 17px;border-radius:10px;font-weight:700}.primary:hover{background:#a5677e}.softbtn{background:#f8edf0;color:#9d6e81;padding:10px 14px;border-radius:9px;font-weight:700}.subtlebtn{background:white;color:#a07584;border:1px solid #ecdfe1;padding:8px 12px;border-radius:9px}.section{display:none;animation:fade .2s ease}.section.active{display:block}@keyframes fade{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
.hero{position:relative;overflow:hidden;border-radius:22px;min-height:276px;background:linear-gradient(102deg,rgba(250,236,234,.95),rgba(246,232,232,.85) 52%,rgba(220,189,174,.25)),linear-gradient(125deg,#f6e6e4,#ebdfd8);padding:46px 48px;display:flex;align-items:center;margin-bottom:25px}.hero h1{max-width:540px}.hero p{color:#927b81;max-width:390px;line-height:1.8;margin-bottom:24px}.hero:before{content:'';position:absolute;right:2%;bottom:-66px;width:320px;height:320px;border:1px solid #dcbebd;border-radius:50%;opacity:.65}.hero:after{content:'✿';position:absolute;right:12%;top:-73px;font-size:340px;color:#cba8a0;opacity:.16;font-family:Georgia;transform:rotate(-17deg)}.hero-inner{position:relative;z-index:1}.hero-quote{background:rgba(255,255,255,.55);padding:8px 14px;border-radius:7px;display:inline-block;font:italic 14px Georgia,serif;color:#997a84;max-width:470px}.hero-art{position:absolute;right:8%;bottom:0;width:268px;height:225px;pointer-events:none;z-index:0}.vase{position:absolute;right:48px;bottom:-20px;width:105px;height:137px;border-radius:26% 26% 36% 36%;background:linear-gradient(100deg,#faf6ed,#d9c7b9,#f9f0e7);box-shadow:16px 13px 27px #9c6c7550}.stem{position:absolute;bottom:99px;right:100px;width:3px;height:150px;background:#76836d;transform:rotate(5deg)}.bloom{position:absolute;right:45px;top:10px;font:128px Georgia,serif;color:#c38392;text-shadow:9px 9px #efbec7, -15px 0 #dab0b9;opacity:.9}.intro{margin:12px 0 23px}.intro h1{margin-bottom:8px}.intro p{color:#91828a;line-height:1.65}.dashstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0 29px}.stat{background:white;border:1px solid #f0e6e5;padding:20px;border-radius:15px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat:after{content:'✦';position:absolute;right:16px;top:8px;font-size:26px;color:#f2dce3}.stat span{font-size:11px;color:#9e8b90;letter-spacing:.5px}.stat strong{display:block;font:500 30px Georgia,serif;margin:13px 0 4px}.stat small{font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:26px 0 15px}.section-head h2{font-size:25px;margin:0}.section-head span{color:#ab9197;font-size:12px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature{padding:0;text-align:left;border-radius:17px;overflow:hidden;border:1px solid #eadfdf;background:white;box-shadow:var(--shadow);transition:.2s;display:block}.feature:hover{transform:translateY(-3px);box-shadow:0 13px 28px #6e445019}.cover{height:137px;position:relative;overflow:hidden;display:grid;place-items:center;color:#fff;font-size:65px}.cover:before{content:'';position:absolute;width:250px;height:250px;left:-100px;top:-120px;border:2px solid #ffffff65;border-radius:50%}.cover:after{content:'';position:absolute;width:220px;height:220px;right:-90px;bottom:-153px;border:2px solid #ffffff50;border-radius:50%}.cover.a{background:linear-gradient(130deg,#ebd8d9,#b5a0a3)}.cover.b{background:linear-gradient(130deg,#d6d5c6,#b3b6a3)}.cover.c{background:linear-gradient(130deg,#e8cec7,#b8948c)}.cover.d{background:linear-gradient(130deg,#f1e2d5,#b9a6a0)}.cover.e{background:linear-gradient(130deg,#d8d6dd,#a7abbc)}.cover.f{background:linear-gradient(130deg,#d8b2b8,#b88991)}.feature-body{padding:16px 20px 19px}.feature-title{font:500 21px Georgia,serif;margin-bottom:5px}.feature-desc{color:#9b8b8e;font-size:12px;line-height:1.65}.card{border:1px solid #efe3e2;border-radius:16px;background:white;box-shadow:var(--shadow);padding:22px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.card-title h3{margin:0}.two-col{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.eyebrow{font-size:11px;letter-spacing:2px;color:#af8291;text-transform:uppercase;font-weight:700;margin:0 0 11px}.bar{height:7px;background:#f4e9eb;border-radius:30px;overflow:hidden}.bar>span{display:block;height:100%;background:#bc8c9d;border-radius:20px;transition:.25s}.bar.sage>span{background:#9bac96}.task{display:flex;gap:10px;align-items:flex-start;padding:11px 2px;border-bottom:1px solid #f3ebea}.task:last-child{border-bottom:none}.task input[type=checkbox]{appearance:none;flex:0 0 18px;height:18px;width:18px;border-radius:5px;border:1.5px solid #cfadb7;background:#fff;margin:1px 0 0;cursor:pointer;position:relative}.task input:checked{background:#b88499;border-color:#b88499}.task input:checked:after{content:'✓';color:white;position:absolute;left:3px;top:0;font-size:12px}.task span{flex:1;line-height:1.45}.task.done span{text-decoration:line-through;color:#b1a3a5}.x{background:none;color:#beaab0;padding:0 4px;font-size:18px}.x:hover{color:#a74f64}.addrow{display:flex;gap:9px;margin-top:15px}.field{border:1px solid #ecdedf;background:#fffdfc;border-radius:9px;padding:11px 12px;min-width:0;width:100%}.field:focus{border-color:#b9879a}.addrow .softbtn{white-space:nowrap}.datebar{display:flex;align-items:center;gap:10px;margin:16px 0 22px;flex-wrap:wrap}.datebar input{background:white;border:1px solid #ebdfe1;padding:10px;border-radius:9px;min-height:40px}.datedisplay{font-size:17px;font-family:Georgia,serif;margin-right:auto}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-pill{padding:12px 3px;text-align:center;background:white;border:1px solid #eee2e3;border-radius:10px;color:#94838a}.day-pill b{display:block;margin-top:6px;font-size:16px}.day-pill.active{background:#b98498;color:white;border-color:#b98498}.day-pill.active b{color:white}.monthbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.monthbar h2{margin:0;font-size:27px}.monthbar .arrows{display:flex;gap:8px}.monthbar .arrows button{background:#f9ebef;border-radius:9px;width:38px;height:38px;color:#9c6a7b;font-size:18px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#f2e8e9;gap:1px;border:1px solid #f2e8e9;border-radius:13px;overflow:hidden}.cal-head{text-align:center;background:#faf2f3;color:#a5848f;font-size:11px;letter-spacing:1px;padding:13px 2px;font-weight:700}.cal-cell{background:#fff;min-height:113px;padding:12px 9px;text-align:left;color:#65535a;display:flex;flex-direction:column;gap:5px;min-width:0}.cal-cell:hover{background:#fff9fa}.cal-cell.other{opacity:.5}.cal-cell.today .cal-num{color:#fff;background:#b78296;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.cal-cell.selected{box-shadow:inset 0 0 0 2px #b78296}.cal-num{font-size:12px;font-weight:700;display:grid;place-items:center;width:27px;height:27px}.cal-event{font-size:10px;line-height:1.3;border-radius:5px;background:#f9e9ee;color:#9d6680;padding:4px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cal-event.green{background:#eaf1e8;color:#728b71}.tablewrap{overflow-x:auto}.week-table{border-collapse:collapse;width:100%;min-width:660px}.week-table th,.week-table td{padding:12px;border-bottom:1px solid #f3e9e8;text-align:center;vertical-align:middle;font-size:12px}.week-table th{background:#fcf4f5;color:#ae8895;font-weight:600}.week-table th:first-child,.week-table td:first-child{text-align:left;min-width:175px}.week-table input{width:16px;height:16px;accent-color:#b78395;cursor:pointer}.week-table td:last-child{text-align:right}.mealboard,.workboard{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));gap:12px;overflow-x:auto;padding-bottom:5px}.mealday,.workday{background:#fdf9f9;border:1px solid #eee4e4;border-radius:11px;padding:10px;min-height:200px}.mealday h4,.workday h4{margin:3px 0 11px;color:#a77a8b;font-size:12px}.mealcard,.workcard{background:#fff;border:1px solid #efe4e4;border-radius:8px;padding:10px;margin-bottom:8px;min-height:58px;box-shadow:0 2px 8px #66535608}.mealcard label{display:block;color:#b2949c;text-transform:uppercase;font-size:9px;letter-spacing:.5px;font-weight:700;margin-bottom:5px}.mealcard textarea{width:100%;border:0;background:transparent;resize:vertical;min-height:35px;font-size:12px;line-height:1.5}.mealcard textarea:focus{outline:1px solid #dec0c8}.tag{display:inline-block;font-size:10px;padding:5px 8px;background:#f6e6eb;color:#a97789;border-radius:5px}.tag.green{background:#e8eee6;color:#71826e}.goalgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.goal{background:white;border:1px solid #f0e2e3;border-radius:14px;overflow:hidden}.goalvisual{height:116px;background:linear-gradient(120deg,#dbc9c7,#e9ddd6);display:grid;place-items:center;font-size:56px}.goalbody{padding:16px}.goalbody h3{font-size:18px;margin-bottom:8px}.goalbody input[type=range]{width:100%;accent-color:#b78092}.goalbody .hrow{display:flex;justify-content:space-between;color:#99848b;font-size:11px;margin-bottom:8px}.goalbody p{font-size:12px;color:#948389;line-height:1.5}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 20px}.tab{background:#fff;border:1px solid #ecdfe0;padding:10px 16px;border-radius:9px;color:#947d84}.tab.on{background:#f7e7ed;color:#a36b81;border-color:#eeced9;font-weight:700}.editor{width:100%;min-height:120px;resize:vertical;line-height:1.65}.split-title{padding:12px 16px;border-radius:9px;background:#f8e9ed;color:#875e6c;font:500 20px Georgia,serif;margin:26px 0 17px}.hint{color:#998b90;font-size:12px;line-height:1.65}.toast{position:fixed;bottom:25px;right:22px;z-index:99;background:#6f5b63;color:white;padding:12px 17px;border-radius:11px;box-shadow:0 9px 40px #0002;display:none}.toast.show{display:block}.modalshade{display:none;position:fixed;inset:0;z-index:40;background:#26192088;align-items:center;justify-content:center;padding:22px}.modalshade.open{display:flex}.modal{width:min(460px,100%);background:white;border-radius:18px;padding:27px;box-shadow:0 30px 100px #0002}.modal h2{margin-bottom:10px}.modal label{display:block;font-size:12px;color:#86737c;margin:15px 0 8px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.modal input,.modal textarea,.modal select{width:100%}.modal textarea{min-height:88px}.empty{color:#ac9a9d;font:italic 13px Georgia,serif;padding:12px 0}.progressCircle{width:54px;height:54px;border-radius:50%;background:conic-gradient(#be8e9e var(--pct),#f1e7e8 0);display:grid;place-items:center;flex:0 0 auto}.progressCircle:after{content:attr(data-val);width:43px;height:43px;background:white;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}.workday{min-height:170px}.workcard h4{font-size:13px;margin:0 0 6px;color:#6b5760}.workcard .meta{color:#a59298;font-size:11px}.workcard button{background:transparent;color:#a67687;padding:5px 0;margin-top:6px;font-size:11px;text-decoration:underline}.checkmini{accent-color:#b98698;width:16px;height:16px;vertical-align:middle}.habitline{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f1e9e8}.habitline:last-child{border-bottom:0}.habitline input{accent-color:#b78398;width:17px;height:17px}.groceryitem{display:flex;align-items:center;gap:8px;border-bottom:1px solid #f2e9e8;padding:10px 0}.groceryitem input[type=checkbox]{accent-color:#b78398}.groceryitem span{flex:1}.groceryitem.done span{text-decoration:line-through;color:#aaa}.month-focus{display:flex;align-items:center;justify-content:space-between;gap:10px}.month-focus select{width:auto}.banner{border-radius:14px;background:linear-gradient(105deg,#f8eced,#f7f4ee);padding:18px 23px;margin:18px 0}.banner p{color:#99818b;margin-bottom:0}.dotlabel{display:inline-block;height:7px;width:7px;border-radius:50%;background:#c58ea1;margin-right:5px}
@media(max-width:1180px){.cards-grid{grid-template-columns:repeat(2,1fr)}.dashstats{grid-template-columns:repeat(2,1fr)}.goalgrid{grid-template-columns:repeat(2,1fr)}.hero-art{right:0;opacity:.6}.two-col{grid-template-columns:1fr}.cal-cell{min-height:94px}}@media(max-width:800px){.layout{display:block}.sidebar{height:auto;position:sticky;top:0;padding:10px 12px;display:flex;flex-direction:row;align-items:center;overflow:visible;gap:8px}.brand{font-size:17px;padding:8px 10px;white-space:nowrap}.brand span,.sidebar-footer,.nav-label{display:none}.navbox{display:flex;overflow-x:auto;flex:1;scrollbar-width:none;gap:2px}.nav{width:auto;white-space:nowrap;padding:9px}.nav .ico{font-size:17px;width:auto}.nav .navtext{display:none}.main{padding:0 15px 55px}.topbar{min-height:64px}.hero{padding:28px;min-height:220px}.hero-art{display:none}.cards-grid{grid-template-columns:repeat(2,1fr)}.cal-cell{min-height:75px;padding:6px 3px}.cal-event{font-size:8px;padding:3px}.cal-head{font-size:10px}.three-col{grid-template-columns:1fr}}@media(max-width:520px){.cards-grid,.dashstats,.goalgrid{grid-template-columns:1fr}.hero{padding:26px}.hero h1{font-size:33px}.feature .cover{height:120px}.topactions .pill{display:none}.cal-cell{min-height:61px}.cal-event{display:none}.cal-cell.has-event:after{content:'●';font-size:9px;color:#bb8296;align-self:center}.monthbar h2{font-size:23px}.datebar .datedisplay{width:100%}.intro h1{font-size:34px}}
@media print{.sidebar,.topbar,.topactions,.addrow,button{display:none!important}.layout{display:block}.main{padding:0}.section{display:block!important;page-break-before:always}.card,.feature{box-shadow:none}.hero{min-height:130px}.calendar .cal-cell{min-height:70px}}

/* Screenshot-faithful editorial presentation, applied over functional v1 */
:root{--bg:#fdfcfa;--ink:#30292c;--rose:#d2a1b0;--card:#fff;--line:#f0e7e7}body{background:#fffefd;color:#30292c}.layout{grid-template-columns:184px minmax(0,1fr)}.sidebar{background:#fdf9f8;border-color:#f3ebea;padding:25px 10px}.brand{font-size:20px;padding:9px 10px 22px}.brand span{font-size:8px;letter-spacing:1.6px}.nav{font-size:12px;padding:10px 9px;gap:8px}.nav-label{padding:10px}.main{max-width:1400px;padding:0 clamp(23px,5vw,74px) 90px}.topbar{min-height:67px;border-bottom:1px solid #f4eeee;margin-bottom:20px}.crumb{font-size:10px}.card,.stat,.feature{border-radius:5px;box-shadow:none}.section h1,.section h2,.section h3{font-family:Georgia,'Times New Roman',serif}.section h1{font-size:clamp(29px,3.2vw,43px)}.ref-cover,.section-picture-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:160px;overflow:hidden;border-radius:3px;background:#f6e8e8}.ref-cover img,.section-picture-strip img{width:100%;height:100%;object-fit:cover;display:block}.ref-heading{padding:24px 1px 18px}.ref-heading h1{font-size:35px;margin:0 0 14px;font-weight:500;letter-spacing:-.7px}.ref-heading p{margin:0;background:#f7e9ec;min-height:29px;display:flex;align-items:center;padding:6px 11px;color:#654d55;font:italic 14px Georgia,serif;display:block}.refcols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:15px 0 22px}.refcolumn{min-width:0;padding:0 4px}.refphoto{width:100%;aspect-ratio:1.05/1;overflow:hidden;border-radius:85px 85px 4px 4px;background:#f1e3e4;padding:0;display:block}.refphoto img{width:100%;height:100%;object-fit:cover;display:block}.refcolumn h3{font-size:17px;margin:17px 0 9px;font-family:Georgia,serif;font-weight:500}.refcolumn h3 span{color:#b27a88;font-size:21px}.reflink{display:block;border:0;text-align:left;background:none;padding:7px 5px 7px 0;width:100%;font-size:12px;color:#5f5657;line-height:1.4}.reflink:hover{color:#a9677a;text-decoration:underline}.ref-dashboard-sub{padding:12px 0 0}.ref-dashboard-sub h2{font:25px Georgia,serif}.save-notice{margin:3px 0 20px;padding:10px 14px;background:#f9f0f1;font-size:12px;color:#806872}.dashstats{margin-top:13px;grid-template-columns:repeat(4,1fr)}.stat{padding:14px;border:1px solid #f5eded}.stat strong{margin:8px 0 2px;font-size:26px}.feature .cover{height:96px}.feature-title{font-size:17px}.feature-body{padding:10px 13px}.intro{border-bottom:1px solid #f5eeee;padding:12px 0 20px}.intro h1{margin-bottom:6px}.intro p{font-size:13px}.banner{background:#faedf0;border:0;border-radius:4px}.section-picture-strip{grid-template-columns:repeat(4,1fr);height:145px;margin-bottom:17px}.pink-label{font:600 13px Georgia,serif;background:#f7e9ed;padding:11px 13px;color:#664951;letter-spacing:.4px;margin-bottom:14px}.pink-label.spaced{margin-top:30px}.skin-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;margin-top:22px}.skin-aside{font-size:12px}.skin-aside h3{font-size:16px;margin:24px 0 11px}.skin-tint{background:#f9e9ed;padding:13px;border-radius:2px}.skin-tint b{font:600 11px Georgia,serif;line-height:1.6}.skin-tint .field{background:#fdf8f8;border:1px solid #f4e3e5;margin-top:10px}.skin-content{min-width:0}.skin-content .tablewrap{background:white;padding:0 0 13px}.week-table{border-collapse:collapse}.week-table th{background:#fcf6f7!important;color:#7a686d}.week-table td{border-bottom:1px solid #f5ecec}.week-table tr:hover{background:#fdf8f9}.skin-content .addrow{max-width:650px}.goal-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:24px 0 30px}.photo-month{text-align:left;border:1px solid #efebeb;border-radius:5px;padding:0 0 10px;overflow:hidden;background:white}.photo-month img{width:100%;height:120px;object-fit:cover;display:block;margin-bottom:7px}.photo-month span{padding:0 10px;font:14px Georgia,serif}.photo-month.selected{outline:3px solid #c58ea0;outline-offset:0}.save-indicator{font-size:10px;color:#66816d;white-space:nowrap}.save-indicator.iserror{color:#a12d4d;font-weight:700}.mealday{background:#fcf7f7;border:1px solid #f2eaed}.mealday:nth-child(2n){background:#f9f5f2}.workday:nth-child(5n + 1){background:#f1f5f7}.workday:nth-child(5n + 2){background:#f8f0f8}.workday:nth-child(5n + 3){background:#fbf8ee}.workday:nth-child(5n + 4){background:#f7eef0}.workday:nth-child(5n){background:#f6f3f3}
@media(max-width:1100px){.layout{grid-template-columns:155px minmax(0,1fr)}.refcols{gap:8px}.refcolumn h3{font-size:15px}.refcover{height:120px}.save-indicator{display:none}}
@media(max-width:760px){.layout{display:block}.sidebar{height:auto;position:static;display:block;border-bottom:1px solid #eee;padding:7px}.sidebar .brand{display:none}.sidebar-footer{display:none}.navbox{display:flex;overflow-x:auto;gap:4px}.nav-label{display:none}.nav{flex:0 0 auto;width:auto;padding:8px}.navtext{white-space:nowrap}.main{padding:0 14px 40px}.topbar{min-height:50px}.ref-cover{height:86px}.ref-heading h1{font-size:29px}.refcols{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.refphoto{height:90px}.refcolumn h3{font-size:12px}.refcolumn h3 span{font-size:13px}.reflink{font-size:10px}.dashstats{grid-template-columns:repeat(2,1fr)}.skin-layout{grid-template-columns:1fr}.goal-gallery{grid-template-columns:repeat(2,1fr)}.save-indicator{display:none}}
@media(max-width:430px){.refcols{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.refphoto{height:140px}.refcolumn h3{font-size:16px}.reflink{font-size:12px}.ref-cover{height:74px}}

/* Cloud account + sync controls */
.cloud-button{white-space:nowrap;background:#f7e8ed;color:#926878;border:1px solid #ecd5dc;border-radius:22px;padding:10px 13px;font-weight:700;font-size:12px}
.cloud-button:hover{background:#efdae1}
.cloud-shade{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:14px;background:rgba(43,30,39,.60);backdrop-filter:blur(7px)}
.cloud-shade.open{display:flex}
.cloud-dialog{background:#fffcfb;border:1px solid #e8d4db;border-radius:20px;width:min(95vw,590px);max-height:95vh;overflow-y:auto;padding:29px;box-shadow:0 25px 85px rgba(35,18,25,.25)}
.cloud-dialog h2{margin:0 0 9px}.cloud-dialog p{font-size:13px;line-height:1.6;color:#826e74}
.cloud-dialog .cloud-grid{display:grid;gap:12px}.cloud-dialog label{font-size:12px;font-weight:700;color:#826b76;display:block;margin-bottom:5px}
.cloud-dialog input{display:block;width:100%;min-height:41px;padding:11px 12px;border-radius:10px;border:1px solid #e8d8dd;background:white}
.cloud-row{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.cloud-dialog button{border-radius:9px;min-height:40px;padding:9px 13px}
.cloud-message{min-height:22px;color:#926278;font-size:12px;margin-top:10px;white-space:pre-line}
.cloud-help{padding:11px 13px;background:#f9eef1;border-radius:10px;font-size:12px;color:#785b65;line-height:1.6}
.cloud-warn{background:#fff3e5;color:#885b32;padding:12px;border-radius:10px;font-size:12px}
.cloud-online{background:#e9f1e7!important;color:#54745b!important}
.cloud-unsynced{background:#fff1df!important;color:#986b32!important}
.cloud-conflict{background:#fce0e4!important;color:#963e52!important}
@media(max-width:800px){.topactions{flex-wrap:wrap;justify-content:flex-end;gap:4px}.topactions .save-indicator{max-width:135px;font-size:10px}.cloud-button{font-size:11px;padding:9px}.cloud-dialog{padding:18px}.cloud-dialog h2{font-size:23px}}

/* V2: photographic reference layout + accessible mobile details. Business logic unchanged. */
:root{--roseDeep:#a76f83;--muted:#7c6e73;--line:#efe4e6}
body{background:#fefcfa}
.ref-heading p{background:#f6e4e9;border-left:3px solid #dfc0ca}
.refphoto:focus-visible,.reflink:focus-visible,.feature:focus-visible{outline:3px solid #ab7790;outline-offset:3px}
.refphoto img{transition:transform .38s ease}
.refphoto:hover img{transform:scale(1.05)}
.cards-grid{gap:16px}
.photo-feature{background:#fffdfc;overflow:hidden;border:1px solid #f0e6e5;border-radius:4px;transition:transform .2s,border-color .2s}
.photo-feature:hover{transform:translateY(-2px);border-color:#d5acb9}
.photo-feature .cover{height:155px;border-radius:0;display:block;background:#eee}
.photo-feature .cover img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.80);transition:filter .25s,transform .4s}
.photo-feature:hover .cover img{filter:saturate(1);transform:scale(1.025)}
.photo-feature .cover::before,.photo-feature .cover::after{display:none}
.photo-feature .feature-body{padding:15px 16px 17px}
.photo-feature .feature-title{font-family:Georgia,serif;font-size:19px;display:flex;justify-content:space-between;align-items:center;color:#45363c}
.photo-feature .feature-arrow{font-family:Arial,sans-serif;font-size:16px;color:#ab8291}
.photo-feature .feature-desc{font-size:12px;color:#796d73}
.pink-label{border-radius:2px}
.section .intro{padding-top:17px}
.save-indicator{border:1px solid #e2d7d5;border-radius:20px;background:#fff;padding:8px 10px;font-size:11px}
.save-indicator.cloud-online{border-color:#cbdcc7}
.cloud-button{font-weight:600}
.workday{border-top:4px solid #edcbd4}
.workday:nth-child(2n){border-top-color:#d7d5b9}
.workday:nth-child(3n){border-top-color:#d2d3dc}
.mealday{border-top:4px solid #eed5dc}
.mealday:nth-child(2n){border-top-color:#dce5d2}
@media(max-width:760px){
 .sidebar{position:sticky;top:0;z-index:16;background:rgba(255,250,249,.97);backdrop-filter:blur(14px);box-shadow:0 4px 12px #4b2a2a0b}
 .navbox{scroll-snap-type:x proximity}
 .nav{scroll-snap-align:start;min-height:39px}
 .main{padding:0 13px 65px}
 .topbar{min-height:62px;gap:6px}
 .crumb{font-size:10px;letter-spacing:.2px;max-width:38%;line-height:1.4}
 .topactions{flex:1;gap:5px}
 .topactions .pill{display:none}
 #backupTop{font-size:11px;padding:8px 10px}
 .save-indicator{display:inline-flex!important;max-width:127px!important;align-items:center;line-height:1.1;padding:5px 7px;font-size:10px!important;white-space:normal}
 .cloud-button{font-size:11px;padding:9px}
 .ref-cover{height:95px}
 .ref-heading{padding:21px 0 16px}
 .ref-heading h1{font-size:31px}
 .ref-heading p{font-size:13px;line-height:1.5}
 .refcols{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
 .refphoto{height:auto;aspect-ratio:1.2}
 .refcolumn h3{font-size:18px;margin:11px 0 4px}
 .reflink{font-size:13px;padding:9px 2px}
 .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .photo-feature .cover{height:120px}
 .photo-feature .feature-body{padding:12px}
 .photo-feature .feature-title{font-size:15px}
 .photo-feature .feature-desc{font-size:11px}
 .goal-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .section-picture-strip{height:118px}
 .skin-layout{grid-template-columns:1fr;gap:20px}
 .card{padding:16px}
 .two-col{grid-template-columns:1fr}
 .mealboard,.workboard{overflow-x:auto;grid-template-columns:repeat(7,minmax(180px,1fr));overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
 .mealday,.workday{scroll-snap-align:start}
 .tablewrap{overflow-x:auto}
 .cloud-dialog{max-height:86dvh}
}
@media(max-width:390px){
 .topbar{flex-wrap:wrap;align-items:flex-start;padding:9px 0}
 .crumb{max-width:100%;flex-basis:100%}
 .topactions{justify-content:space-between}
 .save-indicator{display:inline-flex!important}
 .photo-feature .cover{height:105px}
 .refphoto{aspect-ratio:1.05}
 .ref-heading h1{font-size:28px}
}

/* V3 · The cosy seasons · theme layer; all cloud and original selectors remain */
:root{--ink:#4a392f;--muted:#8e796d;--line:#e9dccd;--rose:#b77a55;--roseDeep:#8e583e;--pink:#f0e4d6;--cream:#fffaf3;--bg:#f6f0e6;--sage:#e2e7da;--sageInk:#5e6e53;--beige:#ede1d0;--card:#fffcf8;--shadow:0 7px 24px rgba(91,57,35,.055)}
body{background:var(--bg);background-image:radial-gradient(ellipse at 95% 0%,#e8decf66,transparent 38%);color:var(--ink)}
body[data-season="winter"]{--ink:#384c50;--muted:#73858b;--line:#d9e3e3;--rose:#6e8b92;--roseDeep:#53727a;--pink:#e5eef0;--cream:#fcfdfb;--bg:#f0f3f1;--sage:#e0e7e5;--sageInk:#5b7578;--beige:#e4eae5}
body[data-season="spring"]{--ink:#475243;--muted:#7a8b78;--line:#dce7da;--rose:#9a8c76;--roseDeep:#6c8566;--pink:#f1e9df;--cream:#fffff9;--bg:#f5f7ee;--sage:#e8ede0;--sageInk:#618068;--beige:#ebebdb}
body[data-season="summer"]{--ink:#4f483a;--muted:#928570;--line:#eae0cf;--rose:#bd8f61;--roseDeep:#957147;--pink:#fff0d9;--cream:#fffefa;--bg:#fff8e8;--sage:#ecf0dc;--sageInk:#70845a;--beige:#f4e6cf}
.sidebar{background:#faf4e9;border-right:1px solid #e7dbcc}.brand{color:#5b3d30}.brand span{color:var(--roseDeep)}
.sidebar-footer{border-top:1px solid var(--line);color:var(--muted)}.sidebar-footer button{color:var(--roseDeep)}
.nav-label{color:var(--roseDeep)}.nav{color:var(--ink)}.nav:hover{background:#efe3d2}.nav.active{background:#e8d5bf;color:#714a34}
.topbar{border-color:var(--line)}.crumb,.eyebrow{color:var(--roseDeep)}.pill,.subtlebtn,.card,.stat,.photo-feature,.feature,.week-table th,.mealday,.workday{border-color:var(--line)}
.primary{background:var(--roseDeep)}.primary:hover{background:#784632}.softbtn,.cloud-button{background:#efe0d0;color:#81573f;border-color:#e5d2bb}
.softbtn:hover,.subtlebtn:hover{background:#e6d4bf}.ref-heading p,.save-notice,.pink-label,.cloud-help{background:#eee2d2;color:#685040;border-color:#c8a888}
.stat,.card,.photo-feature,.feature{background:var(--card)}.stat:after{color:#dcc6a7}
.bar{background:#eee2d4}.bar>span{background:var(--rose)}.bar.sage>span{background:#869775}.tag{background:#ebdfca;color:#866145}.tag.green{background:#e4eadc;color:#596f50}
.ref-cover{height:185px;border-radius:15px;box-shadow:var(--shadow);position:relative}.ref-cover img{filter:sepia(.45) saturate(.83) contrast(.97) brightness(.91)}
.ref-cover:after{content:'THE COSY SEASON';font:600 11px 'DM Sans',sans-serif;letter-spacing:3.3px;color:white;text-shadow:0 2px 10px #3d251fdd;position:absolute;bottom:18px;left:22px}
.ref-heading h1{font-size:38px}.ref-heading p{background:#eee0cc;border-left-color:#b5794e;color:#71503a}
.refphoto{border-radius:94px 94px 5px 5px;background:#e4d5bc}.refphoto img,.section-picture-strip img,.photo-feature img,.photo-month img{filter:sepia(.32) saturate(.82) contrast(.97);transition:.3s}.refphoto:hover img{filter:sepia(.18) saturate(.98)}
.refcolumn h3 span{color:var(--roseDeep)}.reflink{color:#67564b}.reflink:hover{color:#8a573e}.photo-feature .feature-arrow{color:var(--roseDeep)}.photo-feature .feature-title{color:var(--ink)}
.week-table th{background:#f3eadc!important;color:#74614f}.week-table input,.task input{accent-color:#986b4a}.task input[type=checkbox]{border-color:#bda58f}.task input:checked{background:#927757;border-color:#927757}
.field,.datebar input,.cloud-dialog input{background:#fffefa;border-color:#e3d7c9}.field:focus{border-color:#a47753}
.cal-head{background:#efe1d1;color:#7d5944}.cal-event{background:#f1e0cb;color:#84583b}.cal-cell.today .cal-num{background:#a77249}.cal-cell.selected{box-shadow:inset 0 0 0 2px #a77249}
.mealday,.workday{background:#fbf7ed}.mealday:nth-child(2n),.workday:nth-child(2n){background:#f1eee4}.mealday{border-top-color:#c9a176}.workday{border-top-color:#9c9d77}
.goal-gallery .photo-month.selected{outline-color:#9d704c}.cloud-dialog{background:#fdf7ee;border-color:#e9d9c5}.cloud-shade{background:#3b2e25aa}.cloud-online{background:#e7f0e2!important;color:#526e50!important}
.v3-lead{margin:20px 0 22px}.v3-kicker{font-size:10px;letter-spacing:2.4px;color:var(--roseDeep);font-weight:700;text-transform:uppercase}.v3-lead h1{font:normal clamp(32px,3.8vw,49px) 'Playfair Display',Georgia,serif;margin:8px 0 9px;letter-spacing:-1.1px}.v3-lead p{color:var(--muted);font-size:13px;line-height:1.75;max-width:740px;margin:0}
.v3-home-callout{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:19px 0 28px}.v3-hero{background:linear-gradient(100deg,#3b3328ee,#695038bd),url('');background:linear-gradient(100deg,#584432,#907251);color:#fff5e7;border-radius:14px;padding:26px 29px;position:relative;overflow:hidden;min-height:178px}.v3-hero:before{content:'✦';position:absolute;right:5%;top:-64px;font-size:250px;color:#ffe4b629;line-height:1}.v3-hero small{color:#f2dfc3;letter-spacing:2px;font-size:10px}.v3-hero h2{font:normal 31px Georgia,serif;margin:15px 0 10px;position:relative}.v3-hero p{max-width:340px;font-size:12px;color:#f3e6d6;line-height:1.7;position:relative;margin-bottom:15px}.v3-hero .softbtn{position:relative;background:#f7e8d2;color:#654a35}
.v3-hero-side{background:#e6e6d8;border:1px solid #cbd0bb;border-radius:14px;padding:21px}.v3-hero-side .v3-kicker{color:#667152}.v3-hero-side h3{font:normal 25px Georgia,serif;color:#4b5a42;margin:10px 0}.v3-hero-side p{line-height:1.6;font-size:13px;color:#65735c}.v3-hero-side .softbtn{background:#f8f7ed;color:#5a684e}
.v3-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.v3-stat{border:1px solid var(--line);background:var(--card);padding:17px 16px;border-radius:11px}.v3-stat small{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.v3-stat strong{font:normal 30px Georgia,serif;display:block;margin:10px 0 4px}.v3-stat span{font-size:11px;color:var(--muted)}
.v3-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0 30px}.v3-panel{background:var(--card);border:1px solid var(--line);padding:21px;border-radius:13px;min-width:0}.v3-panel h3{font:normal 23px Georgia,serif;margin:2px 0 11px}.v3-panel p{font-size:12px;line-height:1.7;color:var(--muted)}
.v3-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.v3-panel-head .v3-kicker{margin:0}.v3-panel-head .softbtn{font-size:11px}
.v3-control{display:block;width:100%;border:1px solid var(--line);border-radius:8px;background:#fffefa;padding:11px;margin:7px 0 10px;color:var(--ink);min-height:40px}
.v3-control:focus{border-color:#947053}.v3-input-label{display:block;font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--muted);margin:12px 0 4px}.v3-line{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:12px 2px}.v3-line:last-child{border-bottom:0}.v3-line input[type=checkbox]{width:17px;height:17px;accent-color:#8d7552;flex-shrink:0}.v3-line span{flex:1;line-height:1.4}.v3-line small{font-size:11px;color:var(--muted)}.v3-line button{background:transparent;border:0;color:#9b6d59;font-size:11px}
.v3-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v3-btnrow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.v3-chip{padding:8px 13px;background:#f0e4d3;border:1px solid #e5d3bf;color:#6c523e;border-radius:20px;font-size:12px;cursor:pointer}.v3-chip.active{background:#7d674e;color:#fff5e7}.v3-note{font-size:11px;color:var(--muted);line-height:1.6}.v3-empty{font-size:12px;color:var(--muted);padding:16px;border:1px dashed var(--line);border-radius:8px}.v3-micro{font-size:10px;color:var(--muted)}
.v3-progressitem{margin:16px 0 19px}.v3-progresslabel{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:7px;font-size:13px}.v3-track{height:8px;border-radius:15px;background:#eadfd0;overflow:hidden}.v3-track i{display:block;height:100%;border-radius:15px;background:linear-gradient(90deg,#b68059,#8f9d7c)}.v3-bars{height:148px;display:flex;align-items:end;gap:7px;padding-bottom:23px;border-bottom:1px solid var(--line)}.v3-bar{min-width:9px;flex:1;background:linear-gradient(0deg,#8c9b78,#b7ac8c);border-radius:4px 4px 0 0;position:relative}.v3-bar span{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted)}.v3-radar{max-width:340px;margin:auto}.v3-radar svg{display:block;width:100%;height:auto}.v3-radar text{font:11px 'DM Sans',sans-serif;fill:#77624d}.v3-target{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.v3-vinted-list{display:grid;gap:9px}.v3-vinted-row{display:grid;grid-template-columns:minmax(120px,1fr) 115px 125px 32px;gap:8px;align-items:center;padding:10px;background:#f8f1e7;border-radius:9px}.v3-vinted-row strong{font-size:13px;font-weight:600}.v3-vinted-row input,.v3-vinted-row select{font-size:12px;padding:8px;border:1px solid #e6d7c5;background:white;border-radius:7px;width:100%;min-width:0}.v3-vinted-row button{background:#e8d9c7;border-radius:7px;height:34px;color:#896447}.v3-smallstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.v3-smallstat{background:#f4ebdf;border-radius:9px;padding:13px;text-align:center}.v3-smallstat strong{display:block;font:normal 24px Georgia,serif;margin:3px 0}.v3-smallstat small{font-size:10px;color:var(--muted)}
.v3-week-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.v3-week-list{display:grid;gap:9px}.v3-win{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:12px;padding:9px 0;border-bottom:1px solid var(--line)}.v3-win span{color:var(--muted)}
.v3-season-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:11px;background:#efe5d7;border:1px solid var(--line)}.v3-season-dot{height:44px;width:44px;background:#ac7a51;border-radius:50%;display:grid;place-items:center;font:26px Georgia;color:white}.v3-season-card select{margin-left:auto;min-width:105px;padding:9px;border:1px solid #dacbb7;border-radius:8px;background:white;color:var(--ink)}
.v3-monthly-list{display:grid;gap:8px}.v3-monthly-list .v3-target:last-child{border:0}
.v3-logo{font:normal 25px Georgia,serif}.v3-home-extra{margin-top:30px}.v3-section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.v3-toast{font-size:12px;color:#5c744f}
@media(max-width:1150px){.v3-home-callout{grid-template-columns:1fr}.v3-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{background:#f8f0e2}.main{padding:0 13px 70px}.ref-cover{height:105px}.ref-cover:after{font-size:9px;letter-spacing:2px;bottom:10px;left:12px}.ref-heading h1{font-size:30px}.v3-lead h1{font-size:33px}.v3-home-callout,.v3-panels,.v3-week-grid,.v3-grid{grid-template-columns:1fr;gap:12px}.v3-hero{min-height:165px;padding:22px}.v3-hero h2{font-size:26px}.v3-stats{gap:8px}.v3-stat{padding:14px 12px}.v3-stat strong{font-size:26px}.v3-vinted-row{grid-template-columns:1fr 86px;gap:7px}.v3-vinted-row select{grid-column:1}.v3-vinted-row button{grid-column:2;grid-row:2}.v3-smallstats{gap:6px}.v3-smallstat{padding:10px 5px}.v3-smallstat strong{font-size:20px}.v3-panel{padding:17px}.navbox{scrollbar-width:thin}.v3-season-card{flex-wrap:wrap}.v3-week-grid{gap:12px}}

#home .ref-dashboard-sub,#home #stats{display:none}
/* Mobile: the primary navigation must remain labeled, not a row of cryptic icons. */
@media(max-width:760px){.navbox{gap:5px;padding:3px 1px 7px}.navtext{display:inline!important;font-size:11px;white-space:nowrap}.nav{padding:8px 10px;gap:5px;border:1px solid #e8dbc9;border-radius:22px;background:#fffaf2}.nav.active{border-color:#d2b898}.nav .ico{font-size:14px;width:auto}}
@media(max-width:760px){#home .section-head:has(+ #features),#home #features{display:none}}

/* COSY V4: visual treatment */
:root{--v4-cream:#f8f1e5;--v4-cinnamon:#a56645;--v4-dark:#47362e;--v4-sage:#78836d;--v4-paper:#fffaf1;--v4-border:#e7d9c7}
body{background:#f4eadb;color:var(--v4-dark)}
body[data-season="winter"]{--v4-cream:#f0ebe6;--v4-cinnamon:#796473;--v4-sage:#697d83}
body[data-season="spring"]{--v4-cream:#f4eee8;--v4-cinnamon:#a1787e;--v4-sage:#749179}
body[data-season="summer"]{--v4-cream:#f9f0df;--v4-cinnamon:#c08452;--v4-sage:#779879}
.v4-pagehead{padding:24px 0 18px}.v4-pagehead>span,.v4-eyebrow{letter-spacing:2px;font-size:10px;font-weight:800;color:#947358}.v4-pagehead h2,.v4-splash h2,.v4-panel h3,.v4-dialog h3{font-family:Georgia,serif;color:#49372c;font-weight:500}.v4-pagehead h2{font-size:clamp(30px,4vw,45px);margin:7px 0}.v4-pagehead p{color:#847363;line-height:1.55;font-size:13px;max-width:620px}
.v4-panel{background:#fffaf3;border:1px solid #eadaca;border-radius:17px;padding:21px;margin:17px 0;box-shadow:0 5px 28px rgba(100,67,40,.035)}.v4-panel h3{font-size:24px;margin:0 0 12px}.v4-panel h4{font-size:14px;margin:9px 0 11px}.v4-muted{color:#8a776b;font-size:12px}.v4-mini{color:#977e6e;font-size:11px;letter-spacing:.2px}.v4-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:17px 0}.v4-stat{background:var(--v4-paper);border:1px solid #e9ddce;border-radius:15px;padding:19px}.v4-stat strong{font-family:Georgia,serif;font-size:27px;display:block;color:#654736;margin:8px 0 3px}.v4-stat small{color:#846f60;font-size:11px}.v4-stat .sub{font-size:11px;color:#9c897d}
.v4-hero-photo{position:relative;min-height:260px;border-radius:19px;overflow:hidden;background:#685845;display:flex;align-items:flex-end;padding:28px;margin-bottom:19px;background-size:cover;background-position:center}.v4-hero-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,22,20,.68),rgba(30,26,18,.08))}.v4-hero-content{position:relative;color:#fff9e9;max-width:500px}.v4-hero-content small{letter-spacing:2.1px;font-size:10px;font-weight:700}.v4-hero-content h2{font:normal clamp(29px,4vw,46px)/1.07 Georgia,serif;margin:10px 0}.v4-hero-content p{color:#f1e3d3;line-height:1.6;font-size:13px}.v4-primary-light{border:1px solid #f6e9d6!important;background:#fff8ea!important;color:#5c4132!important;border-radius:9px;padding:10px 13px;margin-top:13px;font-weight:700;font-size:12px;cursor:pointer}
.v4-mosaic{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:15px 0 24px}.v4-photo-tile{min-height:158px;position:relative;border:none;border-radius:14px;background-size:cover;background-position:center;overflow:hidden;cursor:pointer}.v4-photo-tile:after{content:'';position:absolute;inset:28% 0 0;background:linear-gradient(transparent,rgba(34,25,19,.76))}.v4-photo-tile span{position:absolute;bottom:15px;left:13px;right:10px;z-index:1;color:#fff;font:18px/1.1 Georgia,serif;text-align:left;overflow-wrap:anywhere}.v4-photostrip{height:170px;border-radius:16px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1000px rgba(38,21,12,.08);margin-bottom:18px}
.v4-two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:18px;align-items:start}.v4-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v4-actions{display:flex;gap:8px;flex-wrap:wrap}.v4-actions button,.v4-row button,.v4-inputrow button{cursor:pointer}.v4-chip{border:1px solid #e3d5c4;background:#fbf4ea;color:#604b3f;border-radius:24px;padding:8px 12px;font-size:12px;cursor:pointer}.v4-chip.selected,.v4-chip:hover{background:#e0e7d9;border-color:#b8c4a7}.v4-row{display:flex;align-items:center;gap:11px;padding:11px 4px;border-bottom:1px solid #efe3d5;min-width:0}.v4-row:last-child{border:0}.v4-row .meta{font-size:11px;color:#a08a78;display:block;margin-top:3px}.v4-row .name{font-size:13px;font-weight:650;overflow-wrap:anywhere}.v4-row .name.done{text-decoration:line-through;color:#99877e}.v4-row .v4-rowtext{flex:1;min-width:0}.v4-row input[type="checkbox"]{width:17px;height:17px;accent-color:#839574;flex-shrink:0;cursor:pointer}.v4-row button,.v4-smallbtn{border:1px solid #e6d9ca;background:#fff8f0;border-radius:8px;color:#765a4b;padding:7px 10px;font-size:11px;cursor:pointer}.v4-badge{display:inline-flex;align-items:center;font-size:10px;background:#f2e6d4;border-radius:18px;padding:4px 8px;color:#8b624d;white-space:nowrap}.v4-badge.done{background:#e4eddc;color:#5a7653}.v4-badge.skipped{background:#eee8e2;color:#8b7e76}.v4-weeknav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0 16px}.v4-weeknav strong{font-size:14px}.v4-weekgrid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:9px;overflow:auto;scrollbar-color:#d0baa5 transparent}.v4-day{border:1px solid #eadccc;background:#fffbf4;border-radius:13px;min-height:200px;padding:11px}.v4-day.today{border-color:#be8b69;background:#fff6eb}.v4-day h4{font-size:12px;color:#775a4b;letter-spacing:.1px;margin:0 0 10px}.v4-day .v4-entry{background:#f5ebdc;margin:7px 0;padding:10px 8px;border-radius:9px}.v4-day .v4-entry.done{background:#e7efde}.v4-day .v4-entry b{display:block;font-size:12px;line-height:1.25}.v4-day .v4-entry small{display:block;color:#958174;font-size:10px;margin-top:3px}.v4-day input{accent-color:#7c9274}.v4-calendar-detail{margin-top:18px}.v4-inputrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.v4-inputrow input.field{flex:1;min-width:150px}.v4-inputrow select{max-width:210px}.v4-inputrow .primarybtn{white-space:nowrap}.v4-quick-fab{position:fixed;z-index:99;right:22px;bottom:24px}.v4-quick-fab button{background:#725140;color:#fff8ed;box-shadow:0 9px 27px #56402b40;border:none;border-radius:40px;padding:14px 20px;cursor:pointer;font-size:17px}.v4-quick-fab button span{font:700 12px sans-serif;margin-left:7px}.v4-overlay{position:fixed;inset:0;background:#2c211fa8;z-index:210;display:none;align-items:center;justify-content:center;padding:14px}.v4-overlay.open{display:flex}.v4-dialog{max-width:610px;width:100%;background:#fffbf4;border-radius:18px;padding:23px;box-shadow:0 18px 70px #1c120f63;max-height:90vh;overflow:auto}.v4-dialoghead{display:flex;align-items:start;justify-content:space-between}.v4-dialoghead small{letter-spacing:2px;font-size:10px;color:#9e806a}.v4-dialoghead h3{font-size:28px;margin:5px 0 12px}.v4-dialoghead>button{font-size:23px;border:0;background:none;cursor:pointer}.v4-dialog label{display:block;margin:12px 0 5px;font-size:12px;font-weight:650}.v4-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:2px 13px}.v4-formfoot{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.v4-stack{margin-top:10px}.v4-progress-track{height:9px;border-radius:20px;background:#e8e0d4;overflow:hidden;margin:7px 0}.v4-progress-track>i{display:block;background:linear-gradient(90deg,#a47754,#889974);height:100%;border-radius:20px}.v4-prog{margin-bottom:17px}.v4-proghead{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.v4-insight{background:#f4ebdf;border-left:3px solid #ac835f;padding:13px;border-radius:8px;font-size:13px;color:#655043;line-height:1.55}.v4-pill-list{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.v4-timeline{border-left:2px solid #dfc8b4;margin-left:10px;padding-left:24px}.v4-timeline>article{position:relative;margin-bottom:20px}.v4-timeline>article:before{content:'';position:absolute;left:-31px;top:4px;border-radius:50%;height:11px;width:11px;background:#a57654}.v4-timeline time{display:block;color:#957a66;font-size:11px;margin-bottom:4px}.v4-timeline strong{font-family:Georgia,serif;font-size:18px}.v4-pantry{display:flex;gap:7px;flex-wrap:wrap}.v4-pantry button{border:1px solid #dcd4c7;background:#e9eddf;color:#53644b;border-radius:16px;font-size:11px;padding:5px 9px}.v4-ghost{border:0;background:transparent!important;color:#866c5d!important;text-decoration:underline;font-size:11px;cursor:pointer}
/* Hide only replaced legacy blocks; keep in the DOM to avoid breaking old render functions */
#workout > :not(.v4-section),#yoga > :not(.v4-section),#progress > :not(.v4-section){display:none!important}
#home > :not(.v4-section){display:none!important}
.v4-section{display:block}
#calendar .cal-event{max-height:28px;overflow:hidden}#calendar .cal-event.v4-done{text-decoration:line-through;opacity:.65}
.v4-settingsbox{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:12px 0}.v4-settingsbox label{display:flex;align-items:center;gap:7px;font-size:12px;color:#6d5546}.v4-settingsbox input{width:66px;padding:5px;border:1px solid #e0d1c1;border-radius:7px}.v4-migratenote{padding:12px;margin:12px 0;background:#fff2dc;border:1px solid #ead4b2;border-radius:10px;font-size:12px;color:#745b45}
@media(max-width:1050px){.v4-weekgrid{grid-template-columns:repeat(7,150px)}.v4-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}.v4-photo-tile:nth-child(n+4){display:none}}@media(max-width:760px){.v4-two,.v4-three{grid-template-columns:1fr}.v4-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v4-stat{padding:12px}.v4-stat strong{font-size:24px}.v4-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-photo-tile:nth-child(n+3){display:none}.v4-hero-photo{min-height:218px;padding:19px}.v4-hero-content h2{font-size:32px}.v4-panel{padding:15px}.v4-photostrip{height:110px}.v4-formgrid{grid-template-columns:1fr}.v4-quick-fab{bottom:15px;right:13px}.v4-quick-fab button{padding:11px 13px}.v4-day{min-height:145px}.v4-inputrow>*{width:100%;max-width:100%!important}.v4-actions{gap:5px}.v4-weeknav strong{font-size:12px}}@media(max-width:420px){.v4-stat strong{font-size:21px}.v4-row{gap:6px}.v4-mosaic{gap:7px}.v4-photo-tile{min-height:145px}}

/* Hide legacy numbers that would count unverified V3 movement records as completed. */
#weeklyAuto,#reviewStats,#reviewNumbers,#reviewComparison{display:none!important}

.v4-photosgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v4-photoentry{background:#fffbf4;border:1px solid #eadaca;padding:12px;border-radius:12px}.v4-photoentry img{width:100%;height:220px;object-fit:cover;border-radius:8px}.v4-photoentry .v4-photo-caption{display:flex;gap:7px;justify-content:space-between;align-items:center;padding-top:8px;font-size:12px;color:#856c5c}.v4-photoentry .v4-photo-caption b{color:#684d3c}.v4-photosgrid:empty{display:none}@media(max-width:760px){.v4-photoentry img{height:180px}}


/* V4 Photo Edition: all image backgrounds are bundled and work without external photo hosts. */
.v4-hero-photo{min-height:290px;background-color:#62493a;background-position:center 48%;background-size:cover;box-shadow:0 18px 32px rgba(73,45,25,.12)}
.v4-hero-photo::before{background:linear-gradient(90deg,rgba(28,20,15,.84),rgba(35,23,16,.56) 43%,rgba(32,19,11,.10) 83%)}
.v4-hero-content{max-width:520px}.v4-hero-content h2{text-shadow:0 2px 11px rgba(0,0,0,.20)}
.v4-photo-tile{min-height:174px;border-radius:15px;background-color:#7b6350;background-size:cover}
.v4-photo-tile::after{background:linear-gradient(transparent,rgba(39,26,17,.82))}
.v4-photostrip{background-color:#997f67;background-position:center;background-size:cover;min-height:165px}
.photo-feature .cover{background-color:#8b6e59}.photo-feature .cover img{filter:saturate(.88) sepia(.06)}
@media(max-width:760px){.v4-hero-photo{min-height:245px;padding:22px}.v4-mosaic .v4-photo-tile{min-height:162px}}
@media(max-width:760px){
  .v4-mosaic .v4-photo-tile:nth-child(n+3){display:block!important}
  .v4-mosaic .v4-photo-tile:last-child:nth-child(odd){grid-column:1 / -1;min-height:135px}
  #home .v4-panel .v4-inputrow:has(#v4TodayWin){display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  #home #v4TodayWin{min-width:0;flex:1 1 180px;width:auto}
  #home #v4WinSave{flex:0 0 auto;background:#876448;color:#fff;padding:10px 16px;border-radius:9px}
}


/* V4.1 – calendar checklist directly in month view */
.v4-cal-cell{padding:7px 5px 8px;gap:5px;min-width:0;}
.v4-cal-datebtn{background:none;border:0;padding:1px 1px 4px;display:flex;align-items:center;align-self:flex-start;cursor:pointer;color:inherit;}
.v4-cal-entry{display:flex;align-items:center;gap:5px;padding:5px 4px;border-radius:6px;background:#f8f0e7;color:#664f42;font-size:10px;min-width:0;cursor:pointer;text-align:left;line-height:1.25;}
.v4-cal-entry input{flex:0 0 14px;width:14px;height:14px;accent-color:#83816c;cursor:pointer;margin:0;}
.v4-cal-entry span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.v4-cal-entry.is-done{background:#e9efe3;color:#6e8065;}
.v4-cal-entry.is-done span{text-decoration:line-through;}
.v4-cal-appointment{font-size:10px;padding:6px 4px;background:#f0e6e6;color:#805b62;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.v4-cal-more{background:transparent;color:#847057;text-align:left;font-size:10px;padding:3px 5px;cursor:pointer;}
@media (max-width:650px){.v4-cal-cell{min-height:83px;padding:4px 2px;gap:3px}.v4-cal-entry{padding:3px 1px;gap:2px;font-size:9px}.v4-cal-entry input{flex-basis:13px;width:13px;height:13px}.v4-cal-entry span{max-width:calc(100% - 15px)}.v4-cal-appointment{font-size:9px;padding:3px 1px}.v4-cal-datebtn{padding:0}.v4-cal-more{font-size:9px;padding:1px}.calendar .cal-head{padding:8px 2px}}

/* V4.2 · clearer actions and compact mobile experience */
.v42-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #d4bd9f;background:#fff8ee;border-radius:14px;padding:5px 9px;color:#6f4c37;font-size:11px;font-weight:650}
#workout>.split-title,#workout>#workBoard,#workout>.banner{display:none!important}
#yoga .v3-photo-feature{max-width:100%}
.v4-row:focus-within,.v4-entry:focus-within{outline:2px solid #a97d54;outline-offset:2px}
.v4-entry input[type=checkbox],.v4-row input[type=checkbox],.v4-cal-entry input[type=checkbox]{width:20px;height:20px;min-width:20px;accent-color:#808668;cursor:pointer}
.v4-insight em{font-style:normal;font-weight:700;color:#835632}
.v42-statuskey{color:#6f6458;font-size:12px;margin-top:6px;line-height:1.6}
.v42-statuskey span{display:inline-block;margin-right:13px}
.v42-progress-explanation{font-size:12px;line-height:1.5;color:#604c3b;padding-top:6px}
#v4ActMovementWrap{display:none}
#v4QuickShade .v4-formgrid{align-items:end}
@media(max-width:680px){.cloud-dialog{max-height:92dvh;overflow-y:auto}.cloud-row{flex-wrap:wrap}.cloud-row button{white-space:normal}.v4-cal-entry input[type=checkbox]{min-width:21px;height:21px}}