@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,600&display=swap";:root{color:#24231f;font-synthesis:none;background:#f3f0e8;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:#f3f0e8;min-width:320px;margin:0}.app-shell{background:radial-gradient(circle at 85% 2%,#ef6a4721,#0000 29%),linear-gradient(90deg,#2c2a2409 1px,#0000 1px) 0 0/88px 100%;min-height:100vh}button,input{font:inherit}button{cursor:pointer}header{border-bottom:1px solid #d8d3c8;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(24px,6vw,92px);display:flex}.brand{color:#24231f;letter-spacing:.18em;align-items:center;gap:12px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.brand-mark{grid-template-columns:repeat(4,4px);align-items:end;gap:3px;height:24px;display:grid}.brand-mark span{background:#ef6a47;border-radius:2px;width:4px;display:block}.brand-mark span:first-child{height:11px}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:14px}.brand-mark span:nth-child(4){height:24px}.add-top{color:#fff;background:#24231f;border:0;border-radius:99px;align-items:center;gap:7px;padding:11px 18px;font-size:13px;font-weight:700;display:flex}.add-top:hover{background:#ef6a47}main{max-width:1320px;margin:auto;padding:0 clamp(24px,6vw,92px)}.hero{border-bottom:1px solid #d8d3c8;padding:74px 0 68px;position:relative}.eyebrow,.section-heading>div>span,.modal-head span{letter-spacing:.12em;color:#777166;font-family:DM Mono;font-size:11px}.eyebrow{color:#ef6a47;align-items:center;gap:8px;font-weight:500;display:flex}.hero h1{letter-spacing:-.065em;max-width:800px;margin:22px 0 28px;font-size:clamp(52px,7.2vw,98px);line-height:.87}.hero h1 em{color:#ef6a47;font-family:Playfair Display,serif;font-weight:600}.hero>p{color:#716d64;max-width:500px;font-size:16px;line-height:1.7}.summary{align-items:center;gap:28px;display:flex;position:absolute;bottom:74px;right:0}.summary div{flex-direction:column;display:flex}.summary strong{letter-spacing:-.04em;font-size:28px}.summary span{text-transform:uppercase;letter-spacing:.1em;color:#8c877c;font-size:10px}.summary i{background:#d3cec3;width:1px;height:42px}.counter-section{padding:50px 0 90px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.section-heading h2{letter-spacing:-.04em;margin:8px 0 0;font-size:28px}.round-add{background:0 0;border:1px solid #c9c3b7;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.round-add:hover{color:#fff;background:#24231f}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.counter-card{--accent:#ef6a47;animation:.5s both rise;animation-delay:var(--delay);background:#fbfaf6;border:1px solid #ded9ce;border-radius:18px;min-width:0;padding:22px;box-shadow:0 12px 40px #302b220d}@keyframes rise{0%{opacity:0;transform:translateY(15px)}}.card-top{justify-content:space-between;align-items:center;display:flex}.counter-index{color:var(--accent);border:1px solid color-mix(in srgb,var(--accent),white 72%);border-radius:99px;padding:4px 8px;font-family:DM Mono;font-size:11px}.card-actions{gap:2px;display:flex}.card-actions button,.modal-head button{color:#99938a;background:0 0;border:0;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.card-actions svg{width:15px}.card-actions button:hover{color:#24231f;background:#eeeae1}.counter-card h3{margin:27px 0 3px;font-size:15px;font-weight:700}.number{letter-spacing:-.08em;text-overflow:ellipsis;font-family:DM Mono;font-size:clamp(44px,5vw,68px);line-height:1.15;overflow:hidden}.goal{margin:20px 0 22px}.goal-label{color:#716d64;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.goal-label span{align-items:center;gap:5px;display:flex}.goal-label svg{width:13px;height:13px}.goal-label b{color:var(--accent);font-family:DM Mono}.goal.complete .goal-label span,.goal.complete .goal-label b{color:#2f7e70;font-weight:700}.track{background:#e9e5dc;border-radius:5px;height:5px;overflow:hidden}.track span{background:var(--accent);border-radius:5px;height:100%;transition:width .3s;display:block}.goal.complete .track span{background:#2f7e70}.no-goal{color:#aaa49a;align-items:center;gap:5px;height:24px;margin:20px 0 22px;font-size:11px;display:flex}.no-goal svg{width:13px}.controls{grid-template-columns:1fr 1.35fr;gap:10px;display:grid}.count-button{color:#3d3a34;background:#f4f1e9;border:1px solid #ded9ce;border-radius:12px;justify-content:center;align-items:center;gap:9px;height:62px;font-weight:800;transition:all .15s;display:flex}.count-button svg{width:19px}.count-button.positive{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 7px 18px color-mix(in srgb,var(--accent),transparent 75%)}.count-button:hover:not(:disabled){filter:brightness(.96);transform:translateY(-2px)}.count-button:active:not(:disabled){transform:scale(.98)}.count-button:disabled{opacity:.35;cursor:not-allowed}.bounds{color:#9b958b;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin-top:13px;font-size:9px;display:flex}.new-card{color:#756f64;background:#ffffff2e;border:1px dashed #c8c1b4;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:338px;display:flex}.new-card>span{border:1px solid #c9c3b7;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:15px;display:grid}.new-card svg{width:20px}.new-card strong{color:#413f39}.new-card small{margin-top:5px}.new-card:hover{background:#ffffff73;border-color:#ef6a47}footer{color:#8c877c;border-top:1px solid #d8d3c8;justify-content:space-between;padding:25px clamp(24px,6vw,92px);font-size:11px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:5;background:#1f1e1b94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fbfaf6;border-radius:20px;width:min(610px,100%);max-height:calc(100vh - 30px);padding:28px;animation:.2s both pop;overflow:auto;box-shadow:0 25px 80px #00000038}@keyframes pop{0%{opacity:0;transform:scale(.97)translateY(8px)}}.modal-head{justify-content:space-between;margin-bottom:24px;display:flex}.modal-head h2{letter-spacing:-.04em;margin:5px 0 0;font-size:25px}.modal-head button{background:#eeeae2}.modal label{color:#6f6a60;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.modal input{color:#24231f;background:#fff;border:1px solid #d9d4ca;border-radius:9px;outline:none;width:100%;padding:11px 12px}.modal input:focus{border-color:#ef6a47;box-shadow:0 0 0 3px #ef6a471a}.form-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;display:grid}.form-grid.triple{grid-template-columns:repeat(3,1fr);margin-top:0}.form-divider{letter-spacing:.08em;text-transform:uppercase;color:#8f897e;align-items:center;gap:12px;margin:24px 0 15px;font:10px DM Mono;display:flex}.form-divider:after{content:"";background:#ded9cf;flex:1;height:1px}.color-label{margin-top:22px}.swatches{gap:10px;display:flex}.swatches button{color:#fff;border:3px solid #fbfaf6;border-radius:50%;outline:1px solid #0000;place-items:center;width:31px;height:31px;display:grid}.swatches button.selected{outline-color:#8d877d}.swatches svg{width:14px}.modal-footer{border-top:1px solid #e1ddd4;justify-content:flex-end;gap:10px;margin-top:27px;padding-top:20px;display:flex}.modal-footer button{border:0;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:700}.cancel{background:#eeeae2}.save{color:#fff;background:#24231f;align-items:center;gap:7px;display:flex}.save svg{width:15px}.track.sliced{background:0 0;gap:3px;margin-bottom:20px;display:flex;overflow:visible}.track.sliced>span,.goal.complete .track.sliced>span{background:#e9e5dc;border-radius:5px;flex:1;width:auto;height:5px;display:block;position:relative;overflow:visible}.track.sliced em{background:var(--accent);border-radius:5px;transition:width .3s,background-color .3s;display:block;position:absolute;inset:0 auto 0 0}.track.sliced.direction-less em{inset:0 0 0 auto}.goal.complete .track.sliced em{background:#2f7e70}.track.sliced i{color:#9a9489;font:9px DM Mono;position:absolute;top:9px;right:0;transform:translate(20%)}.track.sliced.direction-less i{left:0;right:auto;transform:translate(-20%)}.progress-detail{outline:none;position:relative}.progress-detail>b{color:var(--accent);cursor:help;font-family:DM Mono}.progress-tooltip{color:#d9d4ca;opacity:0;visibility:hidden;z-index:3;background:#24231f;border-radius:9px;width:175px;padding:10px 11px;transition:all .15s;position:absolute;bottom:calc(100% + 9px);right:0;transform:translateY(4px);box-shadow:0 8px 24px #0000002e}.progress-detail:hover .progress-tooltip,.progress-detail:focus .progress-tooltip{opacity:1;visibility:visible;transform:none}.progress-tooltip:after{content:"";border:5px solid #0000;border-top-color:#24231f;position:absolute;top:100%;right:12px}.progress-tooltip span{justify-content:space-between;gap:10px;padding:3px 0;font-size:9px;display:flex}.progress-tooltip strong{color:#fff;font-family:DM Mono}.goal-builder{grid-template-columns:1fr 1.5fr;gap:15px;margin-top:18px;display:grid}.direction-toggle{background:#fff;border:1px solid #d9d4ca;border-radius:9px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.direction-toggle button{color:#777166;background:0 0;border:0;border-radius:6px;padding:8px 5px;font-size:10px}.direction-toggle button.active{color:#fff;background:#24231f}.goal-input{gap:7px;display:flex}.goal-input button{background:#eeeae2;border:0;border-radius:9px;align-items:center;gap:4px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.goal-input svg{width:14px}.goal-chips{flex-wrap:wrap;align-items:center;gap:7px;min-height:36px;margin-top:12px;display:flex}.goal-chips>span{color:#9a9489;font-size:11px}.goal-chips button{color:#4b4842;background:#f2eee6;border:1px solid #d8d3c8;border-radius:99px;align-items:center;gap:6px;padding:6px 8px;font:11px DM Mono;display:flex}.goal-chips button small{color:#777166;background:#ded9cf;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.goal-chips button svg{width:12px;height:12px}.goal.direction-less .goal-label{flex-direction:row-reverse}.goal.direction-less .progress-tooltip{left:0;right:auto}.goal.direction-less .progress-tooltip:after{left:12px;right:auto}.header-actions{align-items:center;gap:10px;display:flex}.theme-toggle{width:42px;height:42px;color:inherit;background:0 0;border:1px solid #c9c3b7;border-radius:50%;place-items:center;display:grid}.theme-toggle svg{width:17px}.theme-toggle:hover{background:#ded9cf}.custom-color{border-left:1px solid #d8d3c8;align-items:center;gap:7px;margin-left:4px;padding-left:12px;display:flex}.custom-color input{cursor:pointer;border-radius:50%;width:32px;height:32px;padding:2px}.custom-color em{color:#8c877c;font-size:10px;font-style:normal}.embed-modal{width:min(940px,100%)}.embed-layout{grid-template-columns:.8fr 1.2fr;gap:26px;display:grid}.embed-options{min-width:0}.embed-switches{border:1px solid #ded9cf;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.embed-switches label{border-bottom:1px solid #e5e1d9;flex-direction:row;justify-content:space-between;align-items:center;height:46px;padding:0 12px}.embed-switches label:last-child{border:0}.embed-switches input{opacity:0;pointer-events:none;position:absolute}.embed-switches i{background:#d8d3ca;border-radius:20px;width:34px;height:20px;transition:all .2s;position:relative}.embed-switches i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;left:3px}.embed-switches input:checked+i{background:#ef6a47}.embed-switches input:checked+i:after{transform:translate(14px)}.embed-theme{margin-top:16px}.embed-theme select{color:#24231f;background:#fff;border:1px solid #d9d4ca;border-radius:9px;padding:10px}.code-label{margin-top:18px}.code-box{background:#24231f;border-radius:11px;padding:13px 12px 48px;position:relative;overflow:hidden}.code-box code{color:#d8d3ca;overflow-wrap:anywhere;font:10px/1.6 DM Mono;display:block}.code-box button{color:#fff;background:#45423c;border:0;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;display:flex;position:absolute;bottom:8px;right:8px}.code-box svg{width:13px}.preview-wrap{background:#e8e3da;border-radius:15px;flex-direction:column;justify-content:center;min-width:0;padding:18px;display:flex}.preview-wrap>span{letter-spacing:.12em;color:#8b857b;margin-bottom:10px;font:9px DM Mono}.embed-preview{color:#24231f;background:#fbfaf6;border-radius:14px;flex-direction:column;min-height:270px;padding:20px;display:flex;box-shadow:0 10px 28px #2a27221f}.embed-preview.theme-dark{color:#f2eee6;background:#22221f}.embed-preview-head{justify-content:space-between;font-size:12px;font-weight:700;display:flex}.embed-preview-head svg{width:15px}.embed-preview>strong{letter-spacing:-.08em;margin-top:18px;font:54px DM Mono}.embed-preview>small{color:#918b81;margin-top:-4px}.embed-controls{grid-template-columns:1fr 1.4fr;gap:8px;margin-top:auto;display:grid}.embed-controls button{height:45px;color:inherit;background:0 0;border:1px solid #d9d4ca;border-radius:9px;font-weight:700}.embed-controls button:last-child{background:var(--accent);border-color:var(--accent);color:#fff}.embed-controls svg{vertical-align:middle;width:14px}.embed-bottom{justify-content:space-between;align-items:center;min-height:24px;margin-top:9px;display:flex}.embed-bottom>button{color:#918b81;background:0 0;border:0;font-size:9px}.embed-bottom svg{width:10px}.embed-bottom b{text-transform:uppercase;letter-spacing:.08em;color:#918b81;align-items:center;gap:5px;font-size:8px;display:flex}.embed-bottom .brand-mark{width:12px;transform:scale(.45)}.embed-preview.compact{min-height:170px;padding:15px}.embed-preview.compact>strong{margin:8px 0;font-size:38px}.embed-preview.compact .embed-controls button{height:36px}.advanced-toggle{height:42px;color:inherit;background:0 0;border:1px solid #c9c3b7;border-radius:99px;align-items:center;gap:7px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.advanced-toggle svg{width:15px}.advanced-toggle.active{color:#fff;background:#ef6a47;border-color:#ef6a47}.advanced-dashboard{color:#f3f0e8;background:#24231f;border-radius:16px;grid-template-columns:1fr 2fr auto;align-items:center;gap:22px;margin-top:28px;padding:22px;animation:.3s both rise;display:grid;box-shadow:0 14px 35px #24231f1f}.advanced-title>div{color:#ef6a47;letter-spacing:.1em;align-items:center;gap:7px;font:10px DM Mono;display:flex}.advanced-title svg{width:15px}.advanced-title p{color:#918d84;margin:6px 0 0;font-size:10px}.advanced-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.advanced-stats div{border-left:1px solid #44423d;flex-direction:column;padding-left:12px;display:flex}.advanced-stats span{text-transform:uppercase;letter-spacing:.08em;color:#918d84;font-size:8px}.advanced-stats strong{margin-top:4px;font:20px DM Mono}.advanced-actions{gap:7px;display:flex}.advanced-actions button{color:#fff;background:#33312d;border:1px solid #4b4842;border-radius:8px;align-items:center;gap:5px;padding:8px 10px;font-size:9px;display:flex}.advanced-actions button:disabled{opacity:.35}.advanced-actions svg{width:13px}.activity-strip{border-top:1px solid #3f3d38;grid-column:1/-1;gap:8px;padding-top:11px;display:flex;overflow:auto}.activity-strip span{white-space:nowrap;color:#aaa69d;background:#302f2b;border-radius:99px;padding:5px 9px;font:8px DM Mono}.activity-strip b{color:#eeeae1}.advanced-card-tools{background:color-mix(in srgb,var(--accent),transparent 94%);border-top:1px solid color-mix(in srgb,var(--accent),transparent 78%);border-radius:0 0 18px 18px;justify-content:space-between;align-items:end;gap:10px;margin:18px -22px -22px;padding:13px 22px;display:flex}.advanced-card-tools>div{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.advanced-card-tools span,.advanced-card-tools label{text-transform:uppercase;letter-spacing:.07em;color:#8d877d;font-size:8px}.advanced-card-tools button{border:1px solid color-mix(in srgb,var(--accent),transparent 60%);color:inherit;background:0 0;border-radius:6px;padding:4px 7px;font:9px DM Mono}.advanced-card-tools button:hover{background:var(--accent);color:#fff}.advanced-card-tools label{flex-direction:column;gap:4px;display:flex}.advanced-card-tools input{color:#24231f;background:#fff;border:1px solid #d8d3c8;border-radius:6px;width:76px;padding:5px 7px;font:10px DM Mono}.embed-page{background:0 0;place-items:stretch stretch;width:100%;max-width:none;min-height:100vh;margin:0;padding:0;display:grid}.real-embed{box-shadow:none;border-radius:0;min-height:100vh}.real-embed .embed-preview-head button{color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.real-embed .embed-controls button:disabled{opacity:.35;cursor:not-allowed}.embed-details{color:#918b81;background:#7f7f7f1a;border-radius:7px;flex-wrap:wrap;gap:12px;margin:10px 0;padding:8px 10px;font-size:9px;display:flex}.embed-details b{color:inherit}.embed-error{text-align:center;color:#24231f;background:#f3f0e8;place-content:center;min-height:100vh;display:grid}.embed-error svg{color:#ef6a47;margin:auto}.embed-error h1{margin:12px 0 3px;font-size:24px}.embed-error p{color:#777166;font-size:12px}.not-found{background:radial-gradient(circle at 75% 40%,#ef6a4721,#0000 30%),#f3f0e8;flex-direction:column;justify-content:center;max-width:none;min-height:100vh;padding:clamp(50px,10vw,130px);display:flex;position:relative;overflow:hidden}.not-found-code{letter-spacing:-.12em;color:#24231f0b;-webkit-user-select:none;user-select:none;font:clamp(180px,34vw,520px)/1 DM Mono;position:absolute;top:50%;right:-2vw;transform:translateY(-55%)}.not-found h1{letter-spacing:-.065em;margin:20px 0 25px;font-size:clamp(52px,8vw,100px);line-height:.9;position:relative}.not-found h1 em{color:#ef6a47;font-family:Playfair Display}.not-found p{color:#777166;position:relative}.not-found>a{color:#fff;background:#24231f;border-radius:99px;align-self:flex-start;margin-top:20px;padding:12px 18px;font-size:12px;font-weight:700;text-decoration:none;position:relative}.not-found>a:hover{background:#ef6a47}[data-theme=dark] .not-found{color:#f0ece3;background:radial-gradient(circle at 75% 40%,#ef6a471f,#0000 30%),#1c1c19}[data-theme=dark] .not-found-code{color:#ffffff09}[data-theme=dark] .not-found>a{color:#24231f;background:#f0ece3}[data-theme=dark] body{background:#181816}[data-theme=dark] .app-shell{color:#f0ece3;background-color:#1c1c19;background-image:radial-gradient(circle at 85% 2%,#ef6a471f,#0000 29%),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,88px 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}[data-theme=dark] header,[data-theme=dark] .hero,[data-theme=dark] footer{border-color:#383833}[data-theme=dark] .brand{color:#f0ece3}[data-theme=dark] .theme-toggle,[data-theme=dark] .round-add{border-color:#4a4942}[data-theme=dark] .theme-toggle:hover{background:#34342f}[data-theme=dark] .hero>p,[data-theme=dark] .summary span,[data-theme=dark] footer{color:#99958b}[data-theme=dark] .summary i{background:#44433d}[data-theme=dark] .counter-card{background:#252521;border-color:#3d3d37;box-shadow:0 12px 40px #00000029}[data-theme=dark] .card-actions button:hover,[data-theme=dark] .modal-head button,[data-theme=dark] .cancel,[data-theme=dark] .goal-input button{color:#eeeae1;background:#34342f}[data-theme=dark] .count-button.negative{color:#eeeae1;background:#30302b;border-color:#44443d}[data-theme=dark] .new-card{color:#969188;border-color:#484740}[data-theme=dark] .new-card strong{color:#e9e5dc}[data-theme=dark] .modal{color:#eeeae1;background:#252521}[data-theme=dark] .modal input,[data-theme=dark] .embed-theme select{color:#eeeae1;background:#1d1d1a;border-color:#484740}[data-theme=dark] .form-divider:after,[data-theme=dark] .modal-footer{background:#3e3e38;border-color:#3e3e38}[data-theme=dark] .direction-toggle{background:#1d1d1a;border-color:#484740}[data-theme=dark] .direction-toggle button.active{color:#24231f;background:#eeeae1}[data-theme=dark] .goal-chips button{color:#eeeae1;background:#34342f;border-color:#4a4943}[data-theme=dark] .embed-switches{border-color:#484740}[data-theme=dark] .embed-switches label{border-color:#41413b}[data-theme=dark] .preview-wrap{background:#181816}[data-theme=dark] .embed-preview.theme-auto{color:#f2eee6;background:#22221f}[data-theme=dark] .track,[data-theme=dark] .track.sliced>span,[data-theme=dark] .goal.complete .track.sliced>span{background:#45453f}[data-theme=dark] .round-add{color:#f0ece3;background:0 0;border-color:#4a4942}[data-theme=dark] .round-add:hover{color:#fff;background:#34342f;border-color:#5b5a52}[data-theme=dark] .advanced-toggle{border-color:#4a4942}[data-theme=dark] .advanced-dashboard{background:#10100f;border:1px solid #34342f}[data-theme=dark] .advanced-card-tools{background:#ffffff06}[data-theme=dark] .advanced-card-tools input{color:#eeeae1;background:#1c1c19;border-color:#494841}@media (width<=900px){.grid,.grid.columns-3{grid-template-columns:repeat(2,1fr)}.summary{margin-top:35px;position:static}.hero{padding:55px 0}.hero h1{font-size:65px}.embed-layout,.advanced-dashboard{grid-template-columns:1fr}.advanced-stats{grid-row:2}.advanced-actions{grid-area:1/2}.activity-strip{grid-column:1/-1}}footer>div{align-items:center;gap:18px;display:flex}footer a{color:inherit;border-bottom:1px solid;padding-bottom:2px;text-decoration:none}footer a:hover{color:#ef6a47}.header-tool{height:42px;color:inherit;background:0 0;border:1px solid #c9c3b7;border-radius:99px;align-items:center;gap:6px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.header-tool svg{width:14px}.header-tool:hover{background:#ded9cf}.jump-select{margin-top:15px}.jump-select select{color:#24231f;background:#fff;border:1px solid #d9d4ca;border-radius:9px;outline:none;width:100%;padding:11px 12px}.utility-modal{width:min(540px,100%)}.utility-intro{color:#777166;margin:-8px 0 22px;font-size:12px;line-height:1.7}.backup-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.backup-actions>button,.backup-actions>label{color:#24231f;text-align:left;cursor:pointer;background:#f5f2ea;border:1px solid #d9d4ca;border-radius:12px;align-items:flex-start;gap:11px;min-height:105px;padding:16px;display:flex}.backup-actions>button:hover,.backup-actions>label:hover{border-color:#ef6a47}.backup-actions svg{color:#ef6a47;width:19px}.backup-actions span{flex-direction:column;gap:5px;display:flex}.backup-actions small{color:#888278;font-size:9px;line-height:1.45}.backup-actions input{opacity:0;width:1px;height:1px;position:absolute}.utility-status{color:#2f7e70;background:#2f7e701a;border-radius:8px;margin-top:14px;padding:9px 11px;font-size:10px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stats-grid>div{border:1px solid #ded9cf;border-radius:11px;flex-direction:column;min-height:100px;padding:14px;display:flex}.stats-grid span{text-transform:uppercase;letter-spacing:.08em;color:#8c877c;font-size:9px}.stats-grid strong{margin-top:auto;font:30px DM Mono}.stats-grid .text-stat{white-space:nowrap;text-overflow:ellipsis;font:15px Manrope;overflow:hidden}.stats-grid small{color:#99938a;font-size:8px}.stats-breakdown{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.stats-breakdown span{color:#777166;background:#f1eee6;border-radius:8px;align-items:center;gap:5px;padding:9px;font-size:9px;display:flex}.stats-breakdown svg{width:12px}.stats-breakdown b{color:#24231f;margin-left:auto;font-family:DM Mono}.settings-modal{width:min(650px,100%)}.settings-tabs{background:#eeeae2;border-radius:10px;gap:5px;margin:-5px 0 23px;padding:4px;display:flex}.settings-tabs button{color:#777166;background:0 0;border:0;border-radius:7px;flex:1;padding:9px;font-size:10px;font-weight:700}.settings-tabs button.active{color:#24231f;background:#fbfaf6;box-shadow:0 2px 8px #24231f14}.settings-section{animation:.18s both settings-in}@keyframes settings-in{0%{opacity:0;transform:translateY(3px)}}.settings-section .utility-intro{margin-top:0}.customize-settings{border:1px solid #ded9cf;border-radius:12px;overflow:hidden}.setting-row{border-bottom:1px solid #e4e0d7;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:12px 14px;display:flex}.setting-row:last-child{border-bottom:0}.setting-row>div:first-child{flex-direction:column;gap:3px;display:flex}.setting-row small{color:#8c877c;font-size:8px;line-height:1.4}.setting-choice{background:#eeeae2;border-radius:8px;flex-shrink:0;padding:3px;flex-direction:row!important;gap:3px!important;display:flex!important}.setting-choice button{color:#777166;background:0 0;border:0;border-radius:6px;padding:7px 9px;font-size:9px}.setting-choice button.active{color:#fff;background:#24231f}.setting-switch{background:#d0cbc1;border:0;border-radius:20px;flex-shrink:0;width:36px;height:21px;padding:3px}.setting-switch i{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;display:block}.setting-switch.active{background:#ef6a47}.setting-switch.active i{transform:translate(15px)}.default-color{cursor:pointer;border-radius:8px!important;width:38px!important;height:34px!important;padding:2px!important}.grid.columns-2{grid-template-columns:repeat(2,1fr)}.grid.columns-3{grid-template-columns:repeat(3,1fr)}.density-compact .counter-card h3{margin-top:17px}.density-compact .number{font-size:48px}.density-compact .controls button{height:50px}.numbers-large .number{font-size:clamp(58px,6vw,82px)}.no-animations *,.no-animations :before,.no-animations :after{transition-duration:.001ms!important;animation-duration:.001ms!important}[data-theme=dark] .settings-tabs{background:#1b1b19}[data-theme=dark] .settings-tabs button.active{color:#eeeae1;background:#353530}[data-theme=dark] .customize-settings{border-color:#484740}[data-theme=dark] .setting-row{border-color:#41413b}[data-theme=dark] .setting-choice{background:#1b1b19}[data-theme=dark] .setting-choice button.active{color:#24231f;background:#eeeae1}.density-compact .counter-card{padding:14px 16px}.density-compact .card-top{min-height:28px}.density-compact .counter-card h3{margin:12px 0 0}.density-compact .number{font-size:clamp(44px,5vw,68px);line-height:1}.density-compact .goal{margin:11px 0 15px}.density-compact .no-goal{height:20px;margin:9px 0 13px}.density-compact .controls{gap:7px}.density-compact .controls .count-button{border-radius:9px;height:44px}.density-compact .bounds{margin-top:8px}.density-compact .new-card{min-height:260px}.density-compact .card-actions button{width:28px;height:28px}.density-compact .track.sliced{margin-bottom:18px}.setting-row{min-height:78px;padding:14px 16px}.setting-row b{font-size:13px}.setting-row small{font-size:10px;line-height:1.5}.setting-choice button{padding:8px 10px;font-size:10px}.settings-tabs button{font-size:11px}[data-theme=dark] .header-tool{border-color:#4a4942}[data-theme=dark] .header-tool:hover{background:#34342f}[data-theme=dark] .jump-select select{color:#eeeae1;background:#1d1d1a;border-color:#484740}[data-theme=dark] .backup-actions>button,[data-theme=dark] .backup-actions>label{color:#eeeae1;background:#30302b;border-color:#484740}[data-theme=dark] .stats-grid>div{border-color:#484740}[data-theme=dark] .stats-breakdown span{background:#30302b}[data-theme=dark] .stats-breakdown b{color:#eeeae1}[data-theme=dark] .utility-status{color:#6fc2b1}.modal-head>button{flex:0 0 31px;justify-content:center;align-items:center;padding:0;line-height:0}.modal-head>button svg{width:17px;height:17px;display:block}.modal-footer,[data-theme=dark] .modal-footer{background:0 0;border-top-color:#e1ddd4}.backup-actions>button,.backup-actions>label{flex-direction:row;justify-content:flex-start;font-family:Manrope,sans-serif;font-weight:400;line-height:normal}.backup-actions>button>span,.backup-actions>label>span{text-align:left;align-items:flex-start}.stats-grid>button{min-height:100px;color:inherit;text-align:left;background:0 0;border:1px solid #ded9cf;border-radius:11px;flex-direction:column;padding:14px;transition:all .15s;display:flex}.stats-grid>button:hover{background:#ef6a470a;border-color:#ef6a47}.stats-grid>button:active{transform:scale(.98)}.stats-breakdown>button{color:#777166;text-align:left;background:#f1eee6;border:0;border-radius:8px;align-items:center;gap:5px;padding:9px;font-size:9px;display:flex}.stats-breakdown>button:hover{box-shadow:inset 0 0 0 1px #ef6a47}.stats-breakdown>button b{color:#24231f;margin-left:auto;font-family:DM Mono}[data-theme=dark] .stats-grid>button{border-color:#484740}[data-theme=dark] .stats-grid>button:hover{background:#ef6a470f}[data-theme=dark] .stats-breakdown>button{color:#99958b;background:#30302b}[data-theme=dark] .stats-breakdown>button b{color:#eeeae1}[data-theme=dark] .modal-footer{border-top-color:#3e3e38}.backup-actions>button,.backup-actions>label{gap:9px;min-height:76px;padding:12px}.backup-actions svg{width:16px;height:16px}.backup-actions b{font-size:12px}.backup-actions small{font-size:9px}.advanced-actions{flex-wrap:wrap;position:relative}.import-button{color:#fff;cursor:pointer;white-space:nowrap;background:#33312d;border:1px solid #4b4842;border-radius:8px;align-items:center;gap:5px;padding:8px 10px;font-size:9px;display:flex}.import-button svg{width:13px}.import-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.import-status{color:#efb05d;white-space:nowrap;font:8px DM Mono;position:absolute;top:calc(100% + 7px);right:0}@media (width<=620px){header{height:70px}.add-top{justify-content:center;width:42px;height:42px;padding:0;font-size:0}.header-tool{justify-content:center;width:38px;padding:0}.header-tool span{display:none}.hero{padding:45px 0}.hero h1{font-size:50px}.summary{gap:20px}.grid,.grid.columns-2,.grid.columns-3{grid-template-columns:1fr}.counter-card{padding:20px}.new-card{min-height:180px}.form-grid,.form-grid.triple{grid-template-columns:1fr 1fr}.goal-builder{grid-template-columns:1fr}.form-grid.triple label:last-child{grid-column:span 2}.modal{padding:22px}footer{flex-direction:column;gap:7px}footer>div{flex-wrap:wrap;gap:10px 18px}.section-heading{align-items:center}.custom-color em{display:none}.embed-preview>strong{font-size:42px}.backup-actions,.stats-breakdown{grid-template-columns:1fr}.stats-grid>div{min-height:88px}.setting-row.choice-row{flex-direction:column;align-items:flex-start;gap:9px}.setting-choice{width:100%}.setting-choice button{flex:1}}