:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111421;background:#f0eee9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f0eee9;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.shell{background:#f0eee9;grid-template-columns:118px minmax(0,1fr);width:100%;min-height:100vh;display:grid;overflow:hidden}.sidebar{color:#fff;background:#101321;grid-template-rows:auto 1fr auto;justify-items:center;padding:36px 18px;display:grid}.brand-mark{width:34px;height:46px;margin-bottom:38px;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";border-radius:999px;width:32px;height:13px;position:absolute;left:5px;transform:rotate(31deg)}.brand-mark:before{background:#ff775f;top:6px}.brand-mark span{background:#ffb3b4;top:18px}.brand-mark:after{background:#fff2ef;top:30px}.nav{align-content:start;gap:16px;width:100%;padding-top:18px;display:grid}.nav button,.profile,.logout{color:#f8fafc;background:0 0;border:0;border-radius:999px;place-items:center;width:56px;height:48px;margin:0 auto;display:grid}.nav svg,.icon-btn svg,.search svg,.workspace-pill svg,.done-button svg,.add-btn svg,.ring-inner svg{stroke-width:2.2px;width:22px;height:22px}.nav button:hover{background:#ffffff14}.nav .active{color:#111421;background:#b8b8b3;width:86px;position:relative}.nav .active:after{content:"";background:#fff;border-radius:999px;width:8px;height:8px;position:absolute;right:12px}.profile{background:radial-gradient(circle at 50% 26%,#ffd3c8 0 12%,#0000 13%),linear-gradient(135deg,#e7665a,#ffc76b);border:3px solid #dfe3ea;width:50px;height:50px;margin-bottom:16px;position:relative}.profile:after{content:"6";color:#fff;background:#ff3e38;border-radius:999px;place-items:center;width:19px;height:19px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-10px;right:-8px}.content{gap:42px;padding:56px 58px 48px;display:grid}.topbar{grid-template-columns:minmax(260px,1fr) minmax(270px,320px) minmax(240px,300px) auto 44px;align-items:center;gap:24px;display:grid}h1{letter-spacing:0;min-width:0;margin:0;font-size:clamp(44px,3.6vw,58px);line-height:.95}h1.compact{font-size:clamp(32px,2.7vw,44px)}.workspace-pill,.search{color:#111421;background:#ffffffb8;border:0;border-radius:999px;align-items:center;gap:12px;min-width:0;height:46px;padding:0 18px;display:flex}.workspace-pill strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.dot{color:#fff;background:#375690;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:grid}.search input{color:#111421;background:0 0;border:0;outline:0;width:100%;min-width:0}.primary{color:#fff;white-space:nowrap;background:#111421;border:0;border-radius:999px;height:48px;padding:0 28px;font-weight:800}.icon-btn{color:#111421;background:0 0;border:0;place-items:center;width:42px;height:42px;display:grid}.dashboard{grid-template-columns:minmax(0,1fr) 376px;gap:38px;display:grid}.main-grid{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);align-items:start;gap:30px;display:grid}.card{background:#ffffffad;border-radius:8px;padding:30px}.hero-card{color:#fff;background:radial-gradient(circle at 86% 18%,#ffffff38,#0000 22%),linear-gradient(135deg,#ff755d 0%,#f05d93 54%,#ed4dc0 100%);align-content:space-between;min-height:314px;display:grid;position:relative;overflow:hidden}.card-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.card-menu{color:inherit;letter-spacing:2px;background:0 0;border:0;font-weight:900}.eyebrow{font-size:18px;font-weight:700}.total{margin:14px 0 18px;font-size:clamp(42px,5vw,58px);font-weight:900;line-height:1}.wave{height:54px;margin:0 -4px 22px;position:relative}.wave span{opacity:.85;background:#fff;border-radius:999px;height:2px;position:absolute;inset:18px 0 auto}.wave span:first-child{background:#276cff;transform:rotate(14deg)}.wave span:nth-child(2){background:#ffe0ed;transform:rotate(-11deg)}.wave span:nth-child(3){opacity:.26;background:#111421;transform:rotate(4deg)}.hero-metrics{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.hero-metrics div+div{border-left:2px dotted #ffffff8c;padding-left:20px}.hero-metrics span{opacity:.86;margin-bottom:8px;font-size:14px;display:block}.hero-metrics strong{font-size:24px}.focus-card{grid-template-columns:minmax(0,.9fr) 188px;align-items:center;gap:24px;min-height:314px;display:grid}.focus-count{margin:18px 0 54px;font-size:44px;font-weight:900}.legend{gap:12px;display:grid}.legend div{color:#9a9da1;font-size:14px}.legend b{color:#111421;margin-top:2px;font-size:20px;display:block}.legend i{vertical-align:-1px;border-radius:999px;width:12px;height:12px;margin-right:8px;display:inline-block}.ring{aspect-ratio:1;background:conic-gradient(#0f1424 0 34%, #ff765f 34% 60%, #f04e9b 60% 82%, #ffc637 82% 100%);border-radius:999px;place-items:center;width:188px;max-width:100%;padding:16px;display:grid}.ring-inner{border-radius:inherit;color:#db624e;background:#f0eee9;place-items:center;width:100%;height:100%;display:grid;box-shadow:inset 0 0 0 12px #fff}.ring-inner svg{stroke-width:1.6px;width:56px;height:56px}.reminders-panel{grid-column:1/-1;margin-top:18px}.tabs{gap:28px;margin-bottom:24px;display:flex}.tabs button{color:#9a9da1;background:0 0;border:0;padding:0 2px 14px;font-size:16px;font-weight:800}.tabs .active-tab{color:#111421;box-shadow:inset 0 -3px #111421}.reminder-form{grid-template-columns:minmax(0,1.35fr) 170px minmax(0,.9fr) 58px;gap:12px;margin-bottom:18px;display:grid}.field{color:#111421;background:#ffffffd6;border:0;border-radius:8px;outline:2px solid #0000;min-width:0;height:50px;padding:0 16px}.field:focus{outline-color:#f05d9347}.add-btn{color:#fff;background:#111421;border:0;border-radius:8px;place-items:center;min-width:58px;height:50px;font-weight:900;display:grid}.secondary{color:#111421;background:#fff;border:0;border-radius:8px;place-items:center;min-width:50px;height:50px;padding:0 16px;font-weight:900;display:inline-grid}.danger{color:#be3838;background:#ffe9ec}.reminder-list,.playlist-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.reminder-row{background:#ffffffad;border-radius:8px;grid-template-columns:48px minmax(0,1fr) 130px 95px 48px;align-items:center;gap:16px;min-height:62px;padding:9px 14px 9px 16px;display:grid}.tile{color:#fff;background:linear-gradient(135deg,#ffc24d,#f25d70);border-radius:8px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.reminder-title{min-width:0}.reminder-title strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.reminder-title small,.muted{color:#9a9da1;font-size:13px}.category{font-size:13px;font-weight:800}.status-pill{color:#be3838;background:#ffe9ec;border-radius:999px;justify-self:start;width:fit-content;min-width:72px;padding:6px 10px;font-size:13px;font-weight:800}.status-pill.done{color:#16875a;background:#dff6e8}.done-button{color:#fff;background:#111421;border:0;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.done-button.muted{color:#16875a;background:#dff6e8}.empty{color:#707782;background:#ffffffad;border-radius:8px;min-height:78px;padding:28px}.side-stack{align-content:start;gap:38px;display:grid}.mini-card{grid-template-columns:102px 1fr;align-items:center;gap:22px;min-height:116px;display:grid}.mini-value{background:#ffcfcf;border-radius:30px;place-items:center;height:92px;font-size:28px;font-weight:900;display:grid}.mini-copy strong{margin-bottom:14px;font-size:18px;display:block}.bar{background:#fff;border-radius:999px;height:14px;overflow:hidden}.bar span{border-radius:inherit;background:linear-gradient(90deg,#f05d93,#ff765f);width:45%;height:100%;display:block}.stats-card{min-height:380px}.bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:16px;height:186px;margin:34px 0 16px;display:grid}.bar-day{height:var(--h);background:#cfccc5;border-radius:999px}.bar-day.hot{background:linear-gradient(#ff765f,#f04e9b)}.days{color:#777d85;text-align:center;grid-template-columns:repeat(7,1fr);gap:16px;font-size:14px;display:grid}.divider{background:#e2dfd8;height:1px;margin:22px 0}.completed-line{justify-content:space-between;align-items:center;gap:16px;display:flex}.completed-line strong{font-size:24px}.savings-view{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:start;gap:32px;display:grid}.savings-card{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:stretch;gap:28px;display:grid}.savings-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.savings-title h2{letter-spacing:0;margin:0;font-size:28px}.chain-pill{color:#8c6500;white-space:nowrap;background:#fff6d9;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.savings-balance{margin-bottom:10px;font-size:clamp(38px,4vw,56px);font-weight:900;line-height:1}.savings-meta{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}.savings-meta span{color:#8b9198;margin-bottom:5px;font-size:12px;display:block}.savings-meta strong{font-size:18px}.savings-progress{background:#fff;border-radius:999px;height:16px;margin-top:22px;overflow:hidden}.savings-progress span{border-radius:inherit;background:linear-gradient(90deg,#ffc637,#ff765f,#f04e9b);width:0;height:100%;transition:width .25s;display:block}.savings-chart{background:linear-gradient(#e5e1d9 1px,#0000 1px) 0 0/100% 52px,#ffffff85;border-radius:8px;width:100%;min-height:210px;padding:18px}.savings-chart svg{width:100%;height:164px;display:block}.savings-chart path,.savings-chart polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.savings-chart .target-line{stroke:#111421;stroke-width:2px;opacity:.18}.savings-chart .balance-line{stroke:#f04e9b;stroke-width:4px}.playlist-card{gap:18px;display:grid}.playlist-form{grid-template-columns:minmax(0,1fr) 150px auto;gap:12px;display:grid}.playlist-row{background:#ffffffad;border-radius:8px;grid-template-columns:116px minmax(0,1fr) 120px auto auto auto auto;align-items:center;gap:14px;min-height:92px;padding:12px 14px;display:grid}.playlist-cover{object-fit:cover;background:linear-gradient(135deg,#ffc637,#f04e9b);border-radius:8px;width:116px;height:76px;display:block}.playlist-cover.placeholder{color:#fff;place-items:center;font-size:24px;font-weight:900;display:grid}.playlist-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.playlist-row small{color:#8b9198}.playlist-amount{font-weight:900}.modal{z-index:20;background:#11142161;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-panel{background:#f0eee9;border-radius:12px;width:min(560px,100%);padding:26px;box-shadow:0 24px 70px #1114213d}.modal-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.modal-head h2{margin:0;font-size:28px}.modal-close{color:#111421;background:#fff;border:0;border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.savings-form{grid-template-columns:1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.recovery-view{align-content:start;gap:32px;display:grid}.recovery-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.streak-card{color:#fff;background:radial-gradient(circle at 88% 12%,#fff3,#0000 26%),linear-gradient(135deg,#15a37a 0%,#0ea5a5 52%,#2cb673 100%);grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:32px;min-height:280px;display:grid;overflow:hidden}.streak-card .card-head svg{width:24px;height:24px}.streak-count{margin:12px 0 6px;font-size:clamp(64px,8vw,104px);font-weight:900;line-height:.9}.streak-count span{opacity:.9;font-size:26px;font-weight:700}.streak-clock{opacity:.95;font-variant-numeric:tabular-nums;min-height:24px;font-size:17px;font-weight:700}.streak-sub{opacity:.82;margin-top:6px;font-size:14px}.streak-stats{grid-template-columns:repeat(3,auto);gap:28px;margin-top:26px;display:grid}.streak-stats span{opacity:.8;margin-bottom:4px;font-size:13px;display:block}.streak-stats strong{font-size:24px}.streak-actions{gap:14px;display:grid}.panic-btn{color:#fff;background:linear-gradient(135deg,#ff5b6e,#f0436f);border:0;border-radius:14px;justify-items:center;gap:6px;padding:22px 18px;animation:2.6s ease-in-out infinite panic-pulse;display:grid;box-shadow:0 16px 34px #f0436f66}.panic-btn svg{width:34px;height:34px}.panic-btn span{font-size:21px;font-weight:900}.panic-btn small{opacity:.92;font-size:12.5px;font-weight:600}.panic-btn:hover{filter:brightness(1.04)}@keyframes panic-pulse{0%,to{box-shadow:0 16px 34px #f0436f66}50%{box-shadow:0 16px 46px #f0436f9e}}.checkin-btn{color:#fff;background:#ffffff29;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px;font-weight:800;display:inline-flex}.checkin-btn:hover{background:#ffffff42}.kept-card{align-content:start;gap:12px;display:grid}.kept-figure{align-items:baseline;gap:10px;display:flex}.kept-figure strong{color:#16875a;font-variant-numeric:tabular-nums;font-size:clamp(34px,4.4vw,50px);font-weight:900;line-height:1}.kept-figure span{color:#16875a;opacity:.8;font-size:16px;font-weight:800}.kept-sub{color:#4b525c;font-size:14px;line-height:1.45}.lost-note{color:#8a4b4b;background:#be38380f;border-radius:10px;grid-template-columns:18px 1fr;align-items:start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.45;display:grid}.lost-note svg{color:#be3838;margin-top:2px}.reasons-card,.triggers-card,.timeline-card,.help-card,.milestones-card{align-content:start;gap:14px;display:grid}.reasons-card p,.triggers-card p{margin:0}.reason-form{grid-template-columns:minmax(0,1fr) 58px;gap:12px;display:grid}.reason-list,.trigger-list,.timeline-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.reason-row{background:#fff9;border-radius:10px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.reason-row svg{color:#f0a93c}.reason-row span{font-weight:600}.reason-row .secondary{min-width:42px;height:42px;padding:0}.trigger-row{grid-template-columns:110px minmax(0,1fr) 28px;align-items:center;gap:14px;display:grid}.trigger-name{text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.trigger-bar{background:#ece9e2;border-radius:999px;height:12px;overflow:hidden}.trigger-bar i{border-radius:inherit;background:linear-gradient(90deg,#ffc637,#ff765f,#f04e9b);height:100%;display:block}.trigger-row b{text-align:right;font-weight:900}.milestone-track{flex-wrap:wrap;gap:10px 20px;display:flex}.milestone{opacity:.45;justify-items:center;gap:8px;width:72px;display:grid}.milestone.reached{opacity:1}.milestone-dot{color:#8b9198;background:#ece9e2;border-radius:999px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.milestone.reached .milestone-dot{color:#fff;background:linear-gradient(135deg,#15a37a,#2cb673)}.milestone span{text-align:center;color:#707782;font-size:12px;font-weight:700}.timeline-row{background:#fff9;border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.timeline-icon{color:#5b6470;background:#eef0f4;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.timeline-row.relapse .timeline-icon{color:#be3838;background:#ffe9ec}.timeline-row.checkin .timeline-icon{color:#16875a;background:#dff6e8}.timeline-row.urge .timeline-icon{color:#0ea5a5;background:#e6f3f1}.timeline-body{min-width:0}.timeline-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.timeline-body small{color:#9a9da1;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.intensity-pill{color:#8b6500;background:#fff6d9;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.help-card p{color:#4b525c;margin:0;line-height:1.5}.help-list{color:#4b525c;gap:8px;margin:0;padding-left:20px;font-size:14px;line-height:1.45;display:grid}.help-link{color:#0ea5a5;margin-top:4px;font-weight:800;text-decoration:none}.help-link:hover{text-decoration:underline}.panic-panel{width:min(520px,100%)}.panic-step{gap:14px;display:grid}.panic-step.center{text-align:center;justify-items:center}.panic-step h3{margin:6px 0 0;font-size:24px}.panic-step p{margin:0;line-height:1.5}.breath-orb{background:radial-gradient(circle at 50% 38%,#34d3b0,#0ea5a5 60%,#15a37a);border-radius:999px;width:150px;height:150px;margin:14px auto 4px;animation:16s ease-in-out infinite breathe;box-shadow:0 0 0 14px #0ea5a51f,0 0 0 28px #0ea5a50f}@keyframes breathe{0%{transform:scale(.72)}25%{transform:scale(1.22)}50%{transform:scale(1.22)}75%{transform:scale(.72)}to{transform:scale(.72)}}.breath-phase{text-align:center;color:#0e8f8f;letter-spacing:.5px;font-size:22px;font-weight:900}.risk-banner{color:#7a4a12;background:#fff4e6;border-radius:12px;gap:8px;padding:16px;font-size:15px;display:grid}.risk-banner strong{color:#b3380f}.risk-saved{color:#1f6b4f}.risk-saved strong{color:#16875a}.why-block{background:#ffffff8c;border-radius:12px;padding:14px 16px}.why-block ul{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.why-block li{align-items:center;gap:8px;font-weight:600;display:flex}.why-block li svg{color:#f0a93c;flex:none}.eyebrow-sm{color:#707782;font-size:13px;font-weight:800}.intensity-row{align-items:center;gap:14px;display:flex}.intensity-row input{accent-color:#f0436f;flex:1}.intensity-row b{text-align:right;min-width:46px;font-weight:900}.trigger-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#4b525c;background:#fff;border:0;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}.chip.active{color:#fff;background:#111421}.panic-resolve{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hold-btn{color:#fff;background:linear-gradient(135deg,#15a37a,#2cb673);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px;font-weight:900;display:inline-flex}.slip-btn{color:#8b6b4a;background:#f1eee8;border:0;border-radius:12px;padding:16px;font-weight:800}.hold-btn:disabled,.slip-btn:disabled{opacity:.55}.win-mark{color:#fff;background:linear-gradient(135deg,#15a37a,#2cb673);border-radius:999px;place-items:center;width:84px;height:84px;margin-top:8px;display:grid}.win-mark svg{width:42px;height:42px}.win-mark.soft{background:linear-gradient(135deg,#ff8f7a,#f0709b)}.field-label{color:#707782;margin-top:4px;font-size:13px;font-weight:800}.panic-error{color:#be3838;background:#ffe9ec;border-radius:10px;padding:11px 14px;font-size:13px;font-weight:700}.after-crisis{color:#707782;font-size:13px;line-height:1.5}.after-crisis a{color:#0ea5a5;font-weight:800;text-decoration:none}.after-crisis a:hover{text-decoration:underline}.help-link.crisis{color:#c0497a}.toast{z-index:40;color:#fff;cursor:pointer;background:#111421;border-radius:12px;max-width:min(460px,92vw);padding:14px 20px;font-size:14px;font-weight:700;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #11142152}@media (width<=1120px){.topbar{grid-template-columns:1fr 1fr auto}.search{order:2;grid-column:1/3}.dashboard,.savings-view,.streak-card,.recovery-grid{grid-template-columns:1fr}}@media (width<=820px){.shell{grid-template-columns:1fr}.sidebar{grid-template-rows:auto;grid-template-columns:auto 1fr auto;min-height:76px;padding:14px 18px}.brand-mark{transform-origin:0;margin:0;transform:scale(.72)}.nav{justify-content:center;gap:6px;padding:0;display:flex;overflow-x:auto}.nav button{width:42px;height:42px}.nav .active{width:58px}.profile,.logout{display:none}.content{gap:24px;padding:28px 18px}.topbar{grid-template-columns:1fr auto;gap:14px}.workspace-pill,.search{grid-column:1/-1}.primary{padding:0 18px}.main-grid,.focus-card,.savings-card,.reminder-form,.playlist-form{grid-template-columns:1fr}.reminder-row{grid-template-columns:40px minmax(0,1fr) 42px}.category,.status-pill{display:none}.side-stack{gap:18px}.mini-card{grid-template-columns:82px 1fr}.mini-value{border-radius:8px;height:74px;font-size:22px}.playlist-row{grid-template-columns:1fr}.playlist-cover{width:100%;height:180px}.streak-card{grid-template-columns:1fr}.streak-stats{gap:18px}.panic-resolve{grid-template-columns:1fr}.trigger-row{grid-template-columns:92px minmax(0,1fr) 24px}}