:root{--bg:#f8f4ee;--paper:#fffdf9;--ink:#2f2823;--muted:#7b726a;--sage:#7f8d79;--sage-dark:#65725f;--sage-light:#e2e8de;--sand:#e9ded1;--caramel:#b88752;--line:#e1d8cd;--green:#edf2ea;--rose:#f2e4e0;--shadow:0 18px 55px rgba(55,44,34,.09);--shadow-sm:0 7px 26px rgba(55,44,34,.07);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--ink);font-family:var(--sans);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}::selection{background:#dfe6dc;color:#2f2823}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.eyebrow{display:inline-block;font-size:11px;line-height:1.2;letter-spacing:.18em;font-weight:700;color:var(--caramel);text-transform:uppercase}.lead{font-size:18px;line-height:1.7;color:var(--muted)}em{font-family:var(--serif);font-weight:500;color:var(--sage-dark)}
.brand{display:inline-flex;align-items:center;gap:12px}.brand__mark{width:42px;height:42px;border:2px solid var(--sage);border-radius:50%;position:relative;border-right-color:transparent;transform:rotate(-18deg)}.brand__mark:before,.brand__mark:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--sage);right:-2px}.brand__mark:before{top:4px}.brand__mark:after{top:14px}.brand__mark span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--caramel);right:-2px;top:25px}.brand__name{font-family:var(--serif);font-size:17px;letter-spacing:.07em;line-height:1.05}.brand__name b{display:block;font-weight:500}.brand--compact .brand__mark{width:27px;height:27px;border-width:1.5px}.brand--compact .brand__mark:before,.brand--compact .brand__mark:after,.brand--compact .brand__mark span{width:3px;height:3px}.brand--compact .brand__name{font-size:11px}
.btn{border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;font-weight:700;transition:.2s ease;background:transparent}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--sage-dark);color:white;box-shadow:0 10px 25px rgba(67,79,61,.18)}.btn--primary:hover{background:#596853}.btn--dark{background:var(--ink);color:#fff}.btn--soft{background:#eee7de}.btn--ghost{border:1px solid var(--line);background:rgba(255,255,255,.45)}.btn--wide{width:100%}.btn--lg{padding:14px 22px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.icon-btn{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:#f3eee8;color:var(--muted);padding:0}.ghost-btn{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:8px;padding:9px}.ghost-btn--wide{width:100%;justify-content:center}
/* Landing */
.landing{overflow:hidden}.landing-nav{height:88px;display:flex;align-items:center;justify-content:space-between}.landing-nav__links{display:flex;align-items:center;gap:23px;font-size:13px}.hero{min-height:720px;display:grid;grid-template-columns:1fr .9fr;gap:72px;align-items:center;padding:48px 0 84px}.hero__copy h1{font:500 clamp(48px,6vw,78px)/1.03 var(--serif);letter-spacing:-.035em;margin:13px 0 24px}.hero__copy p{font-size:18px;color:var(--muted);line-height:1.7;max-width:620px}.hero__price{display:flex;align-items:baseline;gap:13px;margin:26px 0}.hero__price span{text-decoration:line-through;color:#968a7e;font-size:20px}.hero__price b{font:500 43px/1 var(--serif);color:var(--caramel)}.hero__price small{color:var(--muted)}.hero__actions{display:flex;gap:10px;flex-wrap:wrap}.hero__trust{display:flex;gap:22px;margin-top:24px;color:var(--muted);font-size:12px}.hero__trust span{display:flex;gap:7px;align-items:center}.hero-product{height:640px;position:relative;display:grid;place-items:center}.hero-product:before{content:"";position:absolute;width:540px;height:540px;border:1px solid #ded6cb;border-radius:50%;opacity:.8}.hero-product:after{content:"";position:absolute;width:650px;height:650px;border:1px solid #ebe3da;border-radius:50%}.hero-product__orb{position:absolute;border-radius:50%;filter:blur(1px)}.hero-product__orb--one{width:280px;height:280px;background:#dfe5da;right:-40px;top:70px}.hero-product__orb--two{width:180px;height:180px;background:#eadbc9;left:30px;bottom:50px}.phone-mock{width:300px;height:612px;border-radius:43px;background:#fbf8f3;border:9px solid #272421;box-shadow:0 42px 80px rgba(45,37,31,.24);position:relative;z-index:3;padding:17px 17px 20px;overflow:hidden}.phone-mock:before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:75px;height:21px;border-radius:20px;background:#272421}.phone-mock__top{font-size:8px;display:flex;justify-content:space-between;margin:4px 1px 25px}.phone-mock__brand{display:flex;justify-content:center;margin-bottom:18px}.phone-mock__hello{font-size:10px!important;margin-bottom:3px!important;color:var(--muted)}.phone-mock h3{font:500 19px var(--serif);margin-bottom:8px}.phone-ring{display:flex;justify-content:center}.phone-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:6px 0 15px;padding:10px 0}.phone-stats span{text-align:center}.phone-stats b{font:500 14px var(--serif);display:block}.phone-stats small{font-size:7px;color:var(--muted)}.phone-focus{background:#e8ede4;border-radius:13px;padding:11px;margin-bottom:10px}.phone-focus span{font-size:6px;letter-spacing:.13em;color:var(--sage-dark)}.phone-focus b{font:500 10px var(--serif);display:block;margin-top:4px}.phone-habit{display:grid;grid-template-columns:28px 1fr auto;gap:7px;align-items:center;padding:8px 2px;border-bottom:1px solid #eee6dd}.phone-check{width:22px;height:22px;border-radius:50%;background:var(--sage);color:#fff;display:grid;place-items:center}.phone-check.is-open{background:transparent;border:1px solid var(--line)}.phone-habit b{font-size:8px;display:block}.phone-habit small{font-size:6px;color:var(--muted)}.phone-habit strong{font-size:9px;color:var(--sage-dark)}.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.35)}.proof-strip__inner{height:74px;display:flex;align-items:center;justify-content:space-around;color:#81776e;letter-spacing:.22em;font-size:11px}.proof-strip__inner i{color:var(--caramel)}.landing-section{padding:110px 0}.landing-section--soft{width:100%;max-width:none;background:#eee7dd}.section-heading{max-width:750px;margin:0 auto 45px;text-align:center}.section-heading h2,.split h2,.cta-card h2{font:500 clamp(38px,4vw,57px)/1.08 var(--serif);margin:10px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:390px;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:28px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.feature-card--dark{background:#3a3a32;color:#f9f5ee}.feature-card--dark p,.feature-card--dark .feature-num{color:#c9c5bc}.feature-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--sage-light);color:var(--sage-dark)}.feature-card--dark .feature-icon{background:#5b6554;color:#fff}.feature-num{position:absolute;top:28px;right:28px;color:#a69a8e;font:500 14px var(--serif)}.feature-card h3{font:500 35px var(--serif);margin:52px 0 12px}.feature-card p{color:var(--muted);line-height:1.65}.mini-habits{display:flex;gap:8px;margin-top:45px}.mini-habits span{width:26px;height:26px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:white}.mini-habits .on{background:var(--sage)}.mini-plan{display:flex;gap:8px;margin-top:42px}.mini-plan span{flex:1;border:1px solid #66685f;border-radius:14px;padding:10px;text-align:center;font-size:8px}.mini-plan b{font-size:17px;display:block;margin-top:3px}.mini-plan .active{background:#7d8975;border-color:#7d8975}.mini-bars{height:90px;display:flex;gap:10px;align-items:end;margin-top:26px;padding:10px 3px;border-bottom:1px solid var(--line)}.mini-bars i{flex:1;background:var(--sage);border-radius:4px 4px 0 0;opacity:.8}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.check-list{list-style:none;padding:0;display:grid;gap:12px;margin-top:25px}.check-list li{display:flex;gap:10px;align-items:center}.check-list svg{width:20px;height:20px;color:var(--sage-dark);background:#dfe6dc;border-radius:50%;padding:3px}.dashboard-preview{border:1px solid #d8ccbd;background:#f9f5ee;border-radius:32px;padding:32px;box-shadow:0 25px 55px rgba(55,44,34,.12)}.dashboard-preview__top span{font-size:10px;letter-spacing:.15em;color:var(--caramel)}.dashboard-preview__top b{font:500 60px var(--serif);display:block;margin:8px 0 0}.dashboard-preview__top small{color:var(--sage-dark)}.dashboard-preview__line{height:200px;color:var(--sage-dark);display:flex;align-items:end}.dashboard-preview__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dashboard-preview__stats span{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px}.dashboard-preview__stats b{font:500 18px var(--serif);display:block}.dashboard-preview__stats small{font-size:9px;color:var(--muted)}.cta-section{padding:90px 0}.cta-card{background:#313029;color:#fff;border-radius:36px;padding:50px;display:flex;justify-content:space-between;align-items:end}.cta-card p{color:#bfbab1}.cta-card__price{text-align:right}.cta-card__price s{color:#afa89f;display:block}.cta-card__price b{font:500 48px var(--serif);display:block;margin:3px 0 16px}.landing-footer{padding:35px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.landing-footer div{display:flex;gap:17px}
/* Ring */
.ring{position:relative;display:grid;place-items:center;flex:0 0 auto}.ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:7}.ring__track{stroke:#deddd7}.ring__value{stroke:var(--sage-dark);stroke-linecap:round}.ring__content{text-align:center}.ring__content strong{font:500 28px var(--serif);display:block}.ring__content span{font-size:9px;color:var(--muted)}
/* Auth */
.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-side{padding:45px 60px;background:#e9e1d6;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-side:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #cec2b4;border-radius:50%;bottom:-250px;left:-100px}.auth-side__copy{max-width:550px;margin:auto 0}.auth-side h1{font:500 clamp(45px,5vw,68px)/1.04 var(--serif);margin:15px 0 20px}.auth-side p{max-width:480px;color:var(--muted);font-size:17px;line-height:1.7}.auth-side__quote{position:relative;z-index:2;font:italic 18px var(--serif);color:var(--sage-dark)}.auth-panel{display:grid;place-items:center;padding:40px;background:var(--bg)}.auth-form{width:min(430px,100%)}.auth-form h2{font:500 38px var(--serif);margin:8px 0 30px}.auth-form label,.modal-form label{display:block;font-size:12px;font-weight:700;margin-bottom:17px}.auth-form input,.modal-form input,.modal-form select{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px 14px;margin-top:7px;outline:none}.auth-form input:focus,.modal-form input:focus,.modal-form select:focus{border-color:#9ba894;box-shadow:0 0 0 3px #e7ece3}.password-field{position:relative}.password-field button{position:absolute;right:8px;top:50%;transform:translateY(-40%);border:0;background:transparent;color:var(--muted)}.password-field svg{width:18px}.auth-switch{text-align:center;color:var(--muted);font-size:13px;margin-top:18px}.auth-switch a{font-weight:700;color:var(--sage-dark)}.form-error,.form-success,.notice{border-radius:12px;padding:11px 13px;font-size:12px;margin-bottom:14px}.form-error{background:#f6e5e2;color:#8b3e35}.form-success{background:#e4eee2;color:#47623f}.notice{background:#ede8df;color:#6d6259}
/* onboarding */
.onboarding{min-height:100vh;padding:35px 5vw;background:var(--bg)}.onboarding__top{display:flex;justify-content:space-between;align-items:center}.onboarding__top>span{font-size:12px;color:var(--muted)}.onboarding__progress{height:2px;background:#e6ddd2;margin:28px 0}.onboarding__progress i{height:100%;display:block;background:var(--sage-dark);transition:.35s}.onboarding__card{width:min(850px,100%);min-height:620px;margin:45px auto;background:var(--paper);border:1px solid var(--line);border-radius:32px;padding:60px;box-shadow:var(--shadow);position:relative}.onboarding__card h1{font:500 clamp(42px,5vw,64px)/1.08 var(--serif);margin:10px 0 18px}.onboarding__card>p{font-size:17px;color:var(--muted);max-width:650px;line-height:1.65}.onboarding-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--sage-light);color:var(--sage-dark);margin-bottom:25px}.onboarding-icon--done{background:var(--sage);color:#fff}.onboarding__actions{position:absolute;left:60px;right:60px;bottom:46px;display:flex;justify-content:space-between}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:32px}.choice-grid button{border:1px solid var(--line);background:#fff;border-radius:15px;padding:15px;text-align:left;display:flex;align-items:center;gap:10px}.choice-grid button span{width:22px;height:22px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.choice-grid button.selected{border-color:var(--sage);background:#f1f4ef}.choice-grid button.selected span{background:var(--sage);color:#fff}.onboarding-habits{display:grid;gap:10px;margin-top:30px}.onboarding-habits label{display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.onboarding-habits span{padding:14px 16px;color:var(--caramel);font:500 16px var(--serif)}.onboarding-habits input{border:0;outline:0;background:transparent;flex:1;padding:14px;font-size:15px}.onboarding-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:35px}.onboarding-summary span{background:#f0ebe4;border-radius:16px;padding:18px}.onboarding-summary b{display:block;font:500 18px var(--serif)}.onboarding-summary small{color:var(--muted)}
/* paywall */
.paywall-page{min-height:100vh;display:grid;place-items:center;padding:40px;background:linear-gradient(135deg,#f8f4ee,#ede6dc)}.paywall-card{width:min(620px,100%);background:var(--paper);border:1px solid var(--line);border-radius:35px;padding:45px;box-shadow:var(--shadow);text-align:center}.paywall-card .brand{margin-bottom:30px}.lock-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--sage-light);color:var(--sage-dark);margin:0 auto 20px}.paywall-card h1{font:500 48px/1.06 var(--serif);margin:10px 0 15px}.paywall-card>p{color:var(--muted)}.paywall-price{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:25px}.paywall-price s{color:#9c9084}.paywall-price b{font:500 48px var(--serif);color:var(--caramel)}.paywall-price span{font-size:11px;color:var(--muted)}.paywall-card ul{list-style:none;padding:0;margin:22px auto;text-align:left;width:max-content;max-width:100%;display:grid;gap:9px}.paywall-card li{display:flex;gap:8px}.paywall-card li svg{width:18px;color:var(--sage-dark)}.check-consent{display:flex;text-align:left;gap:9px;color:var(--muted);font-size:11px;margin:13px 0}.check-consent input{margin-top:3px}
/* app shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;background:#f2ece4;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;z-index:20}.sidebar__today{margin:35px 0 22px;background:#e3e8df;border-radius:14px;padding:12px;display:flex;gap:8px;font-size:11px;color:var(--sage-dark);align-items:center}.sidebar__nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:13px;color:#6d655e;font-size:13px}.nav-item.is-active{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.nav-item.is-active svg{color:var(--sage-dark)}.sidebar__bottom{margin-top:auto}.demo-chip{font-size:9px;letter-spacing:.12em;background:var(--caramel);color:#fff;padding:4px 7px;border-radius:999px}.profile-row{width:100%;margin:10px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;background:transparent;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;text-align:left;gap:9px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--sage-dark);color:#fff;font:500 15px var(--serif)}.profile-row b{font-size:11px;display:block}.profile-row small{font-size:9px;color:var(--muted)}.app-main{grid-column:2;min-width:0}.bottom-nav{display:none}.page{width:min(1200px,calc(100% - 58px));margin:0 auto;padding:48px 0 90px}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:35px}.page-header h1{font:500 clamp(38px,4vw,54px)/1.08 var(--serif);margin:7px 0 5px}.page-header p{color:var(--muted);margin:0}.page-header__action{flex:0 0 auto}.full-loader{min-height:100vh;display:grid;place-items:center;align-content:center;gap:16px}.loader-mark{width:55px;height:55px;border-radius:50%;border:3px solid var(--sage-light);border-right-color:var(--sage-dark);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Habit page */
.habit-hero-grid{display:grid;grid-template-columns:1.5fr .85fr .65fr;gap:14px;margin-bottom:28px}.metric-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:23px;box-shadow:var(--shadow-sm);min-height:165px}.metric-card--ring{display:flex;align-items:center;gap:22px}.metric-card__label{font-size:9px;font-weight:700;letter-spacing:.13em;color:var(--caramel)}.metric-card h3{font:500 23px var(--serif);margin:6px 0}.metric-card p{color:var(--muted);font-size:12px;margin:0;line-height:1.6}.big-stat{font:500 31px var(--serif);display:flex;align-items:center;gap:7px;margin:12px 0}.big-stat svg{color:var(--caramel)}.habit-week-head{display:grid;grid-template-columns:minmax(220px,1fr) 470px 100px 40px;gap:0;align-items:end;padding:0 14px 10px}.habit-week-head>div:first-child b{display:block}.habit-week-head>div:first-child span{font-size:11px;color:var(--muted)}.week-day-labels{grid-column:2;display:grid;grid-template-columns:repeat(7,1fr);text-align:center;align-items:end}.week-day-labels span{padding:5px 0;display:grid;place-items:center;min-height:56px}.week-day-labels small{font-size:8px;text-transform:uppercase;color:var(--muted);display:block}.week-day-labels b{font:500 13px var(--serif)}.week-day-labels .today{background:var(--sage-dark);color:#fff;border-radius:13px}.week-day-labels .today small{color:#dfe5db}.habit-list{display:grid;gap:8px}.habit-row{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:15px 14px;display:grid;grid-template-columns:minmax(220px,1fr) 470px 100px 40px;align-items:center;box-shadow:0 3px 16px rgba(55,44,34,.035)}.habit-row__info{display:flex;gap:11px;align-items:center}.habit-icon{width:40px;height:40px;border-radius:13px;background:var(--sage-light);display:grid;place-items:center;color:var(--sage-dark)}.habit-row__info h3{font-size:13px;margin:0 0 4px}.habit-row__info span span{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:3px}.habit-row__days{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center}.habit-dot{width:29px;height:29px;border:1px solid var(--line);background:#fff;border-radius:50%;padding:0;display:grid;place-items:center;color:#fff;transition:.2s}.habit-dot:hover{border-color:var(--sage)}.habit-dot.is-done{background:var(--sage);border-color:var(--sage)}.habit-dot.is-today{box-shadow:0 0 0 3px #ebe5dc}.habit-row__score{text-align:right}.habit-row__score b{font:500 17px var(--serif);display:block}.habit-row__score small{font-size:8px;color:var(--muted)}.mini-progress{height:3px;background:#e8e0d7;border-radius:5px;margin-top:6px;overflow:hidden}.mini-progress i{height:100%;display:block;background:var(--sage)}.habit-more{background:transparent}.empty-state{text-align:center;padding:60px;border:1px dashed var(--line);border-radius:22px}.empty-state>svg{color:var(--sage);width:42px;height:42px}.empty-state h3{font:500 25px var(--serif);margin:12px 0 6px}.empty-state p{color:var(--muted)}
/* Planner */
.planner-top{display:grid;grid-template-columns:1fr 240px;gap:14px;margin-bottom:25px}.mission-card,.week-score{background:var(--paper);border:1px solid var(--line);border-radius:23px;padding:20px;box-shadow:var(--shadow-sm)}.mission-card__label{font-size:9px;letter-spacing:.14em;font-weight:700;color:var(--caramel);display:flex;gap:6px;align-items:center}.mission-card textarea{width:100%;font:500 23px/1.3 var(--serif);border:0;resize:none;outline:0;background:transparent;min-height:60px;margin-top:10px}.mission-priorities{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mission-priorities input{border:0;border-top:1px solid var(--line);padding:10px 5px 2px;background:transparent;outline:0;font-size:10px}.week-score span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.week-score b{font:500 43px var(--serif);display:block;margin:11px 0 7px}.week-score small{font-size:9px;color:var(--muted)}.week-score__bar{height:5px;background:#e7e0d8;border-radius:10px;overflow:hidden;margin-bottom:7px}.week-score__bar i{display:block;height:100%;background:var(--sage)}.week-switch{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px 0 10px}.week-switch>div{text-align:center}.week-switch b{display:block;font:500 16px var(--serif)}.week-switch span{font-size:9px;color:var(--muted)}.week-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:15px}.week-tabs button{border:1px solid var(--line);background:var(--paper);border-radius:15px;padding:10px 5px}.week-tabs small{font-size:8px;text-transform:uppercase;color:var(--muted);display:block}.week-tabs b{font:500 18px var(--serif);display:block;margin:2px}.week-tabs span{font-size:8px;color:var(--muted)}.week-tabs button.selected{background:var(--sage-dark);color:#fff;border-color:var(--sage-dark)}.week-tabs button.selected small,.week-tabs button.selected span{color:#e1e5de}.week-tabs button.today:not(.selected){box-shadow:inset 0 0 0 1px var(--sage)}.planner-grid{display:grid;grid-template-columns:1fr 290px;gap:14px}.day-panel{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:23px;box-shadow:var(--shadow-sm)}.day-panel__head{display:flex;justify-content:space-between;align-items:end}.day-panel__head h2{font:500 29px var(--serif);margin:5px 0}.focus-box{background:#edf1ea;border-radius:14px;padding:10px 13px;margin:15px 0}.focus-box span{font-size:8px;color:var(--sage-dark);letter-spacing:.12em}.focus-box input{display:block;width:100%;border:0;background:transparent;outline:0;font:500 14px var(--serif);margin-top:4px}.task-list{display:grid;gap:7px}.task-row{display:grid;grid-template-columns:38px 1fr 38px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:9px;background:#fff}.task-check{border:0;background:transparent;color:var(--sage-dark);display:grid;place-items:center}.task-check svg{width:22px}.task-row__text b{font-size:12px;display:block}.task-row__text>span{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:9px;margin-top:4px}.task-row__text span span{display:flex;gap:3px;align-items:center}.priority{font-style:normal;display:inline-flex;align-items:center;gap:3px}.priority--wysoki{color:#a45f54}.priority--średni{color:#9b7a4d}.priority--niski{color:#758a72}.task-row.is-done{opacity:.58;background:#f4f1ed}.task-row.is-done b{text-decoration:line-through}.task-delete{opacity:0;background:transparent}.task-row:hover .task-delete{opacity:1}.empty-mini{text-align:center;padding:38px 10px;color:var(--muted)}.empty-mini svg{opacity:.5}.empty-mini b{font:500 15px var(--serif);display:block;color:var(--ink);margin:7px}.empty-mini span{font-size:10px}.planner-side{display:grid;gap:12px;align-content:start}.side-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:16px}.side-card__head{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:.1em}.side-card__title{font-size:9px;font-weight:700;letter-spacing:.1em}.bank-task{display:flex;gap:9px;padding:11px 0;border-bottom:1px solid #eee6dd}.bank-task:last-child{border-bottom:0}.priority-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#9f998f}.priority-dot.wysoki{background:#af665a}.priority-dot.średni{background:#b68a50}.priority-dot.niski{background:#7e9578}.bank-task b{font-size:10px;display:block}.bank-task small{font-size:8px;color:var(--muted)}.side-empty{font-size:10px;color:var(--muted)}.side-card textarea{width:100%;border:0;resize:none;background:transparent;outline:0;min-height:100px;margin-top:8px}.review-section{margin-top:25px;padding:30px;background:#eee7de;border-radius:26px}.review-head h2{font:500 27px var(--serif);margin:6px 0 18px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.review-grid label{background:#faf7f2;border:1px solid #ddd3c8;border-radius:15px;padding:13px}.review-grid span{font-size:9px;font-weight:700;color:var(--muted)}.review-grid textarea{width:100%;border:0;background:transparent;resize:none;outline:0;min-height:70px;margin-top:8px}
/* Progress */
.progress-kpis{display:grid;grid-template-columns:1.55fr repeat(3,.72fr);gap:12px;margin-bottom:14px}.progress-main-card,.progress-kpi,.chart-card,.insight-card,.monthly-reset{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm)}.progress-main-card{padding:22px;display:flex;align-items:center;gap:22px}.progress-main-card h3{font:500 22px var(--serif);margin:6px 0}.progress-main-card p{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.positive{color:#64805e}.negative{color:#9d5d54}.progress-kpi{padding:20px;display:flex;flex-direction:column}.progress-kpi>span{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.progress-kpi>span svg{width:14px;color:var(--caramel)}.progress-kpi b{font:500 31px var(--serif);margin:auto 0 2px}.progress-kpi small{font-size:9px;color:var(--muted)}.chart-card{padding:24px;margin-bottom:14px}.chart-card__head{display:flex;justify-content:space-between;align-items:end}.chart-card h2{font:500 25px var(--serif);margin:5px 0}.chart-chip{font-size:9px;background:#eee8df;border-radius:999px;padding:7px 10px;color:var(--muted)}.chart-wrap{height:310px}.progress-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:14px}.chart-card--small{margin:0}.bar-wrap{height:280px}.insight-card{padding:25px;position:relative;overflow:hidden}.insight-card:after{content:"";position:absolute;width:230px;height:230px;border:1px solid var(--line);border-radius:50%;right:-110px;top:-100px}.insight-card__mark{width:45px;height:45px;border-radius:50%;background:var(--sage-light);display:grid;place-items:center;color:var(--sage-dark);margin:18px 0}.insight-card h2{font:500 27px var(--serif);margin:0}.insight-card strong{font:500 45px var(--serif);color:var(--sage-dark)}.insight-card p{font-size:11px;color:var(--muted);line-height:1.65}.insight-rule{display:flex;align-items:center;gap:7px;margin-top:30px;color:var(--caramel);font:italic 10px var(--serif)}.insight-rule i{height:1px;background:#c6aa87;flex:1}.monthly-reset{margin-top:14px;padding:30px;display:grid;grid-template-columns:.7fr 1.3fr;gap:30px}.monthly-reset h2{font:500 28px var(--serif);margin:6px 0}.monthly-reset p{font-size:11px;color:var(--muted)}.reset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reset-grid label{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px}.reset-grid span{font-size:9px;font-weight:700;color:var(--muted)}.reset-grid textarea{width:100%;border:0;outline:0;resize:none;background:transparent;min-height:95px;margin-top:7px}
/* Settings */
.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.settings-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:21px;display:flex;align-items:center;gap:15px}.settings-card__icon{width:48px;height:48px;border-radius:15px;background:var(--sage-light);display:grid;place-items:center;color:var(--sage-dark)}.settings-card h3{font:500 20px var(--serif);margin:4px 0 3px}.settings-card p{font-size:10px;color:var(--muted);margin:0}.settings-list{margin-top:20px;border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden}.settings-list button{width:100%;display:grid;grid-template-columns:40px 1fr 20px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px}.settings-list button:last-child{border-bottom:0}.settings-list>button>svg{color:var(--sage-dark)}.settings-list b{font-size:12px;display:block}.settings-list small{font-size:9px;color:var(--muted)}.settings-list i{font-style:normal;color:var(--muted);font-size:20px}.settings-list .danger>svg,.settings-list .danger b{color:#995d55}.settings-logout{margin-top:15px}
/* Modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(36,31,27,.42);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;z-index:100}.modal{width:min(500px,100%);background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:23px;box-shadow:0 25px 80px rgba(35,29,24,.24)}.modal__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal__head h3{font:500 25px var(--serif);margin:0}.modal-form select{appearance:auto}.modal-form input[type=range]{padding:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
@media(max-width:1100px){.habit-row{grid-template-columns:minmax(180px,1fr) 350px 80px 35px}.habit-week-head{grid-template-columns:minmax(180px,1fr) 350px 80px 35px}.progress-kpis{grid-template-columns:1.4fr repeat(3,.7fr)}.hero{gap:35px}.hero-product{transform:scale(.92)}}
@media(max-width:900px){.landing-nav__links>a:not(.btn){display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero__copy{text-align:center}.hero__copy p{margin-left:auto;margin-right:auto}.hero__actions,.hero__trust{justify-content:center}.hero-product{height:600px}.feature-grid,.split{grid-template-columns:1fr}.cta-card{display:grid;gap:24px}.cta-card__price{text-align:left}.auth-page{grid-template-columns:1fr}.auth-side{display:none}.app-shell{display:block}.sidebar{display:none}.app-main{display:block}.bottom-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:64px;border-radius:22px;background:rgba(47,45,39,.94);backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(3,1fr);z-index:50;box-shadow:0 15px 45px rgba(30,25,22,.3)}.bottom-nav__item{color:#aaa59e;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;gap:4px}.bottom-nav__item.is-active{color:#fff}.page{width:min(100% - 28px,760px);padding:32px 0 100px}.page-header{align-items:start}.habit-hero-grid{grid-template-columns:1fr 1fr}.habit-hero-grid .metric-card--ring{grid-column:1/-1}.habit-week-head{display:none}.habit-row{grid-template-columns:1fr 90px 32px;padding:13px}.habit-row__days{grid-column:1/-1;grid-row:2;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.habit-row__score{grid-column:2;grid-row:1}.habit-more{grid-column:3;grid-row:1}.planner-top{grid-template-columns:1fr}.week-score{display:grid;grid-template-columns:1fr auto;align-items:center}.week-score b{grid-column:2;grid-row:1/3}.week-score__bar,.week-score small{grid-column:1/-1}.planner-grid{grid-template-columns:1fr}.planner-side{grid-template-columns:1fr 1fr}.progress-kpis{grid-template-columns:1fr 1fr}.progress-main-card{grid-column:1/-1}.progress-grid{grid-template-columns:1fr}.monthly-reset{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:calc(100% - 26px)}.landing-nav{height:75px}.landing-nav .brand__name{display:none}.landing-nav__links{gap:8px}.landing-nav__links .btn{padding:10px 12px}.hero{min-height:auto;padding:40px 0 70px}.hero__copy h1{font-size:48px}.hero__price{justify-content:center;flex-wrap:wrap}.hero__trust{gap:10px;flex-direction:column;align-items:center}.hero-product{height:570px;transform:scale(.9);margin:-15px 0}.proof-strip__inner{font-size:8px}.landing-section{padding:75px 0}.section-heading h2,.split h2{font-size:40px}.dashboard-preview{padding:20px}.dashboard-preview__stats{grid-template-columns:1fr}.cta-card{padding:30px}.landing-footer .brand{display:none}.auth-panel{padding:25px}.onboarding{padding:22px 14px}.onboarding__top .brand__name{display:none}.onboarding__card{padding:35px 23px;min-height:650px;margin-top:25px}.onboarding__card h1{font-size:42px}.onboarding__actions{left:23px;right:23px;bottom:25px}.choice-grid{grid-template-columns:1fr}.onboarding-summary{grid-template-columns:1fr}.paywall-page{padding:18px}.paywall-card{padding:30px 22px}.paywall-card h1{font-size:40px}.page{width:calc(100% - 22px);padding-top:24px}.page-header{margin-bottom:24px}.page-header h1{font-size:36px}.page-header p{font-size:12px}.page-header__action .btn{width:40px;height:40px;padding:0;font-size:0}.habit-hero-grid{grid-template-columns:1fr}.metric-card--ring{display:grid;grid-template-columns:auto 1fr}.habit-row{grid-template-columns:1fr 75px 26px}.habit-row__info h3{font-size:12px}.habit-icon{width:35px;height:35px}.habit-dot{width:28px;height:28px}.week-tabs{gap:4px}.week-tabs button{padding:8px 2px}.week-tabs small{font-size:7px}.planner-top{margin-bottom:18px}.mission-priorities{grid-template-columns:1fr}.planner-grid{gap:10px}.day-panel{padding:16px}.planner-side{grid-template-columns:1fr}.review-section{padding:20px}.review-grid{grid-template-columns:1fr}.progress-kpis{grid-template-columns:1fr 1fr}.progress-main-card{display:grid;grid-template-columns:auto 1fr}.progress-kpi{min-height:125px;padding:15px}.chart-card{padding:17px}.chart-wrap{height:250px}.monthly-reset{padding:20px}.reset-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}
.spin{animation:spin 1s linear infinite}.legal-page{min-height:100vh;padding:30px 20px 80px}.legal-top{width:min(880px,100%);margin:0 auto 30px;display:flex;justify-content:space-between;align-items:center}.legal-card{width:min(880px,100%);margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:42px;box-shadow:var(--shadow-sm)}.legal-card h1{font:500 48px var(--serif);margin:8px 0}.legal-card h2{font:500 24px var(--serif);margin:32px 0 8px}.legal-card p{color:#5f5750;line-height:1.75}.legal-meta{font-size:11px!important;color:var(--muted)!important;border-bottom:1px solid var(--line);padding-bottom:20px}.check-consent a{color:var(--sage-dark);font-weight:700}
@media(max-width:600px){.legal-card{padding:27px 20px}.legal-card h1{font-size:38px}}
:root{--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.toast-wrap{position:fixed;right:18px;top:18px;z-index:300;display:grid;gap:8px}.toast{padding:12px 15px;border-radius:14px;background:#302820;color:#fff;box-shadow:0 14px 45px rgba(30,25,22,.25);font-size:12px;animation:toastin .25s ease}.toast.success{background:#65725f}.toast.error{background:#91594f}@keyframes toastin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.button-reset{border:0;background:transparent;padding:0}.route-fade{animation:routein .28s ease}@keyframes routein{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.native-chart{width:100%;height:calc(100% - 28px);overflow:visible}.chart-labels{display:grid;grid-template-columns:repeat(8,1fr);font-size:10px;color:var(--muted);text-align:center}.native-ranking{display:grid;gap:15px;padding-top:12px}.native-ranking>div{display:grid;grid-template-columns:140px 1fr 45px;gap:10px;align-items:center;font-size:11px}.native-ranking i{height:12px;border-radius:999px;background:#eee7df;overflow:hidden}.native-ranking i b{height:100%;display:block;background:var(--sage);border-radius:999px}.native-ranking strong{font:500 13px var(--serif);text-align:right}.auth-switch .button-reset{font-weight:700;color:var(--sage-dark)}
@media(max-width:600px){.native-ranking>div{grid-template-columns:100px 1fr 38px}.native-ranking>div>span{font-size:9px}}
.admin-table{display:grid;margin-top:12px;border:1px solid var(--line);border-radius:17px;overflow:hidden}.admin-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-size:11px}.admin-row:last-child{border-bottom:0}.admin-row--head{background:#eee8df;font-size:9px;font-weight:700;letter-spacing:.08em}.admin-row span b{display:block}.admin-row span small{color:var(--muted)}.status-pill{font-style:normal;font-size:9px;padding:5px 8px;border-radius:999px;background:#eee7df}.status-pill.active,.status-pill.complimentary{background:var(--sage-light);color:var(--sage-dark)}.admin-grant{padding:7px 10px;font-size:9px}@media(max-width:650px){.admin-row{grid-template-columns:1.5fr 1fr}.admin-row span:nth-child(3){display:none}.admin-row--head span:nth-child(3){display:none}}

.task-row__text[data-edit-task], .bank-task[data-edit-task], .habit-more[data-edit-habit]{cursor:pointer}
.task-row__text[data-edit-task]:hover b,.bank-task[data-edit-task]:hover b{color:var(--sage-dark)}
.modal-danger{margin-right:auto;color:#9f5047;border-color:#dfc1bb;background:#fbf1ef}


/* =========================================================
   V4 — PREMIUM MOTION / MOBILE / RECORDING MODE
   ========================================================= */
:root{
  --ease-premium:cubic-bezier(.22,1,.36,1);
}
.app-main{
  position:relative;
  background:
    radial-gradient(circle at 18% 2%,rgba(184,135,82,.055),transparent 28rem),
    radial-gradient(circle at 92% 18%,rgba(127,141,121,.08),transparent 34rem);
}
.mobile-appbar{display:none}
.route-fade{animation:routein .42s var(--ease-premium)}
@keyframes routein{from{opacity:0;transform:translateY(11px) scale(.995)}to{opacity:1;transform:none}}

.metric-card,.progress-kpi,.chart-card,.mission-card,.week-score,.day-panel,.side-card,.review-section,.monthly-reset,.insight-card{
  transition:transform .28s var(--ease-premium),box-shadow .28s var(--ease-premium),border-color .28s ease;
}
@media(hover:hover){
  .metric-card:hover,.progress-kpi:hover,.chart-card:hover,.mission-card:hover,.week-score:hover,.day-panel:hover,.side-card:hover,.insight-card:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 48px rgba(55,44,34,.10);
    border-color:#d7cabc;
  }
}

.ring__value{
  animation:ringdraw .95s var(--ease-premium) both;
}
@keyframes ringdraw{
  from{stroke-dashoffset:var(--ring-c)}
  to{stroke-dashoffset:var(--ring-off)}
}
.mini-progress i,.week-score__bar i,.native-ranking i b,.mini-bars i{
  transform-origin:left center;
  animation:growbar .8s var(--ease-premium) both;
}
@keyframes growbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.native-chart .chart-line{
  stroke-dasharray:1;
  stroke-dashoffset:1;
  animation:drawline 1.15s .12s var(--ease-premium) forwards;
}
.native-chart circle{
  opacity:0;
  animation:pointin .35s .78s ease forwards;
}
@keyframes drawline{to{stroke-dashoffset:0}}
@keyframes pointin{to{opacity:1}}

.habit-week-head{
  position:sticky;
  top:10px;
  z-index:12;
  background:rgba(248,244,238,.90);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(225,216,205,.82);
  border-radius:17px;
  margin:0 0 9px;
  padding:8px 14px;
  box-shadow:0 8px 28px rgba(55,44,34,.055);
}
.habit-row{
  transition:transform .25s var(--ease-premium),box-shadow .25s var(--ease-premium),border-color .25s ease;
  animation:rowin .48s var(--ease-premium) both;
}
@keyframes rowin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(hover:hover){
  .habit-row:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(55,44,34,.075);border-color:#d6cabc}
}
.habit-schedule{display:block;margin-top:3px;color:#9a8f84!important;font-size:8px!important;letter-spacing:.02em}
.habit-dot{
  position:relative;
  transition:transform .18s var(--ease-premium),background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.habit-dot:not(:disabled):active{transform:scale(.86)}
.habit-dot.is-off{
  background:transparent;
  border-style:dashed;
  color:#c7beb4;
  opacity:.48;
  cursor:default;
}
.habit-dot.just-done,.task-check.just-done{animation:tapPop .28s var(--ease-premium)}
@keyframes tapPop{0%{transform:scale(.72)}65%{transform:scale(1.16)}100%{transform:scale(1)}}

.week-tabs button{
  transition:transform .22s var(--ease-premium),background .22s ease,color .22s ease,box-shadow .22s ease;
}
.week-tabs button:hover{transform:translateY(-2px)}
.week-tabs button.selected{box-shadow:0 10px 24px rgba(80,93,73,.16)}
.task-row{
  transition:background .22s ease,transform .22s var(--ease-premium),opacity .22s ease;
}
.task-row:hover{transform:translateX(2px)}
.task-row.is-done{opacity:.68}
.task-check{transition:transform .18s var(--ease-premium),color .18s ease}
.task-check:active{transform:scale(.84)}
.focus-box{
  position:relative;
  overflow:hidden;
}
.focus-box:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--caramel),var(--sage));
}
.focus-box input{font-family:var(--serif);font-size:16px}

.sidebar{
  background:rgba(242,236,228,.93);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.nav-item{position:relative;transition:background .22s ease,color .22s ease,transform .22s var(--ease-premium)}
.nav-item:hover{transform:translateX(3px)}
.nav-item.is-active:after{
  content:"";position:absolute;right:10px;width:5px;height:5px;border-radius:50%;background:var(--caramel)
}

.weekday-picker{
  border:0;padding:0;margin:5px 0 3px;
}
.weekday-picker legend{
  font-size:11px;font-weight:700;margin-bottom:8px;color:var(--muted)
}
.weekday-picker{
  display:grid;grid-template-columns:repeat(7,1fr);gap:6px
}
.weekday-picker label{margin:0;cursor:pointer}
.weekday-picker input{position:absolute;opacity:0;pointer-events:none}
.weekday-picker span{
  display:grid;place-items:center;height:38px;border:1px solid var(--line);
  border-radius:11px;background:#fff;font-size:10px;font-weight:700;color:var(--muted);
  transition:.2s var(--ease-premium)
}
.weekday-picker input:checked+span{
  color:#fff;background:var(--sage-dark);border-color:var(--sage-dark);
  box-shadow:0 7px 17px rgba(83,97,76,.16)
}

/* Mobile: brand identity + weekday alignment */
@media(max-width:900px){
  .mobile-appbar{
    display:grid;grid-template-columns:1fr auto 38px;align-items:center;gap:10px;
    position:sticky;top:0;z-index:45;height:64px;padding:8px 15px;
    background:rgba(248,244,238,.88);border-bottom:1px solid rgba(225,216,205,.72);
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  }
  .mobile-appbar__brand{justify-self:start}
  .mobile-appbar__date{text-align:right;line-height:1.05}
  .mobile-appbar__date small{display:block;text-transform:uppercase;font-size:7px;letter-spacing:.13em;color:var(--caramel);font-weight:800}
  .mobile-appbar__date b{font:500 12px var(--serif)}
  .page{padding-top:22px}
  .habit-week-head{
    display:block;position:sticky;top:70px;padding:6px 10px;margin-bottom:8px
  }
  .habit-week-head>div:first-child{display:none}
  .week-day-labels{display:grid;grid-template-columns:repeat(7,1fr);width:100%}
  .week-day-labels span{min-height:43px;padding:3px 0;border-radius:11px}
  .week-day-labels small{font-size:7px}
  .week-day-labels b{font-size:12px}
  .habit-row__days{padding-left:0;padding-right:0}
  .habit-schedule{font-size:7px!important}
}
@media(max-width:600px){
  .metric-card,.progress-kpi,.chart-card,.day-panel,.side-card,.review-section,.monthly-reset,.insight-card{border-radius:21px}
  .habit-row{border-radius:18px}
  .bottom-nav{
    background:rgba(42,40,35,.91);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 18px 50px rgba(30,25,22,.34);
  }
  .bottom-nav__item{position:relative}
  .bottom-nav__item.is-active:after{
    content:"";position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:var(--caramel)
  }
  .page-header h1{letter-spacing:-.025em}
  .weekday-picker{gap:4px}
  .weekday-picker span{height:34px;font-size:9px;border-radius:9px}
}

/* Recording mode — no fourth main tab; only a presentation layout */
body.presentation-mode{
  background:#24231f;
}
body.presentation-mode .sidebar{display:none!important}
body.presentation-mode .app-shell{
  display:block!important;
  width:430px;
  max-width:100%;
  min-height:100vh;
  margin:0 auto;
  background:var(--bg);
  box-shadow:0 0 0 1px rgba(255,255,255,.05),0 35px 100px rgba(0,0,0,.48);
}
body.presentation-mode .app-main{display:block!important;grid-column:auto}
body.presentation-mode .mobile-appbar{display:grid!important}
body.presentation-mode .bottom-nav{
  position:fixed;display:grid!important;grid-template-columns:repeat(3,1fr);
  left:50%;right:auto;transform:translateX(-50%);
  width:min(406px,calc(100% - 24px));bottom:12px;height:64px;border-radius:22px;
  background:rgba(47,45,39,.94);backdrop-filter:blur(14px);z-index:80
}
body.presentation-mode .bottom-nav__item{
  color:#aaa59e;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;gap:4px
}
body.presentation-mode .bottom-nav__item.is-active{color:white}
body.presentation-mode .page{
  width:calc(100% - 22px)!important;
  padding:22px 0 100px!important;
}
body.presentation-mode .page-header{align-items:start}
body.presentation-mode .page-header h1{font-size:36px}
body.presentation-mode .page-header p{font-size:12px}
body.presentation-mode .page-header__action .btn{width:40px;height:40px;padding:0;font-size:0}
body.presentation-mode .habit-hero-grid{grid-template-columns:1fr!important}
body.presentation-mode .metric-card--ring{display:grid;grid-template-columns:auto 1fr;grid-column:auto!important}
body.presentation-mode .habit-week-head{display:block;top:70px;padding:6px 10px}
body.presentation-mode .habit-week-head>div:first-child{display:none}
body.presentation-mode .week-day-labels{display:grid;grid-template-columns:repeat(7,1fr)}
body.presentation-mode .habit-row{grid-template-columns:1fr 75px 26px}
body.presentation-mode .habit-row__days{grid-column:1/-1;grid-row:2;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
body.presentation-mode .habit-row__score{grid-column:2;grid-row:1}
body.presentation-mode .habit-more{grid-column:3;grid-row:1}
body.presentation-mode .planner-top{grid-template-columns:1fr}
body.presentation-mode .planner-grid{grid-template-columns:1fr}
body.presentation-mode .planner-side{grid-template-columns:1fr}
body.presentation-mode .review-grid{grid-template-columns:1fr}
body.presentation-mode .progress-kpis{grid-template-columns:1fr 1fr}
body.presentation-mode .progress-main-card{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr}
body.presentation-mode .progress-grid{grid-template-columns:1fr}
body.presentation-mode .monthly-reset{grid-template-columns:1fr}
body.presentation-mode .reset-grid{grid-template-columns:1fr}

.auth-helper{display:flex;justify-content:flex-end;margin-top:-7px;margin-bottom:4px}
.auth-helper button{font-size:11px;color:var(--sage-dark);font-weight:700}
.auth-helper button:hover{text-decoration:underline}


/* =========================================================
   V6 — PRODUCTION AUTOMATIONS UI
   ========================================================= */
.mobile-appbar{grid-template-columns:1fr auto auto}
.mobile-appbar__actions{display:flex;gap:5px;align-items:center}

.notification-settings{display:grid;gap:18px}
.push-status{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:16px;background:#faf7f2}
.push-status>span{width:42px;height:42px;border-radius:13px;background:#eee7de;display:grid;place-items:center;color:var(--sage-dark)}
.push-status.is-on>span{background:#e8efe6}
.push-status b,.push-status small{display:block}
.push-status small{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.45}
.preference-list{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.toggle-row{display:grid!important;grid-template-columns:1fr 43px!important;align-items:center;gap:14px;padding:13px 15px;margin:0!important;border-bottom:1px solid var(--line);cursor:pointer}
.toggle-row:last-child{border-bottom:0}
.toggle-row span b,.toggle-row span small{display:block}
.toggle-row span b{font-size:12px}
.toggle-row span small{font-size:9px;color:var(--muted);line-height:1.45;margin-top:2px}
.toggle-row input{position:absolute;opacity:0;pointer-events:none}
.toggle-row>i{width:41px;height:23px;border-radius:99px;background:#ddd5cc;position:relative;transition:.22s ease}
.toggle-row>i:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 6px rgba(0,0,0,.16);transition:.22s var(--ease-premium)}
.toggle-row input:checked+i{background:var(--sage-dark)}
.toggle-row input:checked+i:after{transform:translateX(18px)}
.notification-history-head{display:flex;align-items:center;justify-content:space-between}
.notification-history-head button{font-size:9px;color:var(--sage-dark);font-weight:700}
.notification-history{display:grid;gap:7px;max-height:270px;overflow:auto}
.notification-item{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:11px;border-radius:12px;background:#faf8f5;border:1px solid transparent}
.notification-item.is-unread{background:#eef3ec;border-color:#dce6d9}
.notification-item>span{color:var(--sage-dark);padding-top:1px}
.notification-item b{font-size:11px}
.notification-item p{font-size:10px;color:var(--muted);line-height:1.45;margin:3px 0}
.notification-item small{font-size:8px;color:#9b9188}

.support-wrap{display:grid;gap:22px}
.support-history{display:grid;gap:8px}
.support-item{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#faf8f4}
.support-item>div b,.support-item>div small{display:block}
.support-item>div b{font-size:11px}
.support-item>div small{font-size:8px;color:var(--muted);margin-top:3px}
.support-item>p{grid-column:1/-1;font-size:10px;color:var(--muted);line-height:1.5;margin:2px 0}
.support-item blockquote{grid-column:1/-1;margin:2px 0 0;padding:10px;background:#edf3eb;border-radius:10px;font-size:9px;line-height:1.5;color:#52604e}
.status-pill.open{background:#fff0d8;color:#9a6b20}
.status-pill.in_progress{background:#e9eef5;color:#53677e}
.status-pill.resolved,.status-pill.closed{background:#e7f0e4;color:#52704a}

.install-help{text-align:center;padding:10px 5px;display:grid;gap:15px;place-items:center}
.install-help>svg{color:var(--sage-dark)}
.install-help p{font-size:12px;line-height:1.65;color:var(--muted);max-width:420px}

.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.health-item{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:#faf8f4}
.health-item>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eee8df;color:var(--muted)}
.health-item.ready>span{background:#e7efe4;color:#55704f}
.health-item.blocked>span{background:#f7e5e2;color:#9b534c}
.health-item b,.health-item small{display:block}
.health-item b{font-size:10px}
.health-item small{font-size:8px;color:var(--muted);line-height:1.4;margin-top:2px}
.health-item>i{font-style:normal;font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}

.support-admin-list{display:grid;gap:8px}
.support-admin-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#faf8f4}
.support-admin-item b,.support-admin-item small{display:block}
.support-admin-item small{font-size:8px;color:var(--muted);margin-top:3px}
.support-admin-item p{font-size:10px;color:var(--muted);line-height:1.45;margin:6px 0 0}
.support-admin-item>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:7px}

.audit-list{display:grid;gap:5px}
.audit-list>div{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:9px}
.audit-list>div:last-child{border-bottom:0}
.audit-list span,.audit-list small{color:var(--muted)}

@media(max-width:700px){
 .health-grid{grid-template-columns:1fr}
 .push-status{grid-template-columns:38px 1fr}
 .push-status>button{grid-column:1/-1}
 .support-admin-item{grid-template-columns:1fr}
 .support-admin-item>div:last-child{align-items:flex-start;flex-direction:row}
 .audit-list>div{grid-template-columns:1fr auto}
 .audit-list>div span{grid-column:1/-1}
}