:root{--bg:#f4f7fa;--surface:#fff;--surface-2:#f8fafc;--text:#132136;--muted:#7b8797;--line:#e6ebf0;--blue:#1e72f2;--blue-2:#55a5ff;--navy:#071522;--green:#36b987;--shadow:0 18px 55px rgba(29,53,87,.07);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#07131f;color:#fff;padding:35px 25px 24px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font:700 14px/1 "Manrope";letter-spacing:2.7px}.brand-mark{width:25px;height:24px;display:flex;align-items:flex-end;gap:3px;transform:skewY(-28deg)}.brand-mark i{display:block;width:6px;border-radius:1px;background:linear-gradient(#54b5ff,#1473ee)}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:24px}.nav-list{margin-top:66px;display:grid;gap:9px}.nav-item{border:0;background:none;color:#76889a;padding:13px 15px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:15px;font-weight:600;transition:.2s}.nav-item .icon{font-size:19px;width:20px;text-align:center}.nav-item:hover{color:#c9d6e1;background:#0d1c2b}.nav-item.active{color:#d9edff;background:linear-gradient(90deg,#0e3456,#0d2a44);box-shadow:inset 3px 0 #3c9cff}.sidebar-bottom{margin-top:auto}.mini-streak{margin:0 8px 21px;padding:13px 11px;display:flex;gap:12px;align-items:center;border:1px solid #1b2b39;border-radius:12px}.mini-streak .flame{color:#5fb1ff}.mini-streak strong,.profile-pill strong{display:block;font-size:12px}.mini-streak small,.profile-pill small{display:block;font-size:10px;color:#718396;margin-top:3px}.profile-pill{width:100%;border:0;border-top:1px solid #1c2a38;padding:21px 2px 0;background:none;color:#eaf3fa;display:flex;align-items:center;gap:11px;text-align:left}.avatar{width:37px;height:37px;border-radius:50%;border:0;display:grid;place-items:center;background:linear-gradient(145deg,#203a51,#102536);color:#88c8ff;font-weight:700;font-size:11px}.profile-pill .chevron{margin-left:auto;color:#647689;font-size:22px}main{margin-left:244px;min-height:100vh}.today-page{max-width:1390px;margin:auto;padding:48px 5vw 28px}.hero-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:31px}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#8a96a4}.hero-head h1{font:700 32px/1.2 "Manrope";letter-spacing:-1.1px;margin:10px 0 8px}.subtitle{color:#929ba7;margin:0;font-size:13px}.icon-button{border:1px solid var(--line);background:var(--surface);color:#718096;width:40px;height:40px;border-radius:12px;box-shadow:var(--shadow)}.sidebar-habits-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;border-top:1px solid #1c2a38;background:none;color:#9fb4c6;font-size:11px;font-weight:700;padding:14px 2px;text-align:left;white-space:nowrap}.sidebar-habits-link:hover{color:#d9edff}.sidebar-habits-link span{color:#5e7d99}.mobile-habits-link{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#cfe3ff;font-size:11px;font-weight:700;padding:9px 13px;border-radius:20px;white-space:nowrap;flex:none}.mobile-habits-link:hover{border-color:#3c9cff;color:#fff}.dashboard-grid{display:grid;grid-template-columns:minmax(440px,1.18fr) minmax(360px,.82fr);gap:23px}.main-column{display:grid;align-content:start;gap:18px}.focus-card,.habits-card{background:var(--surface);border:1px solid rgba(220,228,235,.8);border-radius:var(--radius);box-shadow:var(--shadow)}.focus-card{padding:24px 27px}.section-kicker{color:#7d8a99}.section-kicker.light{color:#7092ad}.diamond{display:inline-block;width:7px;height:7px;background:var(--blue);transform:rotate(45deg);margin-right:7px}.focus-row{display:flex;align-items:center;margin-top:19px}.focus-check{width:23px;height:23px;border:1.5px solid #cbd5de;border-radius:50%;background:#fff;position:relative;flex:none}.focus-check.done{background:var(--blue);border-color:var(--blue)}.focus-check.done:after{content:"";position:absolute;left:7px;top:4px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.focus-copy{margin-left:14px}.focus-copy p{margin:0 0 4px;font-weight:600;font-size:16px}.focus-copy button{border:0;background:none;padding:0;color:#98a2ae;font-size:11px}.focus-row.done .focus-copy p{text-decoration:line-through;color:#8893a0}.focus-tag{margin-left:auto;background:#eef5ff;color:#3678c9;font-size:9px;text-transform:uppercase;letter-spacing:1px;padding:6px 10px;border-radius:12px;font-weight:700}.habits-card{padding:27px}.card-head{display:flex;justify-content:space-between;align-items:flex-start}.card-head h2{font:700 20px "Manrope";margin:7px 0 0}.text-button{border:0;background:none;color:#3180e8;font-weight:600;font-size:11px;padding:5px}.habit-list{margin:22px -8px 0}.habit{display:grid;grid-template-columns:32px 40px 1fr auto;align-items:center;gap:10px;padding:12px 9px;border-bottom:1px solid #edf0f3;transition:.25s}.habit:hover{background:var(--surface-2);border-radius:10px}.habit:last-child{border-bottom:0}.habit-check{width:21px;height:21px;border:1.5px solid #cdd6de;background:var(--surface);border-radius:50%;position:relative}.habit-check:hover{border-color:var(--blue)}.habit.done .habit-check{background:var(--blue);border-color:var(--blue);animation:pop .28s ease}.habit.done .habit-check:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}@keyframes pop{50%{transform:scale(1.25)}}.habit-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#f1f6fb;font-size:17px;filter:grayscale(.15)}.habit-name{font-size:13px;font-weight:600}.habit.done .habit-name{text-decoration:line-through;color:#939da8}.habit-goal{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#91a0af;background:#f5f7f9;border-radius:10px;padding:5px 8px}.daily-progress{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.progress-copy,.work-label{display:flex;justify-content:space-between;align-items:center;font-size:11px}.progress-copy span{color:var(--blue);font-weight:700}.progress-track,.empire-progress{height:5px;background:#e9eef3;border-radius:10px;overflow:hidden;margin-top:10px}.progress-track div,.empire-progress div{height:100%;width:0;background:linear-gradient(90deg,var(--blue),#57adff);border-radius:10px;transition:width .55s cubic-bezier(.2,.8,.2,1)}.daily-progress p{font-size:10px;color:#99a2ad;margin:11px 0 0}.streak-risk-warning{display:none;margin-top:9px;padding:9px 11px;border-radius:9px;background:#fff1d6;color:#8a5a00;font-size:10px;font-weight:700}.streak-risk-warning.show{display:block}body.dark .streak-risk-warning{background:#3a2812;color:#ffb066}.empire-card{background:linear-gradient(160deg,#0a1b2c,#07131f 76%);color:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 65px rgba(6,22,36,.22);align-self:start}.empire-head{padding:25px 27px 8px;display:flex;justify-content:space-between}.empire-head h2{font:700 20px "Manrope";margin:8px 0 0}.empire-head h2 span{font-size:11px;color:#718da5;font-family:"DM Sans";letter-spacing:.3px}.more-button{border:0;background:none;color:#5e7a91;letter-spacing:2px}.empire-scene{height:282px;position:relative;overflow:hidden;background:radial-gradient(circle at 68% 30%,#183c58 0,#0d263b 42%,#091d2f 75%)}.empire-scene:after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(transparent,#07131f)}.empire-scene svg{position:absolute;width:100%;height:100%;inset:0;z-index:2}.sun{position:absolute;width:42px;height:42px;border-radius:50%;background:#6fbfff;right:18%;top:16%;opacity:.22;box-shadow:0 0 50px #60b8ff}.cloud{position:absolute;width:45px;height:6px;border-radius:50%;background:#adc7d8;opacity:.08;top:25%;left:13%}.cloud.two{width:70px;left:66%;top:41%}.hill.far{fill:#173f50}.hill.near{fill:#0c303b}.ground{fill:#143d39}.trees{fill:#0c252d;stroke:#2b655c;stroke-width:4}.side{fill:#52788d}.side.dark{fill:#314d5f}.wall{fill:#84a5b5}.roof{fill:#2c5269}.roof-top{fill:#3d6277}.tower{fill:#7296a8}.tower-roof{fill:#25475e}.door{fill:#102d40}.windows rect{fill:#72c5f8;opacity:.77;filter:drop-shadow(0 0 7px #65bfff)}.steps{fill:#466779}.build-line{stroke:#3b8f85;stroke-width:4;stroke-dasharray:22 7}.workers{stroke:#5d9a91;stroke-width:3;fill:#6fb8ac;opacity:.8}.empire-card.celebrate .windows rect{animation:glow 1s ease}@keyframes glow{50%{fill:#fff;filter:drop-shadow(0 0 16px #7ac9ff)}}.brick-burst{position:absolute;z-index:5;left:50%;top:55%;transform:translate(-50%,10px);background:#ecf7ff;color:#1268c8;padding:8px 14px;border-radius:20px;font-weight:700;font-size:12px;opacity:0}.brick-burst.show{animation:floatUp 1.25s ease}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,10px)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-42px)}}.empire-stats{padding:4px 27px 19px}.work-label{color:#89a1b4}.work-label strong{color:#cce9ff}.empire-progress{background:#173044}.empire-stats p{font-size:10px;color:#7190a7;margin:11px 0 0}.brick-row{margin:0 27px;padding:17px 0;border-top:1px solid #162b3b;border-bottom:1px solid #162b3b;display:flex;align-items:center;gap:11px}.brick-icon{width:31px;height:27px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.brick-icon i{background:#326b8d;border-radius:2px}.brick-row strong{display:block;font-size:13px}.brick-row small{color:#678096;font-size:9px}.earned{margin-left:auto;color:#64b3f2;font-size:10px;font-weight:600}.empire-button{border:0;background:linear-gradient(100deg,#1769d1,#208af2);color:#fff;border-radius:10px;padding:14px 18px;font-size:11px;font-weight:700;letter-spacing:.3px}.empire-card>.empire-button{width:calc(100% - 54px);margin:18px 27px 26px}.empire-button span{float:right;font-size:16px}.quote{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;color:#9aa4ae;text-align:center;font:500 11px/1.8 "Manrope";margin:35px 0 0}.quote span{height:1px;background:#dfe5ea}.mobile-header,.bottom-nav{display:none}.placeholder-page{max-width:900px;margin:auto;padding:100px 6vw}.placeholder-page h1{font:700 45px "Manrope";margin:12px 0}.placeholder-page>p:not(.eyebrow){color:var(--muted);margin-bottom:30px}dialog{border:0;border-radius:20px;padding:0;background:var(--surface);color:var(--text);box-shadow:0 35px 100px rgba(0,15,35,.28);width:min(92vw,460px)}dialog::backdrop{background:rgba(1,11,22,.68);backdrop-filter:blur(4px)}dialog form{padding:33px}.dialog-icon{margin-bottom:21px}.dialog-icon .diamond{width:12px;height:12px}dialog h2{font:700 23px "Manrope";margin:9px 0}.dialog-help{font-size:12px;color:var(--muted);line-height:1.6}dialog label{display:block;font-size:11px;font-weight:700;margin:25px 0 8px}dialog input{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:13px 14px;border-radius:10px;outline:none}dialog input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,114,242,.1)}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.dialog-actions button{border:0;border-radius:9px;padding:11px 17px;font-weight:600;font-size:12px}.dialog-actions .cancel{background:var(--surface-2);color:var(--muted)}.dialog-actions .primary{background:var(--blue);color:#fff}.empire-dialog{background:linear-gradient(150deg,#0d2436,#07131f);color:#fff}.empire-dialog form{position:relative}.dialog-close{position:absolute;right:20px;top:17px;background:none;border:0;color:#7790a5;font-size:26px}.empire-dialog h2{font-size:27px;margin-bottom:27px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1b3447;border:1px solid #1b3447;border-radius:12px;overflow:hidden}.metrics div{background:#0b1d2c;padding:18px}.metrics strong,.metrics span{display:block}.metrics strong{font:700 21px "Manrope"}.metrics span{font-size:9px;color:#66859d;margin-top:5px}.next-build{font-size:11px;margin:24px 0 0}.empire-dialog small{display:block;color:#68849a;margin-top:9px}.toast{position:fixed;left:50%;bottom:26px;z-index:50;transform:translate(-50%,20px);background:#0a1b29;color:#eaf6ff;border:1px solid #20425b;border-radius:11px;padding:12px 18px;font-size:11px;font-weight:600;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}body.dark{--bg:#07111c;--surface:#0d1b28;--surface-2:#102231;--text:#e8f1f7;--muted:#7d93a5;--line:#1b3041;--shadow:0 18px 55px rgba(0,0,0,.18)}body.dark .focus-check{background:#0d1b28}.bottom-nav button{font-family:inherit}
@media(max-width:1050px){.sidebar{width:205px;padding-left:18px;padding-right:18px}main{margin-left:205px}.today-page{padding-left:3vw;padding-right:3vw}.dashboard-grid{grid-template-columns:1fr}.empire-card{display:grid;grid-template-columns:1.1fr .9fr}.empire-head{grid-column:1/-1}.empire-scene{grid-row:2/6;height:330px}.empire-stats{padding-top:28px}.brick-row{align-self:end}.empire-card>.empire-button{align-self:start}.quote{display:none}}
@media(max-width:720px){body{padding-bottom:67px}.sidebar{display:none}main{margin-left:0}.mobile-header{display:flex;justify-content:space-between;align-items:center;background:#07131f;color:#fff;padding:18px 20px}.mobile-header .brand{font-size:12px}.today-page{padding:31px 17px}.hero-head{margin-bottom:24px}.hero-head h1{font-size:27px}.subtitle{font-size:12px;max-width:290px}.dashboard-grid{display:block}.main-column{gap:14px}.focus-card,.habits-card{border-radius:16px}.focus-card{padding:21px}.focus-tag{display:none}.habits-card{padding:22px 18px;margin-top:14px}.card-head h2{font-size:18px}.habit{grid-template-columns:29px 37px 1fr}.habit-goal{display:none}.empire-card{display:block;margin-top:15px;border-radius:16px}.empire-scene{height:275px}.quote{display:none}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);inset:auto 0 0;background:rgba(8,20,31,.97);z-index:30;border-top:1px solid #1a2c3b;padding:8px 4px max(8px,env(safe-area-inset-bottom))}.bottom-nav button{background:none;border:0;color:#607386;font-size:9px;display:grid;gap:4px;place-items:center}.bottom-nav button span{font-size:17px}.bottom-nav button.active{color:#62b1f7}.placeholder-page{padding:65px 24px}.placeholder-page h1{font-size:38px}}
@media(max-width:390px){.hero-head .icon-button{display:none}.habit-icon{width:34px;height:34px}.empire-scene{height:245px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.collection-page{max-width:1390px;margin:auto;padding:55px 5vw}.collection-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.collection-head h1{font:700 34px "Manrope";letter-spacing:-1px;margin:9px 0 7px}.collection-head>div>p:last-child{color:var(--muted);font-size:13px;margin:0;max-width:550px}.primary-action{border:0;border-radius:10px;background:linear-gradient(100deg,#1769d1,#208af2);color:#fff;padding:13px 18px;font-weight:700;font-size:11px;box-shadow:0 9px 24px rgba(30,114,242,.2)}.goal-summary{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border:1px solid var(--line);border-radius:15px;margin-bottom:22px}.goal-summary div{padding:20px 23px;border-right:1px solid var(--line)}.goal-summary div:last-child{border:0}.goal-summary strong,.goal-summary span{display:block}.goal-summary strong{font:700 22px "Manrope"}.goal-summary span{font-size:10px;color:var(--muted);margin-top:3px}.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:17px}.goal-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:23px;box-shadow:var(--shadow)}.goal-card-head{display:flex;justify-content:space-between;gap:15px}.category-pill{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#3678c9;background:#eef5ff;padding:6px 9px;border-radius:10px;font-weight:700}.goal-card h2{font:700 18px "Manrope";margin:15px 0 7px}.goal-card .why{color:var(--muted);font-size:11px;line-height:1.55;min-height:34px}.goal-card .deadline{font-size:10px;color:var(--muted)}.goal-progress-row{display:flex;justify-content:space-between;font-size:10px;font-weight:700;margin-top:20px}.linked-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.linked-list span{font-size:9px;background:var(--surface-2);color:var(--muted);padding:6px 8px;border-radius:8px}.empty-state{grid-column:1/-1;background:var(--surface);border:1px dashed #cbd7e1;border-radius:17px;padding:55px 25px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--text);font:700 18px "Manrope";margin-bottom:7px}.habit-library{display:grid;gap:11px}.library-row{display:grid;grid-template-columns:45px 1fr auto auto;gap:15px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow)}.library-row .habit-icon{width:43px;height:43px}.library-row h3{font-size:13px;margin:0 0 4px}.library-row p{font-size:10px;color:var(--muted);margin:0}.frequency-pill{font-size:9px;color:var(--muted);background:var(--surface-2);border-radius:8px;padding:7px 10px}.status-pill{font-size:9px;color:var(--green);font-weight:700}.status-pill:before{content:"";display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}dialog select,dialog textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:13px 14px;border-radius:10px;outline:none;resize:vertical}dialog select:focus,dialog textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,114,242,.1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:720px){.collection-page{padding:35px 17px}.collection-head{align-items:flex-start;gap:18px}.collection-head h1{font-size:28px}.collection-head>div>p:last-child{font-size:11px}.primary-action{white-space:nowrap;padding:12px}.goal-summary div{padding:15px 12px}.goal-summary strong{font-size:18px}.goal-summary span{font-size:8px}.goal-grid{grid-template-columns:1fr}.library-row{grid-template-columns:42px 1fr auto}.status-pill{display:none}.frequency-pill{font-size:8px}.form-grid{grid-template-columns:1fr}}
.week-page{max-width:1390px;margin:auto;padding:55px 5vw}.week-hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:31px}.week-hero h1{font:700 34px "Manrope";letter-spacing:-1.1px;margin:9px 0 6px}.week-hero>div>p:last-child{font-size:13px;color:var(--muted);margin:0}.week-range{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 13px;font-size:9px;letter-spacing:1.3px;color:var(--muted);font-weight:700}.week-layout{display:grid;grid-template-columns:minmax(450px,1fr) 310px;gap:20px}.week-main{display:grid;gap:14px}.ritual-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:25px 26px 25px 82px;box-shadow:var(--shadow)}.step-number{position:absolute;left:25px;top:27px;width:36px;height:36px;border:1px solid #cfe0ef;border-radius:10px;display:grid;place-items:center;color:var(--blue);font:700 10px "Manrope"}.ritual-copy h2{font:700 18px "Manrope";margin:6px 0}.ritual-copy>p:last-child{font-size:10px;color:var(--muted);margin:0 0 20px}.priority-inputs{display:grid;gap:8px}.priority-inputs label{display:grid;grid-template-columns:31px 1fr;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;overflow:hidden}.priority-inputs label:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,114,242,.08)}.priority-inputs label span{font-size:10px;text-align:center;color:#91a1af}.priority-inputs input{border:0;border-left:1px solid var(--line);outline:0;background:transparent;color:var(--text);padding:12px;font-size:11px}.weekly-habit-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.weekly-choice{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:10px 11px;display:flex;align-items:center;gap:9px;text-align:left;font-size:10px}.weekly-choice:before{content:"";width:16px;height:16px;flex:none;border:1.5px solid #c7d2dc;border-radius:50%}.weekly-choice.selected{border-color:#7db9fa;background:#f0f7ff;color:#1767c6}.weekly-choice.selected:before{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 4px #fff}.ritual-card textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:12px;outline:0;resize:vertical;font-size:11px}.ritual-card textarea:focus{border-color:var(--blue)}.save-week{justify-self:end;border:0;border-radius:11px;background:linear-gradient(100deg,#1769d1,#208af2);color:#fff;padding:14px 19px;font-size:11px;font-weight:700}.save-week span{margin-left:35px}.week-aside{background:linear-gradient(155deg,#0a1c2c,#07131f);color:#fff;border-radius:18px;padding:27px;align-self:start;box-shadow:0 22px 55px rgba(6,22,36,.18)}.week-aside h2{font:700 20px "Manrope";margin:11px 0 8px}.week-aside>p:not(.section-kicker){font-size:10px;color:#7290a7;line-height:1.6}.week-ring{width:155px;height:155px;margin:26px auto;position:relative}.week-ring svg{width:100%;transform:rotate(-90deg)}.week-ring circle{fill:none;stroke:#173248;stroke-width:7}.week-ring circle.value{stroke:#3e9eff;stroke-linecap:round;stroke-dasharray:320.4;stroke-dashoffset:320.4;transition:stroke-dashoffset .6s}.week-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.week-ring strong{font:700 25px "Manrope"}.week-ring span{font-size:8px;color:#718fa6}.week-tip{border-top:1px solid #183044;padding-top:18px;display:flex;gap:10px;color:#62acf0}.week-tip p{font-size:9px!important;color:#6f8ba0!important;margin:0;line-height:1.6!important}.week-tip strong{color:#a9c7dc}
body.dark .weekly-choice.selected{background:#102b40;color:#79bbff}.week-page[hidden]{display:none}
@media(max-width:900px){.week-layout{grid-template-columns:1fr}.week-aside{display:grid;grid-template-columns:1fr 180px;align-items:center}.week-ring{grid-column:2;grid-row:1/4}.week-tip{grid-column:1/-1}}
@media(max-width:720px){.week-page{padding:35px 17px}.week-hero{align-items:flex-start}.week-hero h1{font-size:28px}.week-hero>div>p:last-child{max-width:270px;font-size:11px}.week-range{display:none}.ritual-card{padding:21px 18px}.step-number{position:static;margin-bottom:17px}.weekly-habit-picker{grid-template-columns:1fr}.week-aside{display:block}.week-ring{margin:25px auto}.save-week{width:100%}}
.review-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:26px;box-shadow:var(--shadow);margin-top:10px}.review-head{display:flex;justify-content:space-between;align-items:center}.review-head h2{font:700 20px "Manrope";margin:7px 0}.review-head>strong{font:700 28px "Manrope";color:var(--blue)}.review-stats{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 20px}.review-stats span{font-size:9px;color:var(--muted);background:var(--surface-2);border-radius:8px;padding:7px 9px}.review-stats strong{color:var(--text)}.review-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-fields label{font-size:10px;font-weight:700}.review-fields textarea{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);padding:12px;resize:vertical;outline:0;font-size:11px}.review-fields textarea:focus{border-color:var(--blue)}.review-button{display:block;margin:16px 0 0 auto;border:1px solid #8fbdf0;background:transparent;color:var(--blue);border-radius:9px;padding:10px 14px;font-size:10px;font-weight:700}
@media(max-width:720px){.review-fields{grid-template-columns:1fr}.review-card{padding:21px 18px}.review-button{width:100%}}
.profile-page{max-width:1200px;margin:auto;padding:55px 5vw}.profile-hero{display:flex;align-items:center;gap:17px;margin-bottom:30px}.profile-avatar{width:62px;height:62px;border-radius:19px;background:linear-gradient(145deg,#183b59,#0b2031);display:grid;place-items:center;color:#75bfff;font:700 17px "Manrope";box-shadow:var(--shadow)}.profile-hero h1{font:700 28px "Manrope";margin:6px 0 3px}.profile-hero p:last-child{font-size:10px;color:var(--muted);margin:0}.profile-grid{display:grid;grid-template-columns:minmax(420px,1fr) 300px;gap:19px}.settings-stack{display:grid;gap:15px}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:25px;box-shadow:var(--shadow)}.settings-head h2{font:700 18px "Manrope";margin:7px 0 20px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.settings-fields label:first-child{grid-column:1/-1}.settings-fields label{font-size:9px;font-weight:700;color:var(--muted)}.settings-fields input,.settings-fields select{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);outline:0;font-size:11px}.settings-fields input:focus,.settings-fields select:focus{border-color:var(--blue)}.settings-fields input:disabled{opacity:.55}.settings-save{display:block;margin:17px 0 0 auto;border:0;background:var(--blue);color:#fff;border-radius:9px;padding:10px 14px;font-size:10px;font-weight:700}.toggle-list{display:grid}.toggle-list label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.toggle-list label:last-child{border:0}.toggle-list strong,.toggle-list small{display:block}.toggle-list strong{font-size:11px}.toggle-list small{font-size:9px;color:var(--muted);margin-top:3px}.switch{appearance:none;width:36px;height:20px;border-radius:20px;background:#cdd6de;position:relative;transition:.2s;flex:none}.switch:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 5px rgba(0,0,0,.15)}.switch:checked{background:var(--blue)}.switch:checked:before{transform:translateX(16px)}.journey-card{background:linear-gradient(150deg,#0b2031,#07131f);color:#fff;border-radius:18px;padding:27px;align-self:start;box-shadow:0 20px 55px rgba(4,19,31,.2)}.journey-card h2{font:700 20px "Manrope";margin:10px 0 22px}.journey-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#193044;border-radius:11px;overflow:hidden}.journey-metrics div{background:#0b1c2a;padding:15px}.journey-metrics strong,.journey-metrics span{display:block}.journey-metrics strong{font:700 17px "Manrope"}.journey-metrics span{font-size:8px;color:#6d8aa0;margin-top:3px}.journey-quote{font:500 11px/1.8 "Manrope";color:#7895aa;padding:24px 4px}.journey-card button{border:1px solid #24445d;color:#81a6bf;background:transparent;border-radius:9px;padding:10px;width:100%;font-size:9px}.onboarding{position:fixed;z-index:100;inset:0;background:#07131f;color:#fff;padding:32px 4vw;overflow:auto}.onboarding[hidden]{display:none}.onboarding-brand{display:flex;gap:11px;align-items:center;font:700 12px "Manrope";letter-spacing:2.5px}.onboarding-skip{position:absolute;right:4vw;top:33px;border:0;background:none;color:#61798d;font-size:9px;letter-spacing:1px}.onboarding-panel{min-height:calc(100vh - 120px);max-width:1080px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.onboarding-copy{max-width:445px}.onboarding-copy h1{font:800 clamp(35px,4.3vw,58px)/1.08 "Manrope";letter-spacing:-2.4px;margin:14px 0 18px}.onboarding-copy>p:not(.eyebrow){color:#7890a4;line-height:1.7;font-size:13px;max-width:390px}.onboarding-actions{display:flex;gap:10px;margin-top:30px}.onboarding-actions .primary-action{padding:14px 20px}.onboarding-actions .primary-action span{margin-left:30px}.onboarding-back{border:1px solid #213b4f;background:transparent;color:#8299aa;border-radius:10px;padding:13px 17px;font-size:10px}.onboarding-fields{margin-top:25px}.area-options{display:flex;gap:7px;flex-wrap:wrap}.area-option{border:1px solid #21394d;background:#0b1d2b;color:#7892a6;border-radius:20px;padding:9px 13px;font-size:10px}.area-option.selected{border-color:#338ee8;background:#102f49;color:#a6d4ff}.onboarding-input{display:block;width:100%;border:0;border-bottom:1px solid #2a4153;background:transparent;color:#fff;padding:13px 2px;outline:0;font:600 16px "Manrope"}.onboarding-input:focus{border-color:#3d9bf3}.onboarding-input+small{display:block;color:#5f788c;margin-top:10px;font-size:9px}.onboarding-visual{position:relative}.terrain{height:390px;border-radius:50% 50% 44% 44%;overflow:hidden;position:relative;background:radial-gradient(circle at 65% 22%,#194c6a,#0b2639 47%,#071824 75%);box-shadow:0 0 100px rgba(43,133,194,.12)}.terrain-sun{position:absolute;width:55px;height:55px;border-radius:50%;background:#78c8ff;opacity:.3;right:24%;top:17%;box-shadow:0 0 70px #5bbaff}.terrain-hill{position:absolute;width:120%;height:50%;border-radius:50%;background:#123b3c;left:-20%;bottom:-16%;transform:rotate(8deg)}.terrain-hill.h2{background:#0d2d30;left:22%;bottom:-22%;transform:rotate(-10deg)}.first-brick{position:absolute;left:46%;bottom:27%;display:flex;gap:3px;z-index:3;filter:drop-shadow(0 9px 10px rgba(0,0,0,.35))}.first-brick i{display:block;width:36px;height:20px;background:#2875a3;border:1px solid #4093bf;border-radius:2px}.first-brick i:nth-child(2){position:absolute;left:19px;bottom:21px}.first-brick.landed{animation:brickLand .7s ease}@keyframes brickLand{0%{transform:translateY(-90px);opacity:0}70%{transform:translateY(7px)}100%{transform:none;opacity:1}}.onboarding-visual>p{text-align:center;color:#668397;font:500 10px "Manrope"}.onboarding-dots{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.onboarding-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#2c4355}.onboarding-dots i.active{width:20px;border-radius:5px;background:#3c98eb}
@media(max-width:850px){.profile-grid{grid-template-columns:1fr}.journey-card{order:-1}.onboarding-panel{grid-template-columns:1fr}.onboarding-copy{margin:auto}.onboarding-visual{display:none}}
@media(max-width:720px){.profile-page{padding:35px 17px}.profile-grid{display:flex;flex-direction:column}.settings-fields{grid-template-columns:1fr}.settings-fields label:first-child{grid-column:auto}.onboarding{padding:25px 22px}.onboarding-panel{min-height:calc(100vh - 80px);align-items:center}.onboarding-copy h1{font-size:37px;letter-spacing:-1.6px}.onboarding-skip{right:22px;top:27px}}
.signout-button{border:0;background:none;color:#cf6570;font-size:10px;padding:10px 3px}.auth-screen{position:fixed;z-index:120;inset:0;background:#07131f;color:#fff;overflow:auto}.auth-screen[hidden]{display:none}.auth-brand{position:absolute;left:4vw;top:33px;display:flex;align-items:center;gap:11px;font:700 12px "Manrope";letter-spacing:2.5px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-message{padding:130px 7vw 70px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-message h1{font:800 clamp(43px,5vw,70px)/1 "Manrope";letter-spacing:-3px;margin:17px 0}.auth-message>p:not(.eyebrow){color:#7890a4;max-width:390px;line-height:1.7;font-size:13px}.auth-landscape{height:180px;position:absolute;inset:auto 0 0;background:linear-gradient(170deg,transparent 40%,#0c3034 41%)}.auth-landscape span{position:absolute;width:230px;height:90px;background:#0f3b3b;border-radius:50%;right:15%;top:65px}.auth-landscape i{position:absolute;width:18px;height:55px;background:#133f3d;bottom:28px;right:30%}.auth-landscape i:before{content:"";position:absolute;width:42px;height:42px;background:#174b46;transform:rotate(45deg);left:-12px;top:-15px}.auth-landscape i:nth-child(2){right:22%;transform:scale(.7)}.auth-landscape i:nth-child(3){right:38%;transform:scale(.55)}.auth-card{background:var(--surface);color:var(--text);padding:9vh 7vw;display:flex;flex-direction:column;justify-content:center}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:42px}.auth-tabs button{border:0;background:none;color:var(--muted);padding:12px 4px;margin-right:27px;font-size:10px;font-weight:700;position:relative}.auth-tabs button.active{color:var(--text)}.auth-tabs button.active:after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--blue)}.auth-heading h2{font:700 27px "Manrope";margin:0 0 7px}.auth-heading p{color:var(--muted);font-size:11px;margin:0 0 28px}.auth-card form{display:grid;gap:15px}.auth-card form label{font-size:9px;font-weight:700;color:var(--muted)}.auth-card input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:13px;border-radius:9px;outline:0}.auth-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,114,242,.1)}.auth-submit{border:0;background:linear-gradient(100deg,#1769d1,#208af2);color:#fff;padding:14px 16px;border-radius:10px;font-size:11px;font-weight:700;margin-top:5px}.auth-submit span{float:right}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-error{min-height:14px;color:#df6c76;font-size:10px;margin:0}.auth-terms{color:var(--muted);font-size:8px;line-height:1.6;margin-top:22px}.auth-success{background:#eaf8f2;color:#238361;border-radius:10px;padding:12px!important;font-size:10px!important}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.auth-message{display:none}.auth-card{min-height:100vh;padding:85px 25px 40px}.auth-brand{left:24px;top:26px;z-index:2}}
.empire-scene{background-image:linear-gradient(to bottom,rgba(4,18,31,.04),rgba(4,18,31,.48)),url("assets/terreno-vazio-realista.jpg");background-size:cover;background-position:center 58%}.empire-scene .sun,.empire-scene .cloud,.empire-scene .legacy-empire-art{display:none}.empire-scene:after{height:55px}.work-label>span strong{color:#cce9ff}
.habits-empty{text-align:center;border:1px dashed var(--line);border-radius:14px;padding:28px 18px;color:var(--muted)}.habits-empty>span{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 12px;border-radius:50%;background:#eef5ff;color:var(--blue);font-size:22px}.habits-empty strong{display:block;color:var(--text);font:700 15px "Manrope"}.habits-empty p{margin:7px auto 15px;font-size:10px;line-height:1.5}.habits-empty button{border:0;border-radius:9px;background:var(--blue);color:#fff;padding:10px 14px;font-size:10px;font-weight:700}
.goal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.goal-actions button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);padding:9px 14px;font-size:11px;font-weight:700}.goal-actions button:hover{border-color:#8dbcf0;color:var(--blue)}.goal-actions .danger{color:#c75562}.goal-actions .danger:hover{border-color:#e2a0a7;color:#a93643;background:#fff6f7}

/* Mobile-first usability: readable type and comfortable touch targets. */
@media(max-width:760px){
  body{font-size:16px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  button{min-height:44px;-webkit-tap-highlight-color:transparent}
  input,select,textarea{font-size:16px!important}
  .mobile-header{min-height:72px;padding:14px 18px;padding-top:max(14px,env(safe-area-inset-top))}
  .mobile-header .brand{font-size:14px}.mobile-header .avatar{width:44px;height:44px;font-size:14px}
  .today-page,.collection-page,.week-page,.profile-page{padding:28px 18px}
  .eyebrow,.section-kicker{font-size:12px;line-height:1.4;letter-spacing:1.8px}
  .hero-head h1{font-size:30px;line-height:1.2}.subtitle{font-size:16px;line-height:1.5;max-width:none}
  .focus-card{padding:22px}.focus-row{min-height:56px}.focus-check,.habit-check{width:28px;height:28px}
  .focus-copy p{font-size:17px;line-height:1.35}.focus-copy button{font-size:14px;min-height:36px}
  .habits-card{padding:22px 18px}.card-head{gap:12px}.card-head h2{font-size:21px;line-height:1.3}.text-button{font-size:14px;min-width:96px}
  .habit{grid-template-columns:34px 44px 1fr;min-height:68px;padding:12px 7px}.habit-icon{width:42px;height:42px;font-size:20px}.habit-name{font-size:16px;line-height:1.35}
  .progress-copy,.work-label{font-size:14px;gap:10px}.daily-progress p,.empire-stats p{font-size:13px;line-height:1.5}.progress-track,.empire-progress{height:7px}
  .empire-head{padding:24px 22px 12px}.empire-head h2{font-size:22px}.empire-head h2 span{font-size:14px}.empire-stats{padding:16px 22px 20px}.brick-row{margin:0 22px}.brick-row strong{font-size:16px}.brick-row small,.earned{font-size:13px}.empire-card>.empire-button{min-height:52px;margin:18px 22px 24px;width:calc(100% - 44px);font-size:15px}
  .bottom-nav{min-height:70px;padding:7px 4px max(7px,env(safe-area-inset-bottom))}.bottom-nav button{font-size:12px;line-height:1.2}.bottom-nav button span{font-size:21px}
  .collection-head{flex-wrap:wrap}.collection-head h1,.week-hero h1{font-size:30px}.collection-head>div>p:last-child,.week-hero>div>p:last-child{font-size:15px;line-height:1.5}.primary-action{min-height:48px;font-size:14px;padding:12px 16px}
  .goal-summary{grid-template-columns:1fr}.goal-summary div{border-right:0;border-bottom:1px solid var(--line);padding:15px 18px}.goal-summary div:last-child{border-bottom:0}.goal-summary strong{font-size:22px}.goal-summary span{font-size:13px}
  .goal-card h2,.ritual-copy h2,.settings-head h2{font-size:20px}.goal-card .why,.ritual-copy>p:last-child{font-size:14px;line-height:1.55}.goal-card .deadline,.goal-progress-row,.linked-list span,.category-pill{font-size:12px}
  .library-row{grid-template-columns:48px 1fr;padding:16px}.library-row h3{font-size:16px}.library-row p,.frequency-pill{font-size:13px}.frequency-pill{grid-column:2;justify-self:start}
  .ritual-card textarea,.review-fields textarea{font-size:16px}.weekly-choice{font-size:15px;min-height:50px}.save-week,.review-button{min-height:50px;font-size:15px}
  .profile-avatar{width:70px;height:70px;font-size:20px}.profile-hero h1{font-size:27px}.profile-hero p:last-child{font-size:14px}.settings-card{padding:21px 18px}.settings-fields label{font-size:13px}.settings-fields input,.settings-fields select{min-height:48px}.settings-save,.journey-card button,.signout-button{min-height:46px;font-size:14px}.toggle-list strong{font-size:15px}.toggle-list small{font-size:13px;line-height:1.45}.switch{width:48px;height:28px}.switch:before{width:20px;height:20px;left:4px;top:4px}.switch:checked:before{transform:translateX(20px)}
  dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:18px;overflow-x:hidden;overflow-y:auto}dialog form{padding:26px 20px}dialog h2{font-size:25px}.dialog-help{font-size:15px}dialog label{font-size:14px;margin-top:20px}dialog input,dialog select,dialog textarea{min-height:48px}.dialog-actions{position:sticky;bottom:0;background:var(--surface);padding-top:12px}.dialog-actions button{min-height:48px;font-size:15px;flex:1}
  .onboarding{padding:24px 20px}.onboarding-copy h1{font-size:34px}.onboarding-copy>p:not(.eyebrow){font-size:16px}.area-option{font-size:14px;min-height:44px}.onboarding-back,.onboarding-actions .primary-action{font-size:15px;min-height:50px}.onboarding-input+small{font-size:13px}
  .auth-screen{background:var(--surface)}.auth-brand{left:22px;top:max(24px,env(safe-area-inset-top));color:var(--text);font-size:14px}.auth-card{min-height:100dvh;padding:120px 22px 42px;justify-content:center}.auth-tabs{margin-bottom:42px}.auth-tabs button{font-size:15px;min-height:48px;padding:13px 2px;margin-right:30px}.auth-heading h2{font-size:31px;line-height:1.2;margin-bottom:10px}.auth-heading p{font-size:16px;line-height:1.5;margin-bottom:30px}.auth-card form{gap:20px}.auth-card form label{font-size:14px}.auth-card input{min-height:52px;padding:14px 15px}.auth-submit{min-height:54px;font-size:16px;margin-top:8px}.auth-error{font-size:14px;min-height:18px}.auth-terms{font-size:12px;line-height:1.55;margin-top:24px}
  .habits-empty{padding:32px 18px}.habits-empty strong{font-size:18px}.habits-empty p{font-size:14px}.habits-empty button{min-height:46px;font-size:14px}
}

@media(max-width:360px){
  .today-page,.collection-page,.week-page,.profile-page{padding-left:14px;padding-right:14px}.auth-card{padding-left:18px;padding-right:18px}.hero-head h1{font-size:27px}.profile-hero{gap:12px}.profile-avatar{width:60px;height:60px}.profile-hero h1{font-size:23px}.dialog-actions{flex-direction:column-reverse}
}
@media(max-width:760px){.goal-actions{justify-content:stretch}.goal-actions button{flex:1;min-height:46px;font-size:14px}}
.focus-check,.habit-check{aspect-ratio:1/1;padding:0;min-width:0;max-width:28px;max-height:28px}
@media(max-width:760px){.focus-check,.habit-check{width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px;border-radius:50%}.focus-check.done:after,.habit.done .habit-check:after{left:8px;top:5px}}
.brand-mark{width:32px;height:29px;display:block;flex:none;transform:none;background:url("assets/diamond-mark.svg") center/contain no-repeat;filter:drop-shadow(0 3px 7px rgba(22,143,232,.28))}.brand-mark i{display:none}.mobile-header .brand-mark{width:30px;height:27px}.auth-brand .brand-mark,.onboarding-brand .brand-mark{width:34px;height:31px}
.nav-item .icon,.bottom-nav button>span{font-family:"DM Sans",sans-serif;font-weight:500;line-height:1;font-variant-emoji:text}.nav-item .icon{font-size:22px}.bottom-nav button>span{min-width:28px;font-size:23px}
.onboarding-access{position:absolute;right:4vw;top:25px;display:flex;align-items:center;gap:10px}.onboarding-access .onboarding-skip{position:static}.onboarding-access #onboardingLogin{border:1px solid #294258;background:#0b1d2b;color:#a8c7dd;border-radius:9px;padding:10px 13px;font-size:10px;font-weight:700}.onboarding-access #onboardingLogin:hover{border-color:#3c98eb;color:#d8edff}@media(max-width:720px){.onboarding-access{right:20px;top:17px;gap:5px}.onboarding-access #onboardingLogin{padding:9px 10px;font-size:11px}.onboarding-access .onboarding-skip{padding:8px;font-size:10px}}

/* Recorrência e gestão de hábitos */
.habit-dialog{width:min(94vw,570px)}dialog select,dialog textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:13px 14px;border-radius:10px;outline:none}dialog select:focus,dialog textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,114,242,.1)}.weekday-fieldset{border:0;padding:0;margin:25px 0 0}.weekday-fieldset legend{font-size:11px;font-weight:700;margin-bottom:10px}.weekday-options{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekday-options label{margin:0;cursor:pointer}.weekday-options input{position:absolute;opacity:0;pointer-events:none}.weekday-options label{display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:10px 3px;color:var(--muted);font-size:10px}.weekday-options label:has(input:checked){border-color:var(--blue);background:#eef5ff;color:var(--blue)}body.dark .weekday-options label:has(input:checked){background:#102f49}.input-suffix{position:relative}.input-suffix input{padding-right:46px}.input-suffix span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:10px}.habit-copy{min-width:0}.habit-copy .habit-name{display:block}.habit-meta{display:block;margin-top:4px;color:var(--muted);font-size:9px}.habit-weekly-progress{display:block;margin-top:3px;color:var(--blue);font-size:9px;font-weight:700}.library-row{grid-template-columns:42px minmax(150px,1fr) auto auto auto}.library-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.library-meta span{font-size:9px;color:var(--muted);background:var(--surface-2);border-radius:7px;padding:5px 7px}.status-pill.paused{background:#f2f3f5;color:#8a929c}.habit-management{display:flex;gap:5px}.habit-management button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:8px;padding:7px 9px;font-size:9px;font-weight:700}.habit-management button:hover{border-color:#8dbcf0;color:var(--blue)}.habit-management .danger:hover{border-color:#e2a0a7;color:#a93643}.sync-note{color:var(--muted);font-size:10px;margin:8px 0 0}
@media(max-width:760px){.weekday-options{grid-template-columns:repeat(4,1fr)}.weekday-options label{font-size:13px;min-height:44px}.library-row{grid-template-columns:48px 1fr}.library-row>.frequency-pill,.library-row>.status-pill,.habit-management{grid-column:2}.habit-management{flex-wrap:wrap}.habit-management button{min-height:42px;font-size:13px;flex:1}.habit-meta,.habit-weekly-progress,.library-meta span{font-size:12px}.habit{grid-template-columns:34px 44px 1fr}.habit-copy{grid-column:3}}

/* Navegação em quatro áreas e central de Jornada */
.journey-page,.empire-page{padding:52px 5vw;max-width:1280px;margin:auto}.journey-tabs{display:flex;gap:7px;overflow:auto;margin:22px 0 30px;padding-bottom:6px}.journey-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:22px;padding:10px 14px;font-size:10px;font-weight:700}.journey-tabs button.active{background:var(--text);border-color:var(--text);color:var(--surface)}.section-intro{margin-bottom:22px}.section-intro h2{font:700 24px "Manrope";margin:6px 0}.section-intro>p:last-child{color:var(--muted);font-size:11px}.life-area-grid,.vision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.life-area-card,.vision-card,.map-group,.reference-card,.escalation-card,.history-card,.routine-today-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:21px}.life-area-card .area-index{font:700 10px "Manrope";color:var(--blue)}.life-area-card h3,.vision-card h3,.map-group h3,.reference-card h3,.escalation-card h3{font:700 16px "Manrope";margin:9px 0}.life-area-card>p,.escalation-card>p{color:var(--muted);font-size:10px;line-height:1.55}.life-area-card>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.vision-card label,.map-group label{display:block;color:var(--muted);font-size:9px;font-weight:700;margin-top:14px}.vision-card textarea,.map-group textarea,.map-group input,.reference-form input,.reference-form select,.reference-form textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:9px;padding:11px;margin-top:6px}.vision-grid+.primary-action,#mapQuestions+.primary-action{margin-top:18px}.map-group{margin-bottom:14px}.reference-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}.reference-list,.escalation-list{display:grid;gap:12px;margin-top:16px}.reference-card>div,.escalation-card>div:first-child{display:flex;justify-content:space-between;gap:15px}.reference-card p{font-size:10px;color:var(--muted)}.danger-link{border:0;background:none;color:#c75562}.escalation-card{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px}.escalation-actions{display:flex;gap:7px}.escalation-actions button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:8px;padding:9px}.active-escalation-card{width:100%;text-align:left;border:1px solid #274257;background:#0c2131;color:#fff;border-radius:11px;padding:12px;margin-bottom:10px}.active-escalation-card small,.active-escalation-card strong,.active-escalation-card span{display:block}.active-escalation-card small{color:#5fa8df}.journey-sync-warning{background:#fff4d6;color:#806018;border-radius:10px;padding:12px}.routine-today-card{margin-bottom:16px}.routine-row,.history-row{display:grid;grid-template-columns:60px 1fr auto;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:10px}.area-balance{display:grid;grid-template-columns:1fr 1fr;gap:8px}.area-balance div{display:flex;justify-content:space-between;background:var(--surface-2);border-radius:8px;padding:10px;font-size:9px}.week-escalation{display:grid;gap:4px;background:#0b2031;color:#fff;border-radius:11px;padding:15px;margin-top:15px}.empire-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.empire-monument{min-height:330px;background:linear-gradient(145deg,#0b2031,#07131f);color:#fff;border-radius:18px;padding:38px;display:flex;flex-direction:column;justify-content:end}.empire-emblem{font-size:70px;color:#2e91d5;margin-bottom:auto}.empire-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empire-metric-grid article{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}.empire-metric-grid strong,.empire-metric-grid span{display:block}.empire-metric-grid strong{font:700 27px "Manrope"}.empire-metric-grid span{font-size:9px;color:var(--muted)}.history-card{margin-top:18px}
@media(max-width:900px){.life-area-grid,.vision-grid{grid-template-columns:1fr 1fr}.empire-overview{grid-template-columns:1fr}}
@media(max-width:760px){.journey-page,.empire-page{padding:28px 18px}.journey-tabs{margin-left:-18px;margin-right:-18px;padding-left:18px}.journey-tabs button{font-size:13px;min-height:44px}.life-area-grid,.vision-grid,.reference-form{grid-template-columns:1fr}.escalation-card{grid-template-columns:1fr}.area-balance{grid-template-columns:1fr}.active-escalation-card{display:none}}

/* Área Financeiro: leitura rápida, sem aparência de banco ou planilha */
.financial-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start}.financial-form,.financial-summary{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:22px}.financial-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.financial-form>label{font-size:10px;font-weight:700;color:var(--muted)}.financial-meaning-field,.financial-vision-field{grid-column:1/-1}.financial-meaning-field{border:0;padding:0;margin:0}.financial-meaning-field legend,.finance-onboarding legend{font-size:10px;font-weight:700;color:var(--muted);margin-bottom:10px}.financial-vision-field textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:9px;padding:11px}.money-input{display:flex;align-items:center;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;margin-top:7px;overflow:hidden}.money-input span{padding-left:12px;color:var(--muted);font-size:10px}.money-input input{width:100%;border:0;background:transparent;color:var(--text);padding:12px;outline:0}.financial-form>.primary-action{grid-column:1/-1;justify-self:start}.financial-summary>div>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0}.financial-summary>div>div:last-child{border:0}.financial-summary span{font-size:10px;color:var(--muted)}.financial-summary strong{font:700 16px "Manrope"}.financial-insight{background:var(--surface-2);border-radius:10px;padding:14px;font-size:10px;line-height:1.6;color:var(--muted)}.money-meaning-options{display:flex;flex-wrap:wrap;gap:7px}.money-meaning-options label{position:relative;cursor:pointer}.money-meaning-options input{position:absolute;opacity:0}.money-meaning-options span{display:block;border:1px solid var(--line);border-radius:20px;padding:9px 12px;color:var(--muted);font-size:10px}.money-meaning-options label:has(input:checked) span{border-color:var(--blue);background:#eef5ff;color:var(--blue)}body.dark .money-meaning-options label:has(input:checked) span{background:#102f49}.finance-onboarding>label{display:block;margin-top:22px;font-size:11px;font-weight:700}.finance-onboarding textarea{display:block;width:100%;margin-top:8px;border:1px solid #294258;background:#0b1d2b;color:#fff;border-radius:10px;padding:12px}.finance-onboarding>small{display:block;color:#668397;margin-top:9px}
@media(max-width:760px){.financial-layout,.financial-form{grid-template-columns:1fr}.financial-meaning-field,.financial-vision-field,.financial-form>.primary-action{grid-column:1}.financial-form>label{font-size:13px}.financial-summary span,.financial-insight{font-size:13px}.money-meaning-options span{font-size:13px;min-height:42px;display:flex;align-items:center}}

/* Propósito: uma pausa visual antes das áreas operacionais */
.purpose-page{padding:58px 6vw 90px;max-width:1320px;margin:auto}.purpose-hero{max-width:780px;padding:55px 0 42px}.purpose-hero h1{font:800 clamp(38px,5vw,68px)/1.08 "Manrope";letter-spacing:-2.8px;margin:14px 0 18px;color:var(--text)}.purpose-hero>p:last-child{font-size:13px;line-height:1.7;color:var(--muted);max-width:540px}.purpose-nav{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:42px}.purpose-nav button{border:0;background:none;color:var(--muted);font-size:11px;font-weight:700;padding:14px 2px;margin-right:25px;position:relative}.purpose-nav button.active{color:var(--text)}.purpose-nav button.active:after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--blue)}.purpose-section{animation:fadeIn .22s ease}.reason-intro{display:flex;gap:17px;align-items:center;margin-bottom:28px}.reason-intro>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #b9d5e9;border-radius:50%;color:var(--blue);font-size:18px}.reason-intro h2{font:700 23px "Manrope";margin:5px 0}.reason-form{max-width:880px;display:grid;gap:22px}.reason-form label{font:600 15px "Manrope";color:var(--text)}.reason-form textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:14px 2px;resize:vertical;outline:0;font:400 14px/1.65 "DM Sans"}.reason-form textarea:focus{border-color:var(--blue)}.purpose-save{justify-self:start;border:0;background:var(--text);color:var(--surface);border-radius:10px;padding:13px 18px;font-size:10px;font-weight:700}.board-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.board-heading h2{font:700 23px "Manrope";margin:7px 0}.board-view-switch{display:flex;padding:4px;background:var(--surface-2);border-radius:10px}.board-view-switch button{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:9px 12px;font-size:9px}.board-view-switch button.active{background:var(--surface);color:var(--text);box-shadow:0 2px 10px rgba(10,27,43,.08)}.vision-board-areas{display:grid;gap:22px}.dream-area{border-top:1px solid var(--line);padding-top:22px}.dream-area>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dream-area header>div{display:flex;align-items:center;gap:12px}.dream-area header span{color:var(--blue);font-size:9px;font-weight:700}.dream-area h3{font:700 17px "Manrope";margin:0}.add-dream-image,.save-area-vision{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:9px 12px;font-size:9px;font-weight:700}.dream-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,230px);gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.dream-image{height:210px;border-radius:13px;overflow:hidden;position:relative;margin:0;background:var(--surface-2);scroll-snap-align:start}.dream-image img{width:100%;height:100%;object-fit:cover;display:block}.dream-image figcaption{position:absolute;inset:auto 7px 7px;display:flex;gap:4px;opacity:0;transform:translateY(5px);transition:.18s}.dream-image:hover figcaption,.dream-image:focus-within figcaption{opacity:1;transform:none}.dream-image figcaption button{border:0;background:rgba(5,20,32,.83);color:#fff;border-radius:7px;padding:7px;font-size:8px;backdrop-filter:blur(5px)}.dream-image figcaption button:disabled{opacity:.35}.dream-empty{height:210px;width:230px;border:1px dashed var(--line);border-radius:13px;display:grid;place-items:center;text-align:center;padding:20px;color:var(--muted);font-size:10px}.dream-area>label{display:block;margin-top:12px;color:var(--muted);font-size:9px;font-weight:700}.dream-area>label textarea{display:block;width:100%;max-width:700px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:10px 1px;resize:vertical}.save-area-vision{margin-top:8px}.vision-collage{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:80px;gap:9px}.collage-item{position:relative;margin:0;border-radius:12px;overflow:hidden;grid-column:span 4;grid-row:span 3}.collage-item.size-1,.collage-item.size-4{grid-column:span 5;grid-row:span 4}.collage-item.size-2{grid-column:span 3;grid-row:span 4}.collage-item.size-3{grid-column:span 7;grid-row:span 3}.collage-item img{width:100%;height:100%;object-fit:cover}.collage-item figcaption{position:absolute;inset:auto 0 0;padding:25px 12px 10px;background:linear-gradient(transparent,rgba(3,15,25,.72));color:#fff;font-size:8px;letter-spacing:1px;text-transform:uppercase}.combined-vision-board blockquote{text-align:center;font:600 19px/1.5 "Manrope";color:var(--text);margin:38px 0}.vision-empty{text-align:center;padding:80px 20px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.vision-empty span{font-size:30px;color:var(--blue)}.vision-empty h3{font:700 20px "Manrope";color:var(--text)}.purpose-sync-warning{background:#fff4d6;color:#806018;border-radius:10px;padding:12px}.today-purpose-line{margin:0 4px 16px;color:var(--muted);font:500 10px/1.6 "Manrope";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.purpose-page{padding:24px 18px 90px}.purpose-hero{padding:34px 0 28px}.purpose-hero h1{font-size:37px;letter-spacing:-1.7px}.purpose-hero>p:last-child{font-size:15px}.purpose-nav{margin-bottom:30px}.purpose-nav button{font-size:14px;min-height:48px}.reason-form label{font-size:17px}.reason-form textarea{font-size:16px}.purpose-save{font-size:14px;min-height:48px}.board-heading{align-items:start;flex-direction:column}.board-heading h2{font-size:22px}.board-view-switch{width:100%}.board-view-switch button{flex:1;font-size:13px;min-height:44px}.dream-area>header{align-items:flex-start;gap:10px}.dream-area h3{font-size:18px}.add-dream-image{font-size:13px;min-height:44px}.dream-strip{grid-auto-columns:minmax(210px,82vw)}.dream-image,.dream-empty{height:260px;width:auto}.dream-image figcaption{opacity:1;transform:none;flex-wrap:wrap}.dream-image figcaption button{font-size:12px;min-height:40px}.dream-area>label{font-size:13px}.dream-area>label textarea{font-size:16px}.save-area-vision{font-size:13px;min-height:44px}.vision-collage{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.collage-item,.collage-item.size-1,.collage-item.size-2,.collage-item.size-3,.collage-item.size-4{grid-column:span 1;grid-row:span 1}.collage-item:nth-child(3n+1){grid-column:span 2;grid-row:span 2}.today-purpose-line{font-size:13px;white-space:normal}}

.week-layout{grid-template-columns:1fr}

.today-routine-card,.week-routine-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.today-routine-card{margin-bottom:16px}.today-routine-list,.week-routine-list{display:grid;gap:8px;margin-top:20px}.today-routine-item{display:grid;grid-template-columns:44px 52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line)}.today-routine-item:last-child{border-bottom:0}.routine-check{align-self:center;justify-self:center;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;aspect-ratio:1/1;flex:0 0 44px;padding:0;border:0;border-radius:50%;background:transparent;position:relative}.routine-check:before{content:"";width:24px;height:24px;min-width:24px;min-height:24px;aspect-ratio:1/1;flex-shrink:0;border:1.5px solid #c8d4df;border-radius:50%;background:var(--surface);transition:background-color .16s ease,border-color .16s ease,opacity .16s ease}.routine-check:hover:before,.routine-check:focus-visible:before{border-color:var(--blue)}.routine-check:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 35%,transparent);outline-offset:0}.today-routine-item.done .routine-check:before{background:var(--blue);border-color:var(--blue)}.today-routine-item.done .routine-check:after{content:"";position:absolute;left:19px;top:16px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.today-routine-item>div:not(.today-routine-actions){min-width:0}.today-routine-item time,.week-routine-item time{font:700 11px "Manrope";color:var(--blue)}.today-routine-item strong,.week-routine-item strong{display:block;font-size:12px}.today-routine-item p,.week-routine-item p{margin:4px 0 0;color:var(--muted);font-size:10px}.today-routine-item.done>div:not(.today-routine-actions){opacity:.68}.today-routine-item.done strong{text-decoration:line-through;color:var(--muted)}.today-routine-actions{display:flex;gap:4px}.today-routine-actions button{border:0;background:none;color:var(--muted);font-size:8px;padding:6px}.routine-progress{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.habit{grid-template-columns:44px 40px minmax(0,1fr) auto}.habit-check{align-self:center;justify-self:center;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;aspect-ratio:1/1;padding:0;border:0;border-radius:50%;background:transparent;position:relative;animation:none!important}.habit-check:before{content:"";width:24px;height:24px;min-width:24px;min-height:24px;aspect-ratio:1/1;border:1.5px solid #cdd6de;border-radius:50%;background:var(--surface);transition:background-color .16s ease,border-color .16s ease}.habit-check:hover:before,.habit-check:focus-visible:before{border-color:var(--blue)}.habit-check:focus-visible{outline:2px solid color-mix(in srgb,var(--blue) 35%,transparent);outline-offset:0}.habit.done .habit-check{background:transparent;border:0}.habit.done .habit-check:before{background:var(--blue);border-color:var(--blue)}.habit.done .habit-check:after{left:19px;top:16px}.routine-check[aria-busy="true"],.habit-check[aria-busy="true"]{cursor:progress}.weekly-choice:before{content:none}.weekly-choice.selected{box-shadow:inset 3px 0 var(--blue)}
.emoji-trigger{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px dashed var(--line);background:var(--surface-2);color:var(--muted);border-radius:10px;font-size:11px;font-weight:700}.emoji-trigger span{font-size:18px;line-height:1}.emoji-trigger.selected{justify-content:flex-start;padding:8px 13px;color:var(--text);border-style:solid}.emoji-trigger.selected span{font-size:24px}.emoji-trigger[aria-busy="true"]{opacity:.65;cursor:wait}.emoji-picker-dialog{width:min(92vw,390px);max-height:min(680px,90dvh);padding:18px;overflow:hidden}.emoji-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.emoji-picker-head h2{margin:6px 0 0}.emoji-picker-head>button{width:40px;height:40px;flex:none;border:0;background:var(--surface-2);color:var(--muted);border-radius:10px;font-size:22px}.emoji-picker-host{height:min(430px,62dvh);min-height:320px}.emoji-picker-host emoji-picker{display:block;width:100%;height:100%;--background:var(--surface);--border-color:var(--line);--border-radius:10px;--button-active-background:var(--surface-2);--button-hover-background:var(--surface-2);--indicator-color:var(--blue);--input-border-color:var(--line);--input-font-color:var(--text);--input-placeholder-color:var(--muted);--category-font-color:var(--text);--outline-color:var(--blue);--num-columns:8}.emoji-picker-actions{display:flex;justify-content:flex-start;margin-top:12px}.emoji-picker-actions button{min-height:40px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:9px;padding:9px 13px;font-size:10px;font-weight:700}.routine-habit-emoji{display:inline-block;margin-right:7px;font-size:15px;text-decoration:none}
.routine-day-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:18px}.routine-day-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:12px;padding:12px 7px;display:grid;gap:4px;place-items:center;font-size:10px;font-weight:700}.routine-day-tabs button small{font-size:8px;color:#a0adba}.routine-day-tabs button.active{background:var(--text);border-color:var(--text);color:var(--surface)}.routine-day-tabs button.active small{color:#78baff}.week-routine-panel>header{display:flex;justify-content:space-between;align-items:end;gap:20px}.week-routine-panel h2{font:700 22px "Manrope";margin:7px 0 0}.week-routine-actions{display:flex;gap:8px}.secondary-action{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:12px 15px;font-size:10px;font-weight:700}.secondary-action:disabled{opacity:.4}.week-routine-item{display:grid;grid-template-columns:125px 1fr auto;align-items:center;gap:16px;padding:17px 4px;border-bottom:1px solid var(--line)}.week-routine-item time span{color:var(--muted);font-weight:500}.routine-item-actions{display:flex;gap:5px}.routine-item-actions button{border:0;background:var(--surface-2);color:var(--muted);border-radius:7px;padding:8px 10px;font-size:9px}.routine-item-actions .danger-link{color:#c75562}.routine-empty{text-align:center;border:1px dashed var(--line);border-radius:14px;padding:42px 20px;color:var(--muted)}.routine-empty>span{font-size:23px;color:var(--blue)}.routine-empty strong{display:block;color:var(--text);font:700 15px "Manrope";margin:10px 0 5px}.routine-empty p{font-size:10px}.routine-empty button{border:0;background:none;color:var(--blue);font-size:10px;font-weight:700;padding:8px}.routine-days-field{border:0;padding:0;margin:24px 0 0}.routine-days-field legend{font-size:11px;font-weight:700;margin-bottom:10px}.routine-days-field>div{display:flex;gap:6px;flex-wrap:wrap}.routine-days-field label{margin:0}.routine-days-field input{position:absolute;opacity:0;pointer-events:none}.routine-days-field span{display:grid;place-items:center;width:42px;height:38px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:9px;font-weight:700}.routine-days-field input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}.routine-dialog textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:13px 14px;border-radius:10px;resize:vertical}.routine-dialog label small{font-weight:400;color:var(--muted)}.scope-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.scope-actions button{min-height:45px}
@media(max-width:720px){.today-routine-card{padding:22px 18px;border-radius:16px}.today-routine-item{grid-template-columns:44px 43px minmax(0,1fr);gap:8px}.routine-check:before,.habit-check:before{width:28px;height:28px;min-width:28px;min-height:28px}.today-routine-item.done .routine-check:after,.habit.done .habit-check:after{left:19px;top:15px;width:6px;height:10px}.habit{grid-template-columns:44px 44px minmax(0,1fr)}.today-routine-actions{grid-column:2/-1;justify-content:flex-end;flex-wrap:wrap}.today-routine-actions button{min-height:32px;font-size:9px}.routine-day-tabs{display:flex;overflow-x:auto;padding-bottom:5px}.routine-day-tabs button{min-width:58px}.week-routine-panel{padding:22px 18px}.week-routine-panel>header{align-items:start;flex-direction:column}.week-routine-actions{width:100%;flex-direction:column}.week-routine-actions button{width:100%;min-height:44px}.week-routine-item{grid-template-columns:1fr auto;gap:8px}.week-routine-item time{grid-column:1/-1}.routine-item-actions{align-self:start}.routine-days-field>div{display:grid;grid-template-columns:repeat(4,1fr)}.routine-days-field span{width:100%}.scope-actions{grid-template-columns:1fr}}
@media(max-width:720px){.emoji-picker-dialog{inset:auto 0 0;width:100%;max-width:none;max-height:calc(100dvh - 70px);margin:0;padding:18px 14px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.emoji-picker-host{height:min(500px,calc(100dvh - 210px));min-height:330px}.emoji-picker-host emoji-picker{--num-columns:7;--emoji-size:1.5rem;--emoji-padding:.6rem}.emoji-picker-actions button{min-height:44px;font-size:13px}.emoji-trigger{min-height:48px;font-size:13px}}
@media(max-width:360px){.emoji-picker-host emoji-picker{--num-columns:6;--emoji-padding:.55rem}}

/* Onboarding v2 */
.onboarding:has(.ob-v2){padding:0;background:#07131f}.ob-v2{min-height:100dvh;display:grid;grid-template-rows:auto 3px 1fr auto;color:#fff}.ob-v2>header{display:flex;justify-content:space-between;align-items:center;padding:25px 4vw}.ob-v2>header>button{border:0;background:none;color:#6f899e;font-size:10px}.ob-progress{background:#102637}.ob-progress span{display:block;height:3px;background:linear-gradient(90deg,#2586d7,#72c4ef);transition:width .3s ease}.ob-v2>main{width:min(1040px,92vw);margin:auto;padding:55px 0}.ob-v2>main>h1{font:800 clamp(32px,4vw,52px)/1.12 "Manrope";letter-spacing:-2px;max-width:820px;margin:12px 0}.ob-v2>main>p:not(.eyebrow){color:#8299aa;font-size:13px;line-height:1.65;max-width:650px}.ob-v2>footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 4vw;border-top:1px solid #173044}.ob-v2>footer button{border:1px solid #294258;background:#0b1d2b;color:#dcebf5;border-radius:10px;padding:12px 17px;font-size:10px;font-weight:700}.ob-v2>footer [data-next]{justify-self:end;background:#1977c9;border-color:#258ce0}.ob-v2>footer small{color:#577187}.ob-opening-mark{font-size:90px;color:#2d8dcc;margin-top:50px}.ob-open-fields,.ob-area-fields,.ob-goal-list,.ob-action-list{display:grid;gap:15px;margin-top:32px}.ob-open-fields label,.ob-large-label,.ob-area-fields label,.ob-goal-list label,.ob-action label{display:block;color:#a8bdcc;font-size:10px;font-weight:700}.ob-open-fields textarea,.ob-large-label textarea,.ob-area-fields textarea,.ob-goal-list input,.ob-goal-list textarea,.ob-action input,.ob-action select,.ob-routine-basics input,.ob-routine-basics select,.ob-commitment input{display:block;width:100%;margin-top:7px;border:1px solid #294258;background:#0a1c2a;color:#fff;border-radius:10px;padding:12px;outline:0}.ob-open-fields textarea:focus,.ob-area-fields textarea:focus{border-color:#318fdc}.ob-rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.ob-rating-grid article{border:1px solid #1e394d;border-radius:13px;padding:16px;background:#091a28}.ob-rating-grid h3{font:700 14px "Manrope";margin:0 0 12px}.ob-rating-grid article>div{display:flex;gap:7px}.ob-rating-grid button{width:36px;height:36px;border:1px solid #294258;background:transparent;color:#7893a7;border-radius:50%}.ob-rating-grid button.selected{background:#2589d5;border-color:#2589d5;color:#fff}.ob-rating-grid small{display:block;color:#526d81;margin-top:9px;font-size:8px}.ob-area-fields{grid-template-columns:1fr 1fr}.ob-area-fields>label{border:1px solid #1d384c;border-radius:13px;padding:15px;background:#091a28}.ob-area-fields>label>span:first-child{font:700 13px "Manrope";color:#fff}.ob-image-add{display:inline-block;position:relative;color:#58a9df;margin-top:9px;overflow:hidden}.ob-image-add input{position:absolute;inset:0;opacity:0;cursor:pointer}.ob-choice-field{border:0;padding:0;margin:28px 0}.ob-choice-field legend{font:700 14px "Manrope";margin-bottom:12px}.ob-chips,.ob-day-picks{display:flex;flex-wrap:wrap;gap:7px}.ob-chips label,.ob-day-picks label{position:relative}.ob-chips input,.ob-day-picks input{position:absolute;opacity:0}.ob-chips span,.ob-day-picks span{display:block;border:1px solid #294258;border-radius:20px;padding:9px 12px;color:#7f99ab;font-size:10px}.ob-chips label:has(input:checked) span,.ob-day-picks label:has(input:checked) span{background:#164b70;border-color:#318fdc;color:#fff}.ob-priority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.ob-priority-grid button{display:grid;text-align:left;gap:6px;border:1px solid #1f3a4e;background:#091a28;color:#fff;border-radius:13px;padding:17px}.ob-priority-grid button.selected{border-color:#3597df;background:#0e3048}.ob-priority-grid small{color:#6f899b}.ob-selection-count{color:#5faee4!important}.ob-goal-list{grid-template-columns:repeat(3,1fr)}.ob-goal-list article,.ob-action-list section,.ob-commitments,.ob-routine-basics{border:1px solid #1d384c;background:#091a28;border-radius:14px;padding:17px}.ob-goal-list label{margin-top:12px}.ob-action-list section>header,.ob-commitments>header{display:flex;justify-content:space-between;align-items:center}.ob-action-list section>header button,.ob-commitments>header button,.ob-action>button{border:1px solid #294258;background:transparent;color:#8fb4cc;border-radius:8px;padding:8px}.ob-action{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:8px;align-items:end;border-top:1px solid #173044;padding-top:13px;margin-top:13px}.ob-action .ob-day-picks{grid-column:1/-1}.ob-routine-basics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.ob-routine-basics label{color:#9ab1c1;font-size:10px}.ob-commitments{margin-top:14px}.ob-commitment{display:grid;grid-template-columns:1.5fr 2fr 1fr 1fr auto;gap:8px;align-items:center;margin-top:12px}.ob-commitment button{border:0;background:none;color:#cf6f78}.ob-plan-summary{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.ob-plan-summary button{border:1px solid #294258;background:transparent;color:#8db5cf;border-radius:8px;padding:9px}.ob-capacity-warning{background:#352817;border:1px solid #715625;color:#e4c58d;border-radius:12px;padding:14px;margin-bottom:14px}.ob-week-plan{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.ob-week-plan>section{background:#091a28;border:1px solid #1d384c;border-radius:12px;padding:9px;min-width:0}.ob-week-plan h3{text-align:center;font:700 11px "Manrope"}.ob-week-plan article{display:grid;gap:5px;border-radius:8px;padding:8px;margin-top:7px;font-size:8px}.ob-week-plan .locked{background:#102333;color:#7890a2}.ob-week-plan .movable{background:#123c59;color:#fff}.ob-week-plan select,.ob-week-plan input{width:100%;border:1px solid #315873;background:#0d2c42;color:#fff;border-radius:6px;padding:5px;font-size:8px}.ob-week-plan button{border:0;background:none;color:#e6a0a6;font-size:8px}.ob-conclusion{display:flex;gap:12px;align-items:center;margin-top:35px}.ob-conclusion span{font-size:50px;color:#4ca8df}.ob-conclusion p{background:#0a1c2a;border:1px solid #1d384c;border-radius:10px;padding:13px;color:#9fb4c3}
@media(max-width:760px){.ob-v2>header{padding:18px}.ob-v2>main{width:auto;padding:32px 18px}.ob-v2>main>h1{font-size:33px;letter-spacing:-1.4px}.ob-v2>main>p:not(.eyebrow){font-size:15px}.ob-v2>footer{position:sticky;bottom:0;background:#07131f;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.ob-v2>footer button{min-height:48px;font-size:13px}.ob-rating-grid,.ob-area-fields,.ob-goal-list,.ob-priority-grid{grid-template-columns:1fr}.ob-open-fields label,.ob-large-label,.ob-area-fields label,.ob-goal-list label,.ob-action label{font-size:13px}.ob-rating-grid button{min-height:44px;width:44px}.ob-action{grid-template-columns:1fr 1fr}.ob-action .ob-day-picks,.ob-action>button{grid-column:1/-1}.ob-routine-basics{grid-template-columns:1fr 1fr}.ob-commitment{grid-template-columns:1fr 1fr}.ob-commitment .ob-day-picks{grid-column:1/-1}.ob-week-plan{grid-template-columns:1fr}.ob-week-plan>section{padding:13px}.ob-week-plan article{font-size:12px}.ob-conclusion{align-items:stretch;flex-direction:column}.ob-conclusion span{align-self:center}}

/* O seletor global `main` não pode impor 100vh dentro do overlay. */
.ob-v2{grid-template-rows:auto 3px minmax(0,1fr) auto}
.ob-v2>main{min-height:0}
.ob-v2>footer{position:sticky;bottom:0;z-index:2;background:#07131f}
.ob-rating-grid article>div{flex-wrap:wrap}.ob-priority-check{display:flex;align-items:center;gap:8px;margin-top:12px;color:#8fa8ba;font-size:11px}.ob-capacity-warning.is-ok{background:#112f29;border-color:#286956;color:#a9ddcf}.ob-v2 button:focus-visible,.ob-v2 input:focus-visible,.ob-v2 textarea:focus-visible,.ob-v2 select:focus-visible{outline:3px solid #72c4ef;outline-offset:2px}
@media(max-width:360px){.ob-v2>main{padding-inline:12px}.ob-v2>footer{padding-inline:12px}.ob-v2>footer button{padding-inline:11px}.ob-rating-grid button{width:40px;min-height:40px}.ob-routine-basics,.ob-action,.ob-commitment{grid-template-columns:1fr}}

/* Quadro dos Sonhos: mural único, visual e organizado em duas fileiras. */
.mural-heading{align-items:center;margin-bottom:24px}.mural-heading h2{margin-bottom:0}.mural-add{flex:none}.vision-board-areas{overflow-x:auto;padding:2px 0 12px;scrollbar-width:thin}.dream-mural-grid{display:grid;grid-template-columns:repeat(var(--mural-columns),minmax(210px,1fr));grid-template-rows:repeat(2,auto);gap:18px 10px;min-width:min-content}.mural-dream{width:clamp(210px,18vw,290px);margin:0;min-width:0;cursor:grab}.mural-dream:active{cursor:grabbing}.mural-photo{position:relative;aspect-ratio:4/3;border-radius:11px;overflow:hidden;background:var(--surface-2)}.mural-photo img{display:block;width:100%;height:100%;object-fit:cover}.mural-dream figcaption{padding:9px 2px 0}.mural-dream figcaption strong,.mural-dream figcaption span{display:block}.mural-dream figcaption strong{font:700 10px/1.35 "Manrope";letter-spacing:.8px;text-transform:uppercase;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mural-dream figcaption span{margin-top:3px;font-size:9px;color:var(--muted)}.mural-actions{position:absolute;inset:auto 7px 7px;display:flex;flex-wrap:wrap;gap:4px;opacity:0;transform:translateY(5px);transition:.18s;pointer-events:none}.mural-dream:hover .mural-actions,.mural-dream:focus-within .mural-actions{opacity:1;transform:none;pointer-events:auto}.mural-actions button{border:0;background:rgba(5,20,32,.86);color:#fff;border-radius:6px;padding:6px 7px;font-size:8px;backdrop-filter:blur(5px)}.mural-actions button:disabled{display:none}.mural-actions .danger-link{color:#ffc3c8}.mural-empty{min-height:330px;display:grid;place-content:center;justify-items:center;text-align:center;border:1px dashed var(--line);border-radius:16px}.mural-empty h3{font:700 22px "Manrope";margin:0 0 18px}.mural-empty button{border:0;background:var(--text);color:var(--surface);border-radius:9px;padding:12px 16px;font-size:10px;font-weight:700}.mural-vision-editor{margin-top:28px;border-top:1px solid var(--line);padding-top:16px}.mural-vision-editor summary{width:max-content;color:var(--muted);font-size:9px;font-weight:700;cursor:pointer}.mural-vision-editor>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.mural-vision-editor label{display:grid;grid-template-columns:1fr auto;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px}.mural-vision-editor label span{grid-column:1/-1;font-size:9px;font-weight:700}.mural-vision-editor textarea{border:0;background:var(--surface-2);color:var(--text);border-radius:7px;padding:9px;resize:vertical}.mural-vision-editor button{border:0;background:none;color:var(--blue);font-size:9px;font-weight:700}
@media(max-width:760px){.mural-heading{align-items:flex-start}.mural-heading h2{font-size:24px}.mural-add{font-size:12px;min-height:42px}.vision-board-areas{overflow:visible}.dream-mural-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:18px 8px;min-width:0}.mural-dream{width:auto}.mural-photo{aspect-ratio:4/5;border-radius:9px}.mural-dream figcaption strong{font-size:9px}.mural-dream figcaption span{font-size:8px}.mural-actions{opacity:0}.mural-dream:focus-within .mural-actions{opacity:1}.mural-empty{min-height:280px;padding:25px}.mural-empty h3{font-size:20px}.mural-vision-editor>div{grid-template-columns:1fr}}

/* Objetivo → por quê → identidade */
.goal-dialog{max-height:min(90dvh,760px)}
.goal-dialog form{max-height:min(90dvh,760px);overflow-y:auto}
.field-help{font-size:10px;line-height:1.5;color:var(--muted);margin:-3px 0 8px}
.goal-reflection{display:grid;gap:12px;margin-top:17px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.goal-reflection span{display:block;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}
.goal-reflection p{margin:5px 0 0;color:var(--text);font-size:11px;line-height:1.6}
.goal-reflection .goal-identity{border-left:2px solid var(--blue);padding-left:12px}
.complete-goal{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:15px;border:1px dashed color-mix(in srgb,var(--blue) 38%,var(--line));background:color-mix(in srgb,var(--blue) 5%,var(--surface));color:var(--blue);border-radius:10px;padding:11px 12px;font-size:9px;font-weight:700;text-align:left}
.complete-goal span{font-size:14px}
.dialog-actions .primary:disabled{opacity:.55;cursor:wait}
@media(max-width:720px){.goal-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.goal-dialog form{max-height:calc(100dvh - 24px);padding:25px 20px}.goal-dialog label{font-size:12px}.goal-dialog textarea{min-height:92px}.goal-dialog .dialog-actions{position:static}.goal-card{padding:20px}.goal-reflection p{font-size:12px}.complete-goal{min-height:44px;font-size:10px}}

/* Onboarding v4: identidade primeiro, uma pergunta por tela. */
.ob-v2>header>div{display:flex;gap:8px}.ob-v2>header>div button{border:0;background:none;color:#7f99ab;padding:8px;font-size:10px}.ob-opening-mark span{display:inline-block;margin:0 14px;color:#6b899f}.ob-chips button{border:1px solid #294258;border-radius:22px;background:#091a28;color:#8da5b7;padding:11px 14px}.ob-chips button.selected,.ob-frequency button.selected{background:#164b70;border-color:#318fdc;color:#fff}.ob-open-fields input,.ob-frequency input,.ob-frequency select{display:block;width:100%;margin-top:7px;border:1px solid #294258;background:#0a1c2a;color:#fff;border-radius:10px;padding:12px}.ob-identity-summary,.ob-first-step{display:grid;gap:10px;margin-top:28px}.ob-identity-summary article,.ob-first-step article{border:1px solid #1d384c;background:#091a28;border-radius:13px;padding:17px}.ob-identity-summary strong{text-transform:uppercase;font-size:9px;letter-spacing:1px;color:#63b1e5}.ob-identity-summary p{margin:7px 0 0;line-height:1.6}.ob-action-list blockquote{margin:8px 0 18px;color:#a8bdcc}.ob-frequency{display:grid;grid-template-columns:2fr 1fr;gap:13px}.ob-frequency fieldset{grid-column:1/-1;border:0;padding:0}.ob-frequency legend{margin-bottom:9px;color:#a8bdcc;font-size:10px}.ob-frequency fieldset button{border:1px solid #294258;background:transparent;color:#91a8b8;border-radius:20px;padding:9px 12px;margin:0 5px 5px 0}.ob-first-step article{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:10px;align-items:center}.ob-first-step small{color:#7891a3}.ob-first-step button{border:0;background:none;color:#5faee4}.ob-first-step [data-remove-habit]{color:#d98e95}
@media(max-width:760px){.ob-frequency{grid-template-columns:1fr}.ob-first-step article{grid-template-columns:auto 1fr auto}.ob-first-step small{grid-column:2/-1}.ob-first-step button{min-height:40px}}

/* Onboarding v5: uma reflexão e uma ação por tela. */
.ob-v5>main{width:min(720px,90vw);padding:clamp(40px,8vh,90px) 0}.ob-v5>main>h1{max-width:680px}.ob-v5 .ob-aspect-picker{margin-top:30px;max-width:360px}.ob-v5 .ob-aspect-picker label{display:grid;gap:8px;color:#91a9ba;font-size:11px}.ob-v5 .ob-aspect-picker select,.ob-v5 textarea,.ob-v5 .ob-quick-add input{width:100%;border:1px solid #294258;background:#091a28;color:#fff;border-radius:12px;padding:14px;outline:0}.ob-v5 textarea{font:500 15px/1.6 "Manrope";resize:vertical}.ob-identity-fields{display:grid;gap:12px;margin-top:18px}.ob-identity-fields article{border-top:1px solid #193346;padding:18px 0}.ob-identity-fields header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ob-identity-fields header strong{font:700 10px "Manrope";letter-spacing:1px;text-transform:uppercase;color:#62afe2}.ob-identity-fields header button,.ob-input-modes button{border:0;background:none;color:#7896aa;font-size:10px}.ob-input-modes{display:flex;align-items:center;gap:8px;margin-top:9px;color:#607c90;font-size:10px}.ob-input-modes button{color:#62afe2;padding:5px}.ob-reflection{margin-top:30px}.ob-quick-add{display:grid;grid-template-columns:1fr auto;gap:8px;margin:30px 0 14px}.ob-quick-add button{border:0;border-radius:10px;background:#1977c9;color:#fff;padding:0 16px;font-weight:700}.ob-simple-list{display:grid;gap:7px}.ob-simple-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 2px;border-bottom:1px solid #173044}.ob-simple-list span{color:#55ad7e;font-size:18px}.ob-simple-list button{border:0;background:none;color:#7892a5;font-size:10px}.ob-final-summary{display:grid;gap:22px;margin-top:30px}.ob-final-summary section{border-left:2px solid #287fc0;padding-left:16px}.ob-final-summary strong{font-size:9px;letter-spacing:1.2px;color:#6a8ca3}.ob-final-summary p{margin:8px 0 0;color:#c2d2dd;line-height:1.55}.ob-final-summary .build{color:#9ed5b7}.ob-final-summary .quit{color:#d8a0a5}
@media(max-width:600px){.ob-v5>main{padding:34px 18px;width:auto}.ob-v5 .ob-quick-add{grid-template-columns:1fr}.ob-v5 .ob-quick-add button{min-height:48px}.ob-v5>footer{grid-template-columns:auto 1fr}.ob-v5>footer small{display:none}.ob-v5>footer [data-next]{max-width:72vw}.ob-input-modes{font-size:11px}}

/* ================================================================
   INEVITÁVEL UI 2026 — Fase 1: design system e temas
   ================================================================ */
:root{
  color-scheme:light;
  --color-background:#f6f8fb;--color-surface:#ffffff;--color-surface-secondary:#f0f4f8;
  --color-border:#e4e9f0;--color-text-primary:#0c1b2a;--color-text-secondary:#526274;--color-text-muted:#8492a2;
  --color-primary:#1677ff;--color-primary-hover:#0868ea;--color-primary-soft:#eaf3ff;
  --color-success:#168a62;--color-danger:#c84f5b;
  --shadow-card:0 1px 2px rgba(7,20,34,.03),0 10px 35px rgba(18,40,68,.055);--shadow-overlay:0 28px 90px rgba(4,16,30,.22);
  --radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-pill:999px;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;
  --bg:var(--color-background);--surface:var(--color-surface);--surface-2:var(--color-surface-secondary);--text:var(--color-text-primary);--muted:var(--color-text-muted);--line:var(--color-border);--blue:var(--color-primary);--blue-2:#55a5ff;--green:var(--color-success);--shadow:var(--shadow-card);--radius:var(--radius-lg);
  --sidebar-bg:#071522;--sidebar-surface:#0c2032;--sidebar-text:#f4f8fc;--sidebar-muted:#7890a5;
}
body.dark{
  color-scheme:dark;
  --color-background:#050d16;--color-surface:#091725;--color-surface-secondary:#0d2030;
  --color-border:#183044;--color-text-primary:#f2f6fa;--color-text-secondary:#a6b4c1;--color-text-muted:#71879a;
  --color-primary:#2d8cff;--color-primary-hover:#55a4ff;--color-primary-soft:#0d2b46;
  --color-success:#48c899;--color-danger:#ee7c86;
  --shadow-card:0 1px 0 rgba(255,255,255,.018),0 18px 50px rgba(0,0,0,.16);--shadow-overlay:0 35px 100px rgba(0,0,0,.5);
  --sidebar-bg:#040b13;--sidebar-surface:#091a29;--sidebar-text:#f2f7fb;--sidebar-muted:#70869a;
  --bg:var(--color-background);--surface:var(--color-surface);--surface-2:var(--color-surface-secondary);--text:var(--color-text-primary);--muted:var(--color-text-muted);--line:var(--color-border);--blue:var(--color-primary);--green:var(--color-success);--shadow:var(--shadow-card);
  background-color:#050d16;color:#f2f6fa;
}
html:has(body.dark){background:#050d16}
html{background:var(--color-background);overflow-x:hidden}body{background:var(--color-background);color:var(--color-text-primary);transition:background-color .18s ease,color .18s ease;overflow-x:hidden}body,button,input,select,textarea{font-family:"DM Sans",sans-serif}button{transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .12s ease,box-shadow .16s ease}button:active{transform:scale(.975)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 30%,transparent);outline-offset:2px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}h1,h2,h3{color:var(--color-text-primary);text-wrap:balance}.primary-action,.empire-button,.purpose-save,.settings-save{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 8px 22px color-mix(in srgb,var(--color-primary) 18%,transparent)}.primary-action:hover,.empire-button:hover,.purpose-save:hover,.settings-save:hover{background:var(--color-primary-hover);transform:translateY(-1px)}

/* Fase 2: navegação e estrutura */
.sidebar{width:256px;padding:32px 22px 22px;background:var(--sidebar-bg);border-right:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.sidebar .brand{padding:4px 10px;color:var(--sidebar-text);letter-spacing:.16em}.nav-list{margin-top:58px;gap:6px}.nav-item{min-height:48px;padding:12px 14px;border-radius:var(--radius-sm);color:var(--sidebar-muted);font-size:14px;font-weight:600}.nav-item .icon{font-size:18px;line-height:1;opacity:.9}.nav-item:hover{background:color-mix(in srgb,var(--color-primary) 7%,transparent);color:var(--sidebar-text)}.nav-item.active{background:color-mix(in srgb,var(--color-primary) 12%,transparent);box-shadow:none;color:var(--sidebar-text)}.nav-item.active .icon{color:var(--color-primary)}.mini-streak{border-color:color-mix(in srgb,var(--color-border) 65%,transparent);background:var(--sidebar-surface);border-radius:var(--radius-sm)}.profile-pill{border-color:color-mix(in srgb,var(--color-border) 65%,transparent);color:var(--sidebar-text)}main{margin-left:256px;min-width:0}.page{animation:page-in .18s ease}@keyframes page-in{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}.mobile-header{background:var(--sidebar-bg);border-bottom:1px solid var(--color-border)}.bottom-nav{background:color-mix(in srgb,var(--color-surface) 94%,transparent);border-color:var(--color-border);box-shadow:0 -8px 30px rgba(4,17,31,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.bottom-nav button{min-width:0;color:var(--color-text-muted);font-size:10px;font-weight:600}.bottom-nav button span{font-size:18px}.bottom-nav button.active{color:var(--color-primary)}
@media(min-width:901px) and (max-width:1180px){.sidebar{width:216px;padding-inline:16px}main{margin-left:216px}.today-page,.week-page,.journey-page,.purpose-page,.profile-page,.empire-page{padding-left:32px;padding-right:32px}}
@media(max-width:900px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.sidebar{display:none}main{margin-left:0}.mobile-header{display:flex;position:sticky;top:0;z-index:25;padding:15px 22px}.bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:35;padding:9px 6px max(9px,env(safe-area-inset-bottom))}.bottom-nav button{display:grid;place-items:center;gap:4px;border:0;background:transparent}.toast{bottom:calc(88px + env(safe-area-inset-bottom))}}

/* Fase 3: Hoje */
.today-page{max-width:1240px;padding:52px clamp(24px,5vw,72px) 48px}.hero-head{margin-bottom:36px}.hero-head h1{font-size:clamp(30px,3vw,42px);font-weight:750;letter-spacing:-.035em;margin:10px 0 9px}.subtitle{font-size:15px;color:var(--color-text-secondary)}.icon-button{box-shadow:none;border-color:var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm)}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:24px}.main-column{gap:16px}.today-purpose-line{margin:0 0 2px;padding:14px 17px;border-left:2px solid var(--color-primary);background:var(--color-primary-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-secondary);font-size:13px}.today-routine-card,.habits-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:26px}.card-head h2{font-size:21px;letter-spacing:-.02em}.text-button{color:var(--color-primary);font-size:12px;min-height:36px}.today-routine-item,.habit{border-color:var(--color-border)}.habit{grid-template-columns:30px 42px minmax(0,1fr) auto;padding:14px 10px}.habit:hover{background:var(--color-surface-secondary)}.habit-check{width:22px;height:22px;border-color:color-mix(in srgb,var(--color-text-muted) 55%,var(--color-border));background:transparent}.habit.done .habit-check{background:var(--color-primary);border-color:var(--color-primary)}.habit-icon{background:var(--color-surface-secondary);border:1px solid var(--color-border)}.habit-name{font-size:14px;color:var(--color-text-primary)}.habit-goal{background:var(--color-surface-secondary);color:var(--color-text-muted)}.daily-progress{border-color:var(--color-border)}.progress-track,.empire-progress{background:var(--color-surface-secondary)}.progress-track div,.empire-progress div{background:var(--color-primary)}.empire-card{background:#071522;border:1px solid #15324a;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.empire-card h2{color:#f4f8fc}.empire-scene{background:radial-gradient(circle at 68% 28%,#163c5b 0,#0b2235 46%,#071522 78%)}
@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.empire-card{display:grid;grid-template-columns:1fr 1fr}.empire-head{grid-column:1/-1}.empire-scene{grid-row:2/6}}
@media(max-width:900px){.today-page{padding:34px clamp(18px,5vw,40px) 30px}.dashboard-grid{display:grid}.hero-head h1{font-size:32px}.today-routine-card,.habits-card{padding:22px;border-radius:var(--radius-md)}}
@media(max-width:600px){.today-page{padding-inline:16px}.hero-head{margin-bottom:25px}.hero-head h1{font-size:28px}.subtitle{font-size:13px}.empire-card{display:block}.habit{grid-template-columns:28px 40px minmax(0,1fr)}.habit-goal{display:none}}

/* Fase 4: Propósito */
.purpose-page{max-width:1120px;padding:56px clamp(24px,6vw,76px) 60px}.purpose-hero{max-width:720px;margin-bottom:34px}.purpose-hero h1{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.04em}.purpose-hero>p:last-child{font-size:15px;line-height:1.7;color:var(--color-text-secondary)}.purpose-nav{display:flex;gap:6px;width:max-content;padding:5px;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.purpose-nav button{border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-xs);padding:10px 15px;font-size:12px;font-weight:700}.purpose-nav button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 4px rgba(5,20,35,.08)}.purpose-section{margin-top:28px}.reason-intro{gap:16px}.reason-intro>span{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary)}.reason-intro h2{font-size:24px;letter-spacing:-.025em}.reason-form{display:grid;gap:16px;margin-top:24px}.reason-form label{padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);font-size:13px}.reason-form textarea{background:transparent;border:0;border-top:1px solid var(--color-border);border-radius:0;margin-top:13px;padding:14px 0 0;color:var(--color-text-primary);font-size:14px;line-height:1.6}.purpose-save{justify-self:start;border:0;border-radius:var(--radius-sm);padding:13px 18px;color:#fff;font-weight:700}.board-heading{padding-top:8px}.board-heading h2{font-size:28px}.mural-add{border:0;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;padding:12px 16px}.mural-photo{border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.mural-dream figcaption strong{color:var(--color-text-primary)}.mural-empty{background:var(--color-surface);border-color:var(--color-border)}.mural-vision-editor{border-color:var(--color-border)}
@media(max-width:900px){.purpose-page{padding:38px clamp(18px,5vw,42px) 40px}.purpose-hero h1{font-size:36px}}
@media(max-width:600px){.purpose-page{padding-inline:16px}.purpose-hero h1{font-size:30px}.purpose-nav{width:100%}.purpose-nav button{flex:1}.reason-form label{padding:17px}.board-heading{gap:16px}.mural-add{min-height:44px}}

/* Fase 5: Semana */
.week-page{max-width:1240px;padding:54px clamp(24px,5vw,72px) 56px}.week-hero h1{font-size:clamp(32px,3vw,42px);letter-spacing:-.035em}.week-hero>div>p:last-child{font-size:14px;color:var(--color-text-secondary)}.week-range{background:var(--color-surface);border-color:var(--color-border);border-radius:var(--radius-sm);font-size:10px;box-shadow:none}.routine-day-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:16px;padding:5px;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.routine-day-tabs button{min-width:0;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);padding:11px 6px}.routine-day-tabs button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 2px 8px rgba(7,24,43,.07)}.week-routine-panel,.ritual-card,.week-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.week-routine-panel{padding:26px}.week-routine-panel>header h2{font-size:22px;letter-spacing:-.02em}.week-routine-actions{display:flex;gap:8px}.secondary-action{border:1px solid var(--color-border);background:var(--color-surface-secondary);color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:12px 15px}.week-routine-item{border-color:var(--color-border);background:transparent}.week-routine-item:hover{background:var(--color-surface-secondary)}.routine-time{color:var(--color-primary)}.ritual-card{padding:25px 26px 25px 82px}.step-number{border-color:var(--color-border);background:var(--color-primary-soft);color:var(--color-primary)}.priority-inputs label,.weekly-choice{background:var(--color-surface-secondary);border-color:var(--color-border)}.weekly-choice.selected{background:var(--color-primary-soft);border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));color:var(--color-primary)}
@media(max-width:900px){.week-page{padding:38px clamp(18px,5vw,42px)}.week-layout{grid-template-columns:1fr}.week-routine-panel{padding:22px}.routine-day-tabs{overflow-x:auto;grid-template-columns:repeat(7,minmax(72px,1fr));scrollbar-width:none}}
@media(max-width:600px){.week-page{padding-inline:16px}.week-hero{align-items:flex-start;gap:16px}.week-hero h1{font-size:30px}.week-routine-panel>header{align-items:flex-start}.week-routine-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.week-routine-actions button{white-space:normal}.ritual-card{padding:20px}.step-number{position:static;margin-bottom:14px}}

/* Fase 6: Jornada */
.journey-page .journey-tabs>button{flex:1 1 0;min-width:0;white-space:nowrap}
.journey-page{max-width:1240px;padding:54px clamp(24px,5vw,72px) 58px}.journey-page>.collection-head h1{font-size:clamp(32px,3vw,42px);letter-spacing:-.035em}.journey-tabs{display:flex;gap:5px;padding:5px;margin-bottom:26px;overflow-x:auto;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);scrollbar-width:none}.journey-tabs button{flex:0 0 auto;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);padding:11px 14px;font-size:11px;font-weight:700}.journey-tabs button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 2px 8px rgba(7,24,43,.07)}.journey-panel{min-width:0}.section-intro{max-width:720px;margin-bottom:24px}.section-intro h2{font-size:26px;letter-spacing:-.025em}.section-intro>p:last-child{font-size:14px;line-height:1.65;color:var(--color-text-secondary)}.life-area-card,.goal-card,.library-row,.financial-form,.financial-summary,.reference-form,.reference-card,.escalation-card,.history-card,.empire-monument,.empire-metric-grid article{background:var(--color-surface);border-color:var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.life-area-card:hover,.goal-card:hover,.library-row:hover,.reference-card:hover,.escalation-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-primary) 24%,var(--color-border))}.life-area-grid{gap:14px}.goal-summary{border-color:var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.goal-summary div{border-color:var(--color-border)}.category-pill{background:var(--color-primary-soft);color:var(--color-primary)}.linked-list span,.frequency-pill,.library-meta span,.financial-insight{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.library-row{box-shadow:none}.financial-form,.financial-summary{padding:24px}.financial-form input,.financial-form textarea,.money-input{border-color:var(--color-border);background:var(--color-surface-secondary)}.money-meaning-options span{border-color:var(--color-border)}.money-meaning-options label:has(input:checked) span{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.empty-state{background:var(--color-surface);border-color:var(--color-border)}
.about-me-group>h3{margin-bottom:20px}.about-me-question{padding:18px 0;border-top:1px solid var(--color-border)}.about-me-question label{margin:0;color:var(--color-text-primary);font:700 15px/1.4 "Manrope"}.about-me-question>p{margin:7px 0 0;color:var(--color-text-secondary);font-size:12px;line-height:1.55}.about-me-question details{margin-top:8px;color:var(--color-text-muted)}.about-me-question summary{width:max-content;cursor:pointer;list-style:none;color:var(--color-primary);font-size:10px;font-weight:700}.about-me-question summary::-webkit-details-marker{display:none}.about-me-question summary:after{content:" +"}.about-me-question details[open] summary:after{content:" −"}.about-me-question details small{display:block;margin-top:8px;padding:10px 12px;border-radius:var(--radius-xs);background:var(--color-surface-secondary);font-size:10px;font-style:italic;line-height:1.55}.about-me-question textarea{min-height:110px;margin-top:12px}.about-me-save{margin-top:4px}@media(max-width:600px){.about-me-group{padding:17px}.about-me-question{padding:16px 0}.about-me-question textarea{min-height:130px}.about-me-save{width:100%;justify-content:center}}
@media(max-width:900px){.journey-page{padding:38px clamp(18px,5vw,42px)}.journey-tabs{margin-inline:calc(clamp(18px,5vw,42px)*-1);padding-inline:clamp(18px,5vw,42px);border-left:0;border-right:0;border-radius:0}.financial-layout{grid-template-columns:1fr}.goal-grid{grid-template-columns:1fr}}
@media(max-width:600px){.journey-page{padding-inline:16px}.journey-page>.collection-head h1{font-size:30px}.journey-tabs{margin-inline:-16px;padding-inline:16px}.journey-tabs>button{flex:0 0 auto;min-width:max-content}.life-area-grid{grid-template-columns:1fr}.goal-summary{grid-template-columns:1fr}.goal-summary div{display:flex;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--color-border)}.financial-form{grid-template-columns:1fr}.financial-form>*{grid-column:1!important}.library-row{grid-template-columns:40px minmax(0,1fr) auto}.habit-management{grid-column:2/-1}}

@media(max-width:600px){.journey-page .journey-tabs>button{flex:0 0 auto;min-width:max-content}}

/* Fase 7: modais, formulários e componentes secundários */
dialog{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay)}dialog::backdrop{background:rgba(2,9,17,.72);backdrop-filter:blur(6px)}dialog form{padding:32px}dialog h2{font-size:24px;letter-spacing:-.025em}.dialog-help,.field-help{color:var(--color-text-secondary);font-size:13px}dialog label{font-size:12px;color:var(--color-text-secondary)}dialog input,dialog select,dialog textarea,.settings-fields input,.settings-fields select,.reference-form input,.reference-form select,.reference-form textarea{background:var(--color-surface-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-sm);min-height:46px}dialog input:focus,dialog select:focus,dialog textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,transparent)}.dialog-actions button{min-height:42px;border-radius:var(--radius-sm);font-size:12px}.dialog-actions .cancel{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.dialog-actions .primary{background:var(--color-primary);color:#fff}.emoji-trigger{border-color:var(--color-border);background:var(--color-surface-secondary);border-radius:var(--radius-sm)}.weekday-options label{background:var(--color-surface-secondary);border-color:var(--color-border);border-radius:var(--radius-xs)}.weekday-options label:has(input:checked){background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.toast{background:var(--color-text-primary);color:var(--color-surface);border:0;border-radius:var(--radius-pill);box-shadow:var(--shadow-overlay);font-size:12px}.profile-page{max-width:1120px;padding:54px clamp(24px,6vw,76px)}.settings-card{background:var(--color-surface);border-color:var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.settings-save{border:0;border-radius:var(--radius-sm);color:#fff}.signout-button{border-color:var(--color-border);color:var(--color-danger);background:transparent}.auth-screen{background:var(--color-background)}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay)}.auth-tabs{background:var(--color-surface-secondary);border-radius:var(--radius-sm)}.auth-tabs button.active{background:var(--color-surface);color:var(--color-primary)}.auth-card input{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.auth-submit{background:var(--color-primary)}.onboarding:has(.ob-v2){background:#050d16}.ob-v2>main{max-width:760px}.ob-v2>footer,.ob-v2>header{background:#050d16}.ob-v2>footer{border-color:#183044}.ob-v2>footer button{border-radius:var(--radius-sm);min-height:44px}.ob-v2>footer [data-next]{background:var(--color-primary);border-color:var(--color-primary)}.ob-progress span{background:var(--color-primary)}
@media(max-width:600px){dialog:not(.emoji-picker-dialog){width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}dialog form{padding:25px 20px}.dialog-actions{position:sticky;bottom:0;background:var(--color-surface);padding-top:12px}.profile-page{padding:36px 16px}.auth-card{border-radius:var(--radius-md)}.ob-v2>header{padding:16px}.ob-v2>header>div{gap:2px}.ob-v2>header>div button{font-size:11px}.ob-v2>main>h1{font-size:31px}}

/* ================================================================
   PREMIUM UI V2 — direção visual baseada na referência mobile
   ================================================================ */
body.dark{--color-background:#020914;--color-surface:#071625;--color-surface-secondary:#0a1d2f;--color-border:#12314a;--color-text-primary:#f7f9fc;--color-text-secondary:#a8b7c7;--color-text-muted:#688198;--color-primary:#087cff;--color-primary-hover:#2991ff;--color-primary-soft:#082746;--sidebar-bg:#020812;--sidebar-surface:#071829;background:#020914;color:#f7f9fc}
body.dark main{background:radial-gradient(circle at 75% 0,rgba(12,77,132,.11),transparent 32%),#020914}.sidebar{box-shadow:12px 0 40px rgba(0,0,0,.11)}body.dark .sidebar{background:linear-gradient(180deg,#020812,#03101c)}body.dark .nav-item.active{background:#082541;border:1px solid #103b60}body.dark .mini-streak{background:#061a2b;border-color:#123653}body.dark .profile-pill{border-color:#123049}
body.dark .today-routine-card,body.dark .habits-card,body.dark .week-routine-panel,body.dark .settings-card,body.dark .financial-form,body.dark .financial-summary,body.dark .goal-card,body.dark .library-row,body.dark .life-area-card{background:linear-gradient(145deg,#081827,#061421);border-color:#12334d;box-shadow:0 18px 55px rgba(0,0,0,.18)}
body.dark .routine-empty,body.dark .habits-empty{background:#061421;border-color:#163954}body.dark .habit-icon{background:#09213a;border-color:#123b5d}body.dark .habit,body.dark .today-routine-item{border-color:#102c43}body.dark .progress-track{background:#0b2438}body.dark .progress-track div{box-shadow:0 0 16px rgba(8,124,255,.38)}
.identity-progress-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.identity-progress-card{padding:22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.identity-progress-card header{display:flex;gap:18px;justify-content:space-between;align-items:flex-start}.identity-progress-card header span{font-size:9px;letter-spacing:.12em;color:var(--color-primary);font-weight:800}.identity-progress-card h3{margin:6px 0 0;font-size:19px}.identity-progress-card header>strong{font-size:25px;color:var(--color-primary);white-space:nowrap}.identity-progress-card header small{display:block;font-size:9px;color:var(--color-text-muted);font-weight:600}.identity-evidence-list{display:grid;gap:8px;margin:18px 0;padding-top:14px;border-top:1px solid var(--color-border)}.identity-evidence-list>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.identity-progress-card>p{margin:0;color:var(--color-text-secondary);font-size:12px;line-height:1.5}.ob-habit-builder article{grid-template-columns:auto minmax(110px,1fr) minmax(130px,1.5fr) minmax(110px,1fr) 70px auto;align-items:end}.ob-habit-builder label{display:grid;gap:4px;font-size:10px}.ob-habit-builder select,.ob-habit-builder input{min-height:38px}.ob-guidance{padding:10px 12px;background:rgba(20,130,255,.1);border-radius:8px;font-size:12px}@media(max-width:680px){.ob-habit-builder article{grid-template-columns:30px 1fr}.ob-habit-builder article label,.ob-habit-builder article button{grid-column:2}.identity-progress-card header{display:block}.identity-progress-card header>strong{display:block;margin-top:12px}}
.hero-head h1{font-family:"Manrope",sans-serif;font-weight:700}.hero-head .subtitle{max-width:520px}.card-head h2,.week-routine-panel h2{line-height:1.22}.today-routine-card,.habits-card{overflow:hidden}.routine-empty,.habits-empty{padding:24px 18px}.routine-empty strong,.habits-empty strong{font-size:14px}.routine-empty p,.habits-empty p{font-size:11px}.empire-card{border-color:#164263;background:linear-gradient(150deg,#061421,#03101c)}.empire-head{border-bottom:1px solid #12334b;padding-bottom:18px}.empire-scene{background:radial-gradient(circle at 70% 22%,#164d75,#0a2941 50%,#061624 85%)}.empire-button{background:#087cff;box-shadow:0 10px 28px rgba(8,124,255,.24)}
body:not(.dark) .sidebar{background:#fff;color:#0a1928;border-color:#e3e9ef}body:not(.dark) .sidebar .brand,body:not(.dark) .profile-pill{color:#0a1928}body:not(.dark) .nav-item{color:#647689}body:not(.dark) .nav-item.active{background:#eaf4ff;color:#0874e8;border:1px solid #d7eaff}body:not(.dark) .mini-streak{background:#f4f8fc;border-color:#e1e8ef}body:not(.dark) .mobile-header{background:#fff;color:#0a1928}
@media(max-width:900px){
  body.dark{background:#020914}.mobile-header{position:relative;background:var(--color-background);border:0;padding:18px 18px 8px}.mobile-header .brand{font-size:13px;letter-spacing:.18em}.mobile-header .avatar{background:#092440;border:1px solid #17476c;color:#79bdff}.today-page{padding-top:24px}.hero-head{align-items:center}.hero-head h1{font-size:30px;margin-top:7px}.hero-head .icon-button{background:#071a2b;border-color:#123652;color:#80bfff}.dashboard-grid{gap:14px}.today-routine-card,.habits-card{border-radius:15px;padding:20px}.card-head h2{font-size:19px}.section-kicker{font-size:9px;color:#6e8ba2}.text-button{font-size:11px}.today-routine-list,.habit-list{margin-top:15px}.routine-empty,.habits-empty{padding:19px 14px;border-radius:12px}.routine-empty>span,.habits-empty>span{font-size:18px;margin-bottom:6px}.routine-empty strong,.habits-empty strong{font-size:13px;margin:5px 0 2px}.routine-empty p,.habits-empty p{font-size:10px;margin:4px auto 9px}.routine-empty button,.habits-empty button{font-size:10px;padding:8px 10px;min-height:36px}.daily-progress{margin-top:15px;padding-top:14px}.empire-card{margin-top:0;border-radius:15px}.empire-head{padding:19px 20px 14px}.empire-head h2{font-size:18px}.empire-scene{height:190px}.empire-stats{padding:17px 20px 13px}.brick-row{margin-inline:20px;padding:13px 0}.empire-card>.empire-button{width:calc(100% - 40px);margin:14px 20px 20px;padding:12px 15px}.quote{display:none}.bottom-nav{background:rgba(2,9,20,.96);border-top:1px solid #12314a;padding-top:10px}.bottom-nav button{color:#607990}.bottom-nav button.active{color:#1688ff}.bottom-nav button span{font-size:19px}.bottom-nav button.active span{filter:drop-shadow(0 0 8px rgba(22,136,255,.5))}
}
@media(max-width:600px){
  .today-page{padding:21px 14px 24px}.hero-head{margin-bottom:20px}.hero-head h1{font-size:27px}.hero-head .subtitle{font-size:12px}.dashboard-grid,.main-column{gap:12px}.today-routine-card,.habits-card{padding:17px}.card-head{gap:10px}.card-head h2{font-size:18px}.habit{padding:11px 2px;gap:7px}.habit-icon{width:36px;height:36px}.habit-name{font-size:13px}.habit-meta{font-size:9px}.routine-check{width:38px;height:38px;min-width:38px;min-height:38px}.routine-check:before{width:24px;height:24px;min-width:24px;min-height:24px}.empire-scene{height:145px}.empire-scene svg{transform:scale(1.05)}.empire-stats p{margin-bottom:0}.brick-row small{font-size:8px}.mobile-header{padding-inline:16px}.bottom-nav{min-height:67px}.bottom-nav button{font-size:9px}
}
@media(min-width:901px){.today-page{padding-top:58px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 360px}.today-routine-card,.habits-card{border-radius:16px}.empire-card{border-radius:16px}}

/* Onboarding v7 — direção em três perguntas */
[data-journey-panel="vision"],[data-journey-panel="escalation"],.empire-metric-grid article:has(#empireEscalationsWon){display:none!important}

/* Minha Vida — painel integrado por área */
.life-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.life-area-card{appearance:none;width:100%;min-height:238px;text-align:left;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;align-items:stretch;transition:transform .2s ease,border-color .2s ease}.life-area-card .life-area-head{display:flex;justify-content:space-between;align-items:center}.life-rating{display:inline-flex;align-items:baseline;gap:2px;background:var(--color-primary-soft);color:var(--color-primary);border-radius:999px;padding:7px 10px;font:700 18px "Manrope"}.life-rating small{font-size:9px}.life-rating.empty{font-size:10px;color:var(--color-text-secondary);background:var(--color-surface-secondary)}.life-area-card h3{font-size:20px;margin:18px 0 7px}.life-area-goal{min-height:38px;margin:0;color:var(--color-text-secondary)!important;font-size:12px!important}.life-area-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.life-area-metrics>span{background:var(--color-surface-secondary);border-radius:10px;padding:10px;font-size:10px;color:var(--color-text-secondary)}.life-area-metrics strong{display:block;color:var(--color-text);font:700 18px "Manrope"}.life-area-open{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;color:var(--color-primary);font-size:11px;font-weight:700}.life-area-open b{font-size:18px}.life-area-dialog{width:min(920px,calc(100% - 28px));max-width:none;padding:0;border:1px solid var(--color-border);border-radius:20px;background:var(--color-surface);color:var(--color-text);box-shadow:0 28px 90px rgba(3,15,28,.3)}.life-area-dialog::backdrop{background:rgba(2,12,22,.72);backdrop-filter:blur(5px)}.life-detail-shell{padding:28px}.life-detail-shell>header{display:flex;justify-content:space-between;gap:20px}.life-detail-shell>header h2{font:700 30px "Manrope";margin:5px 0}.life-detail-shell>header p:last-child{font-size:12px;color:var(--color-text-secondary)}.life-detail-close{width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface-secondary);color:var(--color-text);font-size:23px}.life-detail-rating{margin:24px 0;display:grid;gap:16px;padding:20px;border-radius:14px;background:var(--color-surface-secondary)}.life-detail-rating>div:first-child{display:flex;justify-content:space-between;align-items:center}.life-detail-rating span{font-size:12px;color:var(--color-text-secondary)}.life-detail-rating strong{font:700 22px "Manrope"}.life-rating-scale{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.life-rating-scale button{min-height:38px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-weight:700}.life-rating-scale button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.life-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.life-detail-columns>section{border:1px solid var(--color-border);border-radius:14px;padding:18px}.life-detail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.life-detail-heading h3{margin:3px 0;font-size:17px}.life-detail-heading button{border:0;background:var(--color-primary-soft);color:var(--color-primary);border-radius:8px;padding:8px 10px;font-weight:700}.life-detail-list{display:grid;gap:8px}.life-detail-list article,.life-detail-empty{display:grid;gap:5px;padding:12px;background:var(--color-surface-secondary);border-radius:10px}.life-detail-list article strong,.life-detail-list article small{display:block}.life-detail-list article small,.life-detail-empty span{font-size:10px;line-height:1.5;color:var(--color-text-secondary)}.life-detail-list.habits article{grid-template-columns:28px 1fr;align-items:center}.life-detail-shell>footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:18px;border-radius:14px;background:linear-gradient(120deg,#071b2c,#0b3150);color:#fff}.life-detail-shell>footer div{display:flex;align-items:baseline;gap:8px}.life-detail-shell>footer strong{font:700 28px "Manrope"}.life-detail-shell>footer span,.life-detail-shell>footer p{font-size:10px;color:#b8cfdf}.life-detail-shell>footer p{margin:0;max-width:330px;text-align:right}
body.dark .life-area-dialog{background:#071827;border-color:#12334d}body.dark .life-detail-columns>section{border-color:#12334d}
.life-area-card,.life-area-dialog,.life-rating-scale button,.life-detail-close{color:var(--color-text-primary)}
@media(max-width:760px){.life-area-grid{grid-template-columns:1fr}.life-area-dialog{width:100%;max-height:92dvh;margin:auto 0 0;border-radius:20px 20px 0 0}.life-detail-shell{padding:20px}.life-detail-columns{grid-template-columns:1fr}.life-rating-scale{grid-template-columns:repeat(5,1fr)}.life-detail-shell>footer{align-items:flex-start;flex-direction:column}.life-detail-shell>footer p{text-align:left}.life-area-card{min-height:220px}}

/* Império V1 — uma única cena evolutiva ligada à execução real */
.empire-scene:has(.empire-visual-scene){height:auto;min-height:230px;padding:0;overflow:hidden}.empire-visual-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#03101d;color:#fff}.empire-visual-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.82);transition:filter .7s ease,transform .7s ease}.empire-visual-scene:hover>img{transform:scale(1.01)}.empire-atmosphere{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,10,20,.03) 35%,rgba(2,10,20,.88) 100%),radial-gradient(circle at 60% 57%,rgba(25,139,255,calc(var(--build-progress)*.13)),transparent 30%)}.empire-build{position:absolute;z-index:2;left:31%;right:18%;bottom:18%;height:38%;transform:perspective(700px) rotateX(2deg);filter:drop-shadow(0 12px 14px rgba(0,0,0,.5))}.empire-build i{position:absolute;display:block;transition:opacity .65s ease,transform .65s ease}.empire-build .foundation{left:5%;right:4%;bottom:0;height:18%;border:2px solid rgba(71,166,255,.9);background:linear-gradient(180deg,#56616b,#222e39);opacity:clamp(0,calc((var(--build-progress) - .34)*8),1);transform:scaleX(calc(.72 + var(--substage)*.055));transform-origin:left}.empire-build .wall{bottom:16%;height:48%;background:linear-gradient(135deg,#172d3e,#304555);border:1px solid rgba(113,169,207,.55);opacity:clamp(0,calc((var(--build-progress) - .56)*8),1);transform:scaleY(clamp(.2,calc((var(--build-progress) - .5)*3),1));transform-origin:bottom}.empire-build .wall-a{left:9%;width:47%}.empire-build .wall-b{right:7%;width:35%;filter:brightness(.78)}.empire-build .roof{left:5%;right:3%;bottom:64%;height:9%;background:linear-gradient(90deg,#0a1620,#253b4c);clip-path:polygon(3% 100%,14% 0,92% 0,100% 100%);opacity:clamp(0,calc((var(--build-progress) - .74)*9),1)}.empire-build .light{left:20%;bottom:27%;width:19%;height:24%;background:#ffc46c;box-shadow:0 0 24px rgba(255,177,74,.75);opacity:clamp(0,calc((var(--build-progress) - .82)*10),.9)}.scene-caption{position:absolute;z-index:3;left:22px;right:22px;bottom:18px;display:grid;gap:4px}.scene-caption span{color:#7ec2ff;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.scene-caption strong{font:700 clamp(15px,2vw,23px) "Manrope"}.empire-visual-scene.compact{border-radius:0;min-height:230px}.empire-visual-scene.compact .scene-caption strong{font-size:16px}.empire-monument:has(.empire-visual-scene){display:block;padding:0;min-height:0;background:#04111e;overflow:hidden}.empire-monument>.empire-visual-scene{border-radius:18px 18px 0 0}.empire-visual-data{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#16354c}.empire-visual-data>div{padding:18px 22px;background:#061625}.empire-visual-data p{margin:0 0 5px;color:#6e92aa;font-size:8px;font-weight:800;letter-spacing:.1em}.empire-visual-data strong{font:700 24px "Manrope"}.empire-next{padding:18px 22px;background:#061625}.empire-next span{display:block;margin-top:9px;color:#a9becc;font-size:10px}.empire-feedback{position:fixed;z-index:1200;right:24px;bottom:24px;display:grid;gap:3px;min-width:230px;padding:15px 17px;border:1px solid #1b527b;border-radius:13px;background:rgba(4,20,34,.96);color:#fff;box-shadow:0 20px 55px rgba(0,0,0,.35);opacity:0;transform:translateY(12px);pointer-events:none}.empire-feedback strong{color:#fff;font-size:12px}.empire-feedback span{color:#9fc5df;font-size:10px}.empire-feedback em{margin-top:5px;color:#65b7ff;font-size:10px;font-style:normal;font-weight:800}.empire-feedback.show{animation:empire-feedback 2.8s ease both}@keyframes empire-feedback{0%{opacity:0;transform:translateY(12px)}10%,82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-5px)}}
@media(max-width:600px){.empire-visual-scene{aspect-ratio:4/3;border-radius:13px}.empire-visual-scene.compact{min-height:190px}.empire-build{left:23%;right:8%;bottom:20%}.empire-feedback{left:14px;right:14px;bottom:80px}.empire-visual-data{grid-template-columns:1fr}.empire-monument>.empire-visual-scene{border-radius:14px 14px 0 0}}
@media(prefers-reduced-motion:reduce){.empire-visual-scene>img,.empire-build i{transition:none}.empire-feedback.show{animation:none;opacity:1;transform:none}}
.day-complete{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:rgba(4,10,20,.55);opacity:0;pointer-events:none;transition:opacity .3s ease;padding:24px}
.day-complete.show{opacity:1;pointer-events:auto}
.day-complete-card{background:#0d1b28;color:#fff;border-radius:22px;padding:42px 36px;text-align:center;max-width:320px;box-shadow:0 30px 90px rgba(0,0,0,.45);border:1px solid #1e3448;transform:scale(.88);transition:transform .35s cubic-bezier(.2,.85,.25,1)}
.day-complete.show .day-complete-card{transform:scale(1)}
.day-complete-icon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(150deg,#1769d1,#208af2);color:#fff;font-size:22px;margin-bottom:16px;box-shadow:0 12px 30px rgba(22,119,255,.35)}
.day-complete-card h2{margin:0 0 10px;font:700 23px "Manrope";color:#fff}
.day-complete-card p{margin:0;color:#9db4c7;font-size:13px;line-height:1.6}
@media(prefers-reduced-motion:reduce){.day-complete,.day-complete-card{transition:none}}
body.dark .day-complete-card{background:var(--color-surface,#0d1b28);border-color:var(--color-border,#1e3448)}

/* Império Visual V2 — progressão do mesmo terreno por imagens sobrepostas */
.empire-visual-scene .empire-scene-base,.empire-visual-scene .empire-scene-stage{object-position:center 54%}
.empire-visual-scene .empire-scene-stage{opacity:var(--stage-blend,1);animation:empire-stage-reveal .75s ease both}
.empire-visual-scene .empire-atmosphere{background:linear-gradient(180deg,rgba(2,10,20,.02) 38%,rgba(2,10,20,.84) 100%)}
.empire-progress>div,.progress-track>div{transition:width .65s cubic-bezier(.22,.8,.28,1)}
@keyframes empire-stage-reveal{from{opacity:0;filter:saturate(.78) brightness(.72)}to{opacity:var(--stage-blend,1);filter:saturate(.94) brightness(.88)}}
@media(prefers-reduced-motion:reduce){.empire-visual-scene .empire-scene-stage{animation:none}}

body.activity-modal-open{overflow:hidden}
body.goal-modal-open{overflow:hidden}

/* Ações secundárias dos hábitos de Hoje */
.habit{grid-template-columns:30px 42px minmax(0,1fr) auto 42px}
.habit-actions{position:relative;display:grid;place-items:center;align-self:stretch}
.habit-actions-trigger{display:grid;place-items:center;width:42px;min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--color-text-muted);font-size:15px;font-weight:800;letter-spacing:2px;line-height:1}
.habit-actions-trigger:hover,.habit-actions-trigger[aria-expanded="true"]{background:var(--color-surface-secondary);color:var(--color-text-primary)}
.habit-actions-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.habit-actions-menu{position:absolute;z-index:40;right:0;top:calc(50% + 22px);min-width:132px;padding:5px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface);box-shadow:var(--shadow-overlay)}
.habit-actions-menu[hidden]{display:none}
.habit-actions-menu button{display:block;width:100%;min-height:38px;padding:9px 11px;border:0;border-radius:7px;background:transparent;color:var(--color-text-primary);font-size:12px;text-align:left}
.habit-actions-menu button:hover,.habit-actions-menu button:focus-visible{background:var(--color-surface-secondary);outline:0}
.habit-actions-menu button.danger{color:var(--color-danger)}
.delete-habit-dialog{width:min(430px,calc(100vw - 28px))}
.delete-habit-dialog .danger-action{background:var(--color-danger);color:#fff}
.delete-habit-dialog .danger-action:disabled{cursor:wait;opacity:.62}
body.dark .habit-actions-menu{background:var(--color-surface);border-color:var(--color-border)}
@media(max-width:720px){.habit{grid-template-columns:29px 37px minmax(0,1fr) 42px}.habit-goal{display:none}.habit-actions-menu{position:fixed;right:14px;top:auto;bottom:calc(78px + env(safe-area-inset-bottom));min-width:160px}.habit-actions-menu button{min-height:46px;font-size:14px}}

/* Auth V2 — promessa e construção em primeiro contato */
.auth-screen{background:#f4f7fb;color:#0a1928}.auth-brand{z-index:3;color:#0a1928;font-size:13px;font-weight:800;letter-spacing:.22em}.auth-layout{grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);background:radial-gradient(circle at 18% 20%,rgba(22,119,255,.08),transparent 30%),#f4f7fb}.auth-message{min-width:0;padding:118px clamp(38px,6vw,104px) 48px;justify-content:space-between;gap:34px}.auth-promise{max-width:760px}.auth-promise h1{max-width:760px;margin:14px 0 19px;color:#07192b;font:800 clamp(38px,4.25vw,67px)/1.04 "Manrope";letter-spacing:-.045em}.auth-promise>p:last-child{max-width:620px;margin:0;color:#607487;font-size:clamp(13px,1.05vw,16px);line-height:1.65}.auth-construction{max-width:790px}.auth-construction-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.auth-construction-head span{color:#1677ff;font-size:9px;font-weight:800;letter-spacing:.13em}.auth-construction-head strong{color:#263c50;font-size:12px}.auth-stage-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px}.auth-stage-track>b{color:#8da0b2;font-size:15px;font-weight:500}.auth-stage-track article{min-width:0}.auth-stage-scene{position:relative;isolation:isolate;aspect-ratio:16/10;overflow:hidden;border:1px solid #d5e0e9;border-radius:11px;background:url('/assets/empire/v1/terrain-base-v1.jpg') center/cover}.auth-stage-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(2,12,22,.56))}.auth-stage-scene i{position:absolute;z-index:2;left:27%;right:14%;bottom:20%;height:34%;opacity:0;transform-origin:bottom;filter:drop-shadow(0 5px 7px rgba(0,0,0,.55))}.auth-stage-track article>span{display:block;margin-top:7px;color:#5d7184;font-size:9px;font-weight:700;text-align:center}.auth-stage-track [data-auth-stage="foundation"] i{opacity:1;height:8%;background:#7792a7;border:1px solid #66b4f4}.auth-stage-track [data-auth-stage="house"] i,.auth-stage-track [data-auth-stage="empire"] i{opacity:1;background:linear-gradient(135deg,#18364c,#0b2132);border:1px solid #72b8ed;clip-path:polygon(5% 100%,5% 25%,48% 25%,55% 4%,96% 4%,96% 100%)}.auth-stage-track [data-auth-stage="empire"] i{left:14%;right:8%;height:50%;background:linear-gradient(135deg,#1e4d6d,#071b2c);box-shadow:inset 12px 0 rgba(80,165,226,.12),0 0 20px rgba(22,119,255,.22)}.auth-construction>p{margin:12px 0 0;color:#728599;font-size:10px}.auth-card{align-self:center;width:calc(100% - clamp(28px,5vw,76px));max-width:560px;min-height:calc(100vh - 48px);margin:24px;border:1px solid #e0e7ee;border-radius:22px;padding:clamp(48px,8vh,86px) clamp(34px,5vw,74px);background:rgba(255,255,255,.96);box-shadow:0 28px 70px rgba(15,39,63,.1)}.auth-tabs{margin-bottom:38px;padding:4px;border:0;border-radius:11px;background:#f0f4f8}.auth-tabs button{flex:1;min-height:42px;margin:0;padding:10px;border-radius:8px;font-size:12px}.auth-tabs button.active{background:#fff;color:#1677ff;box-shadow:0 3px 10px rgba(11,39,66,.08)}.auth-tabs button.active:after{display:none}.auth-heading h2{color:#0b1d2e;font-size:30px;letter-spacing:-.035em}.auth-heading p{margin-bottom:30px;color:#697c8f;font-size:13px;line-height:1.5}.auth-card form{gap:17px}.auth-card form label{color:#52677a;font-size:11px}.auth-card input{min-height:47px;margin-top:8px;padding:12px 14px;border-color:#dbe4ec;background:#f8fafc;color:#0b1d2e}.auth-card input:hover{border-color:#b9c9d6}.auth-card input:focus{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.12)}.auth-submit{min-height:48px;margin-top:4px;background:#1677ff;box-shadow:0 10px 22px rgba(22,119,255,.2);transition:transform .18s ease,background .18s ease}.auth-submit:hover:not(:disabled){background:#0867e7;transform:translateY(-1px)}.auth-direction{margin:16px 0 0;color:#718497;font-size:10px;text-align:center}.auth-terms{margin-top:12px;text-align:center}.auth-error{color:#bd3d4b}
body.dark .auth-screen{background:#020914;color:#fff}body.dark .auth-layout{background:radial-gradient(circle at 18% 20%,rgba(22,119,255,.12),transparent 30%),#020914}body.dark .auth-brand{color:#f4f8fc}body.dark .auth-promise h1{color:#f4f8fc}body.dark .auth-promise>p:last-child,body.dark .auth-construction>p{color:#8ca1b3}body.dark .auth-construction-head strong{color:#c0d0dc}body.dark .auth-stage-scene{border-color:#17344b}body.dark .auth-card{background:rgba(7,22,37,.97);border-color:#15344d;box-shadow:0 28px 80px rgba(0,0,0,.35)}body.dark .auth-tabs{background:#0b2032}body.dark .auth-tabs button.active{background:#102d45;color:#5eafff}body.dark .auth-heading h2{color:#f5f8fb}body.dark .auth-heading p,body.dark .auth-card form label,body.dark .auth-direction{color:#91a6b7}body.dark .auth-card input{border-color:#17354e;background:#091c2d;color:#fff}body.dark .auth-card input:hover{border-color:#285574}
@media(max-width:900px){.auth-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}.auth-message{padding:112px 34px 42px}.auth-promise h1{font-size:38px}.auth-stage-track{gap:4px}.auth-stage-track>b{display:none}}
@media(max-width:760px){.auth-layout{display:block;min-height:100dvh;padding:0}.auth-brand{position:relative;left:auto;top:auto;padding:22px 20px 0}.auth-message{display:block;padding:26px 20px 8px}.auth-promise h1{max-width:560px;margin:9px 0 10px;font-size:clamp(29px,8vw,40px);line-height:1.08}.auth-promise>p:last-child{max-width:560px;font-size:13px;line-height:1.5}.auth-construction{display:none}.auth-card{width:calc(100% - 24px);max-width:600px;min-height:0;margin:18px auto 12px;padding:28px 22px 24px;border-radius:18px}.auth-tabs{margin-bottom:26px}.auth-heading h2{font-size:26px}.auth-heading p{margin-bottom:23px;font-size:13px}.auth-card form{gap:14px}.auth-card form label{font-size:12px}.auth-card input{min-height:46px}.auth-submit{min-height:49px}.auth-terms{font-size:9px}}
@media(max-width:360px){.auth-brand{padding-top:18px}.auth-message{padding-top:20px}.auth-promise h1{font-size:27px}.auth-promise>p:last-child{display:none}.auth-card{margin-top:12px;padding:22px 18px}.auth-heading h2{font-size:24px}}
@media(prefers-reduced-motion:no-preference){.auth-stage-track article{animation:auth-build-in .55s ease both}.auth-stage-track article:nth-of-type(2){animation-delay:.12s}.auth-stage-track article:nth-of-type(3){animation-delay:.24s}.auth-stage-track article:nth-of-type(4){animation-delay:.36s}@keyframes auth-build-in{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}}

/* Auth evolution hero */
.auth-message{padding-top:104px;padding-bottom:30px;gap:22px}.auth-promise h1{font-size:clamp(34px,3.6vw,58px);margin-bottom:13px}.auth-promise>p:last-child{font-size:clamp(12px,.92vw,15px);line-height:1.55}.auth-construction{width:100%;max-width:820px}.auth-construction-head{margin-bottom:9px}.auth-evolution-visual{position:relative;margin:0;overflow:hidden;aspect-ratio:16/8.15;border:1px solid #cbd9e5;border-radius:18px;background:#061626;box-shadow:0 22px 55px rgba(11,38,63,.17)}.auth-evolution-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(1,10,19,.82));pointer-events:none}.auth-evolution-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .18s ease,transform .6s ease}.auth-evolution-visual img.is-changing{opacity:.35;transform:scale(1.008)}.auth-evolution-visual figcaption{position:absolute;z-index:1;left:20px;right:20px;bottom:17px;display:flex;align-items:end;justify-content:space-between;gap:18px;color:#fff}.auth-evolution-visual figcaption span{color:#75b9ff;font-size:9px;font-weight:800;letter-spacing:.13em}.auth-evolution-visual figcaption strong{max-width:420px;font-size:13px;text-align:right}.auth-evolution-nav{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin:11px 5px 0}.auth-evolution-nav:before{content:"";position:absolute;top:6px;left:10%;right:10%;height:1px;background:#cad6e1}.auth-evolution-nav button{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;min-width:0;border:0;background:transparent;color:#75899c;padding:0 3px;font-size:9px;font-weight:700;cursor:pointer}.auth-evolution-nav i{width:13px;height:13px;border:3px solid #f4f7fb;border-radius:50%;background:#aebdca;box-shadow:0 0 0 1px #aebdca;transition:background .18s ease,box-shadow .18s ease}.auth-evolution-nav button[aria-selected="true"]{color:#1677ff}.auth-evolution-nav button[aria-selected="true"] i{background:#1677ff;box-shadow:0 0 0 1px #1677ff,0 0 0 4px rgba(22,119,255,.12)}.auth-evolution-nav button:focus-visible{outline:2px solid #1677ff;outline-offset:4px;border-radius:4px}.auth-construction>p{margin-top:9px;text-align:center}
body.dark .auth-evolution-visual{border-color:#173d5d;box-shadow:0 25px 65px rgba(0,0,0,.35)}body.dark .auth-evolution-nav:before{background:#21415a}body.dark .auth-evolution-nav i{border-color:#020914;background:#527087;box-shadow:0 0 0 1px #527087}
@media(max-width:1100px){.auth-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)}.auth-message{padding-left:32px;padding-right:32px}.auth-promise h1{font-size:37px}.auth-evolution-visual{border-radius:15px}}
@media(max-width:900px){.auth-layout{display:block;min-height:100dvh;padding:0}.auth-brand{position:relative;left:auto;top:auto;padding:24px 30px 0}.auth-message{display:block;padding:30px 30px 8px}.auth-promise,.auth-construction{max-width:760px;margin-inline:auto}.auth-construction{margin-top:25px}.auth-promise h1{font-size:clamp(34px,6vw,48px)}.auth-card{width:calc(100% - 60px);max-width:760px;min-height:0;margin:28px auto;padding:45px clamp(30px,9vw,84px)}}
@media(max-width:600px){.auth-brand{padding:20px 18px 0}.auth-message{padding:24px 18px 4px}.auth-promise h1{font-size:clamp(28px,8vw,37px);line-height:1.08}.auth-promise>p:last-child{font-size:12px}.auth-construction{display:block;margin-top:20px}.auth-construction-head strong{font-size:10px}.auth-evolution-visual{aspect-ratio:16/9;border-radius:13px}.auth-evolution-visual figcaption{left:13px;right:13px;bottom:11px;display:block}.auth-evolution-visual figcaption strong{display:block;margin-top:3px;font-size:10px;text-align:left}.auth-evolution-nav{margin-top:9px}.auth-evolution-nav button{font-size:8px}.auth-evolution-nav i{width:11px;height:11px}.auth-construction>p{font-size:9px;line-height:1.4}.auth-card{width:calc(100% - 24px);margin:20px auto 12px;padding:28px 22px 24px}}
@media(max-width:350px){.auth-message{padding-inline:14px}.auth-promise h1{font-size:27px}.auth-promise>p:last-child{font-size:11px}.auth-construction-head strong{display:none}.auth-evolution-nav button{font-size:7px}.auth-card{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.auth-evolution-visual img,.auth-evolution-nav i{transition:none}}
@media(max-width:900px){.auth-construction{display:block}}
.auth-message{justify-content:center;gap:30px}
.auth-confirmation{text-align:center}.auth-confirmation[hidden]{display:none}.auth-confirmation-mark{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 18px;border-radius:50%;background:#eaf3ff;color:#1677ff;font-size:25px;font-weight:800}.auth-confirmation .eyebrow{margin:0 0 8px;color:#1677ff}.auth-confirmation h2{margin:0 0 22px;color:#0b1d2e;font:700 26px/1.2 "Manrope";letter-spacing:-.035em}.auth-confirmation>p:not(.eyebrow){margin:7px 0;color:#697c8f;font-size:12px}.auth-confirmation>strong{display:block;margin:10px 0;color:#142a3d;font-size:15px}.auth-confirmation small{display:block;margin:20px auto;color:#7b8d9e;font-size:9px;line-height:1.55}.auth-resend{width:100%;min-height:47px;border:0;border-radius:10px;background:#1677ff;color:#fff;font-size:11px;font-weight:800}.auth-resend:disabled{cursor:wait;opacity:.62}.auth-resend-feedback{min-height:17px;margin:9px 0 0!important;font-size:10px!important}.auth-resend-feedback.success{color:#238361!important}.auth-resend-feedback.error{color:#bd3d4b!important}.auth-change-email{border:0;background:none;color:#718497;padding:8px;font-size:10px}.auth-change-email strong{color:#1677ff}.auth-change-email:hover strong{text-decoration:underline}body.dark .auth-confirmation h2,body.dark .auth-confirmation>strong{color:#f5f8fb}body.dark .auth-confirmation-mark{background:#0d2e49;color:#69b3ff}
.auth-forgot{justify-self:end;margin-top:-9px;border:0;background:transparent;color:#1677ff;padding:3px 0;font-size:11px;font-weight:700}.auth-forgot[hidden]{display:none}.auth-recovery[hidden],.auth-recovery [hidden]{display:none}.auth-recovery h2{margin:8px 0 12px;color:#0b1d2e;font:700 27px/1.2 "Manrope";letter-spacing:-.035em}.auth-recovery>div>p:not(.eyebrow):not(.auth-error):not(.auth-resend-feedback){color:#697c8f;font-size:12px;line-height:1.6}.auth-recovery>div>strong{display:block;margin:15px 0;color:#142a3d;font-size:14px}.auth-recovery form{margin-top:22px}.auth-secondary{display:block;margin:13px auto 0;border:0;background:transparent;color:#1677ff;padding:8px;font-size:11px;font-weight:700}.password-field{position:relative;display:block}.password-field input{padding-right:76px}.password-field button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#1677ff;padding:7px;font-size:10px;font-weight:800}.auth-recovery .auth-submit{width:100%;border:0}.auth-recovery .auth-confirmation-mark+ .eyebrow{text-align:center}.auth-recovery [data-recovery-step="sent"],.auth-recovery [data-recovery-step="success"]{text-align:center}body.dark .auth-recovery h2,body.dark .auth-recovery>div>strong{color:#f5f8fb}body.dark .auth-recovery>div>p:not(.eyebrow):not(.auth-error):not(.auth-resend-feedback){color:#91a6b7}@media(max-width:600px){.auth-recovery h2{font-size:25px}.auth-recovery form{margin-top:18px}.auth-secondary,.auth-forgot{min-height:42px;display:flex;align-items:center;justify-content:center}}
.ob-direction:has(.ob-direction-intro){grid-template-rows:auto minmax(0,1fr) auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ob-direction{background:#050d16}.ob-direction>main{width:min(720px,calc(100vw - 40px));padding:clamp(32px,7vh,78px) 0}.ob-direction h1{color:#fff!important;font:800 clamp(34px,5vw,58px)/1.08 "Manrope";letter-spacing:-.045em;margin:12px 0 18px}.ob-direction-intro,.ob-direction-question,.ob-direction-summary{width:100%}.ob-direction-intro>p:last-child,.ob-direction-summary>p,.ob-direction .ob-help{max-width:660px;color:#8da2b5;font-size:14px;line-height:1.7}.ob-step{margin:0;color:#4ea5f4;font-size:11px;font-weight:800;letter-spacing:.12em}.ob-example{margin:12px 0 0;color:#61798d;font-size:12px;font-style:italic}.ob-direction textarea{display:block;width:100%;min-height:180px;max-height:48vh;resize:none;overflow-y:auto;margin-top:28px;padding:20px;border:1px solid #1c3850;border-radius:14px;background:#081827;color:#f7f9fc;font:500 16px/1.65 "DM Sans";outline:0}.ob-direction textarea::placeholder{color:#536b7f}.ob-direction textarea:focus{border-color:#1688ff;box-shadow:0 0 0 3px rgba(22,136,255,.15)}.ob-error{min-height:20px;margin:9px 0 0;color:#ff9da6;font-size:12px}.ob-direction-summary>div{display:grid;gap:11px;margin-top:28px}.ob-direction-summary article{padding:17px 19px;border:1px solid #153149;border-radius:12px;background:#071725}.ob-direction-summary h2{margin:0;color:#5eafe9;font:800 10px "Manrope";letter-spacing:.09em;text-transform:uppercase}.ob-direction-summary article p{margin:8px 0 0;color:#dce7ef;white-space:pre-wrap;font-size:13px;line-height:1.65}.direction-compass-form{display:grid;gap:18px;max-width:820px}.compass-question{padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.direction-compass-form label{display:block;color:var(--color-text-primary);font:700 16px/1.35 "Manrope"}.compass-explanation{margin:8px 0 0;color:var(--color-text-secondary);font-size:13px;line-height:1.55}.compass-guides{display:flex;flex-wrap:wrap;gap:5px 12px;margin:8px 0 0;color:var(--color-text-muted);font-size:11px;line-height:1.55}.compass-guides strong{color:var(--color-text-secondary)}.compass-guides span:not(:last-child):after{content:" ·";margin-left:10px}.direction-compass-form textarea{width:100%;min-height:130px;margin-top:15px;resize:vertical;padding:15px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-secondary);color:var(--color-text-primary);font:500 14px/1.6 "DM Sans"}.direction-compass-form textarea:focus{outline:3px solid color-mix(in srgb,var(--color-primary) 18%,transparent);border-color:var(--color-primary)}.compass-example{margin-top:8px;color:var(--color-text-muted);font-size:11px}.compass-example summary{width:max-content;cursor:pointer;color:var(--color-primary);font-weight:700;list-style:none}.compass-example summary::-webkit-details-marker{display:none}.compass-example summary:after{content:" +"}.compass-example[open] summary:after{content:" −"}.compass-example p{margin:8px 0 0;padding:10px 12px;border-radius:var(--radius-xs);background:var(--color-surface-secondary);font-style:italic;line-height:1.55}.direction-compass-form .primary-action{justify-self:start}@media(max-width:600px){.ob-direction>main{width:calc(100vw - 32px);padding:28px 0 120px}.ob-direction h1{font-size:clamp(31px,9vw,39px);letter-spacing:-.04em}.ob-direction-intro>p:last-child,.ob-direction-summary>p,.ob-direction .ob-help{font-size:14px}.ob-direction textarea{min-height:220px;max-height:none;margin-top:22px;padding:16px;font-size:16px}
.ob-direction input[type="text"]{display:block;width:100%;margin-top:28px;padding:20px;border:1px solid #1c3850;border-radius:14px;background:#081827;color:#f7f9fc;font:500 16px "DM Sans";outline:0}
.ob-direction input[type="text"]::placeholder{color:#536b7f}
.ob-direction input[type="text"]:focus{border-color:#1688ff;box-shadow:0 0 0 3px rgba(22,136,255,.15)}
.ob-direction [data-skip-habit]{display:block;margin-top:18px;border:0;background:none;color:#6f88a0;font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:6px 0}.ob-direction>footer{grid-template-columns:auto 1fr auto}.ob-direction>footer button{max-width:66vw}.compass-question{padding:16px}.direction-compass-form textarea{min-height:160px}.compass-guides{display:grid;gap:3px}.compass-guides span:not(:last-child):after{content:"";margin:0}}

/* Correção do alvo de toque do check de hábito em telas estreitas — havia até nove
   regras de .habit{grid-template-columns} e .habit-check acumuladas de fases de
   redesign diferentes competindo na mesma faixa de largura; esta, por ficar por
   último no arquivo, vence a cascata (mesma especificidade, ordem decide). */
@media(max-width:600px){
  .habit{grid-template-columns:40px 40px minmax(0,1fr) auto}
  .habit-check{width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px}
  .habit-check:before{width:22px;height:22px;min-width:22px;min-height:22px}
  .habit-check:after{left:17px;top:15px;width:5px;height:9px}
}