:root{--bg:#0e0e0d;--panel:#151514;--panel-2:#1b1b19;--panel-3:#222220;--line:#ffffff0f;--line-2:#ffffff1f;--text:#edebe6;--text-2:#b3b0a9;--muted:#7d7a74;--dim:#4f4d49;--accent:#ff7a1f;--accent-2:#ff9447;--accent-ink:#1f0c00;--accent-soft:#ff7a1f21;--accent-line:#ff7a1f73;--glow:0 0 14px #ff7a1f73;--glow-sm:0 0 8px #ff7a1f80;--red:#e5484d;--green:#46a758;--star:#f2b13b;--r:14px;--r-sm:9px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}ul,ol{list-style:none}.grow{flex:1}.muted{color:var(--muted)}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:600}.dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.dot-accent{background:var(--accent)}.app{max-width:1320px;margin:0 auto;padding:0 24px 64px}.topbar{z-index:20;background:var(--bg);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:16px 0;display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:linear-gradient(var(--accent), var(--accent)) 0 100% / 4px 45% no-repeat, linear-gradient(var(--accent), var(--accent)) 6px 100% / 4px 72% no-repeat, linear-gradient(var(--accent), var(--accent)) 12px 100% / 4px 100% no-repeat;opacity:.95;flex:none;width:16px;height:16px}.brand-name{letter-spacing:.02em;font-size:15px;font-weight:700}.brand-sep{color:var(--dim)}.screen-title{color:var(--text);white-space:nowrap;font-size:18px;font-weight:700}.nav{background:var(--panel);border:1px solid var(--line);border-radius:999px;gap:2px;padding:4px;display:flex}.nav-item{color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:500;transition:color .15s,background-color .15s;display:flex}.nav-item:hover{color:var(--text)}.nav-item.is-on{color:var(--accent);background:var(--panel-3)}.settings-btn{justify-self:end}.main{padding-top:12px}.btn{border:1px solid var(--line-2);background:var(--panel-2);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--panel-3)}.btn:disabled{opacity:.4}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-2)}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.btn-danger{color:#ff8b8e;background:#e5484d24;border-color:#e5484d66}.btn-sm{height:32px;padding:0 12px;font-size:12px}.icon-btn{width:34px;height:34px;color:var(--muted);border-radius:9px;place-items:center;transition:color .15s,background-color .15s;display:inline-grid}.icon-btn:hover:not(:disabled){color:var(--text);background:var(--panel-2)}.icon-btn:disabled{opacity:.3}.icon-btn.is-on{color:var(--accent)}.icon-btn-sm{border-radius:6px;width:24px;height:24px}.link-btn{color:var(--accent);font-size:13px;font-weight:600}.link-btn:hover{text-underline-offset:3px;text-decoration:underline}.link-btn-sm{font-size:12px}.nav-arrows{align-items:center;gap:4px;display:flex}.chip{border:1px solid var(--line-2);color:var(--text-2);border-radius:8px;padding:6px 11px;font-size:12.5px;transition:border-color .15s,color .15s}.chip:hover{border-color:var(--accent-line);color:var(--text)}.check{border:1.5px solid var(--line-2);background:var(--panel-2);width:46px;height:46px;color:var(--accent-ink);border-radius:12px;flex:none;place-items:center;transition:background-color .18s,border-color .18s,transform .12s;display:grid}.check:hover{border-color:var(--accent-line)}.check:active{transform:scale(.94)}.check.is-on{background:var(--accent);border-color:var(--accent);box-shadow:var(--glow)}.check-sm{border-width:1.5px;border-radius:5px;width:18px;height:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-empty{padding:8px 0 4px}.empty-panel{flex-direction:column;align-items:flex-start;gap:10px;padding:28px;display:flex}.empty-title{font-size:17px;font-weight:600}.empty-text{color:var(--muted);max-width:52ch}.progress{background:var(--panel-3);border-radius:3px;height:6px;overflow:hidden}.progress-thin{height:4px}.progress-fill{background:var(--accent);height:100%;box-shadow:var(--glow-sm);border-radius:inherit;transform-origin:0;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.ring{flex:none;position:relative}.ring svg{display:block}.ring-track{fill:none;stroke:var(--panel-3)}.ring-fill{fill:none;stroke:var(--accent);filter:drop-shadow(0 0 6px #ff7a1f8c);stroke-linecap:round;transition:stroke-dashoffset .55s cubic-bezier(.2,.7,.2,1),opacity .2s}.ring-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-big{letter-spacing:-.02em;font-size:44px;font-weight:700;line-height:1}.ring-mid{font-size:26px;font-weight:700}.ring-small{font-size:15px;font-weight:700}.ring-frac{font-size:18px}.ring-cap{letter-spacing:0;color:var(--muted);margin-top:6px;font-size:10.5px;font-weight:600}.chart{touch-action:pan-y;width:100%;position:relative}.chart svg{display:block;overflow:visible}.chart-grid{stroke:var(--line);stroke-dasharray:2 4}.chart-cursor,.chart-today{stroke:var(--line-2);stroke-dasharray:3 3}.chart-label{fill:var(--dim);font-size:10.5px;font-weight:500}.chart-label.is-today{fill:var(--accent)}.chart-tip{background:var(--panel-3);border:1px solid var(--line-2);white-space:nowrap;pointer-events:none;z-index:3;border-radius:8px;flex-direction:column;gap:2px;padding:7px 10px;font-size:12px;display:flex;position:absolute;top:-6px;transform:translate(-50%,-100%)}.chart-tip-date{color:var(--muted);font-size:10.5px}.chart-tip-row{align-items:center;gap:6px;display:flex}.chart-tip-row i{border-radius:50%;width:6px;height:6px}.chart-tip-row b{color:var(--text);margin-left:auto;padding-left:8px}.chart-tip.is-pinned{pointer-events:none;align-items:center;gap:3px;padding:8px 12px}.chart-tip.is-pinned .chart-tip-date{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.chart-tip.is-pinned .chart-tip-row b{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:0;padding-left:0;font-size:15px}.chart-empty,.chart-note{color:var(--muted);margin-top:8px;font-size:12.5px}.modal-backdrop{z-index:50;background:#050504b8;place-items:center;padding:16px;animation:.16s ease-out fade;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line-2);border-radius:16px;flex-direction:column;width:min(480px,100%);max-height:calc(100vh - 32px);animation:.2s cubic-bezier(.2,.7,.2,1) rise;display:flex}.modal-wide{width:min(640px,100%)}.modal-head{justify-content:space-between;align-items:center;padding:18px 20px 8px;display:flex}.modal-head h2{font-size:16px;font-weight:600}.modal-body{padding:8px 20px 20px;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);align-items:center;gap:8px;padding:14px 20px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-label{color:var(--text-2);font-size:12px;font-weight:600}.field-hint{color:var(--accent);margin-left:6px;font-style:normal;font-weight:500}.field input:not([type=range]),.field select,.inline-add input{border:1px solid var(--line-2);background:var(--panel-2);border-radius:10px;outline:none;width:100%;height:42px;padding:0 12px}.field input:focus,.field select:focus,.inline-add input:focus{border-color:var(--accent-line)}.field input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=range]{accent-color:var(--accent);width:100%}.suggest{flex-wrap:wrap;gap:6px;margin-top:-6px;display:flex}.seg{background:var(--panel-2);border:1px solid var(--line);border-radius:11px;gap:3px;padding:3px;display:flex}.seg button{height:34px;color:var(--muted);border-radius:8px;flex:1;padding:0 12px;font-size:12.5px;font-weight:600;transition:color .15s,background-color .15s}.seg button:hover{color:var(--text)}.seg button.is-on{background:var(--accent);color:var(--accent-ink)}.seg button small{opacity:.6;margin-left:6px;font-size:11px}.stepper{border:1px solid var(--line-2);border-radius:10px;align-self:flex-start;align-items:center;display:inline-flex;overflow:hidden}.stepper button{width:40px;height:40px;color:var(--text-2);font-size:18px}.stepper button:hover{background:var(--panel-3)}.stepper output{text-align:center;min-width:44px;font-size:16px;font-weight:700}.swatches{gap:8px;display:flex}.swatch{outline-offset:2px;border-radius:50%;outline:2px solid #0000;width:26px;height:26px;transition:outline-color .15s}.swatch.is-on{outline-color:var(--text)}.steps{flex-direction:column;gap:4px;display:flex}.steps li{background:var(--panel-2);border-radius:8px;align-items:center;gap:10px;padding:6px 4px 6px 8px;display:flex}.steps li span{flex:1}.steps li.is-done span{color:var(--muted);text-decoration:line-through}.check-sm.is-on:after{content:"";border:solid var(--accent-ink);border-width:0 0 2px 2px;width:8px;height:4px;transform:translateY(-1px)rotate(-45deg)}.check-sm:has(svg).is-on:after{display:none}.inline-add{gap:6px;display:flex}.toggle{color:var(--text-2);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.toggle input{accent-color:var(--accent);width:16px;height:16px}.settings{flex-direction:column;gap:22px;display:flex}.settings h3{margin-bottom:6px;font-size:13px;font-weight:600}.settings p{margin-bottom:12px;font-size:13px}.row-gap{flex-wrap:wrap;gap:8px;display:flex}.note{color:var(--accent);margin-top:10px}.today{max-width:980px;margin:0 auto}.today-head,.today-empty{text-align:center;flex-direction:column;align-items:center;padding:28px 0 36px;display:flex}.today-empty{gap:14px}.today-empty .empty-text{margin-bottom:6px}.today-date{letter-spacing:0;margin-top:22px;font-size:13px;font-weight:700}.today-sub{color:var(--muted);margin-top:4px}.token-chip{border:1px solid var(--line-2);color:var(--text-2);letter-spacing:0;border-radius:999px;align-items:center;gap:6px;margin-top:14px;padding:5px 11px;font-size:11px;font-weight:600;display:inline-flex}.today-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.today-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);align-items:center;gap:14px;padding:10px 14px 10px 10px;transition:border-color .2s;display:flex}.today-add{border:1px dashed var(--line-2);border-radius:var(--r);width:100%;height:100%;min-height:68px;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.today-add:hover{color:var(--accent);border-color:var(--accent-line)}.today-item.is-done{border-color:var(--accent-soft)}.today-name{text-align:left;flex-wrap:wrap;flex:1;align-items:center;gap:4px 9px;min-width:0;font-size:14px;font-weight:600;display:flex}.today-name span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.today-name em{letter-spacing:0;text-transform:none;color:var(--muted);flex-basis:100%;padding-left:16px;font-size:11.5px;font-style:normal;font-weight:500}.today-item.is-done .today-name span{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--dim);text-decoration-color:var(--dim)}.today-item .frozen-label{color:#7fb8e0}.freeze-btn{width:32px;height:32px;color:var(--dim);border-radius:8px;place-items:center;transition:color .15s,background-color .15s;display:grid}.freeze-btn:hover:not(:disabled){color:#7fb8e0;background:var(--panel-2)}.freeze-btn.is-on{color:#7fb8e0;background:#3e9bd61f}.freeze-btn:disabled{opacity:.35}.streak{min-width:34px;color:var(--accent);justify-content:flex-end;align-items:center;gap:3px;font-size:13px;font-weight:700;display:inline-flex}.streak small{color:var(--muted);margin-left:2px;font-size:10px;font-weight:500}.streak.is-zero{color:var(--dim)}.today-foot{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:12.5px;display:flex}.today-foot .link-btn{margin-left:auto}.habits{flex-direction:column;gap:14px;display:flex}.month-bar{justify-content:space-between;align-items:center;padding:16px 20px 20px;display:flex;position:relative;overflow:hidden}.month-bar-title{margin-top:4px;font-weight:600}.month-bar-progress{background:var(--accent);transform-origin:0;height:2px;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:10px;left:20px;right:20px}.habits-tools{gap:12px;display:flex}.seg-wide{flex:1}.grid-panel{padding:0;overflow:hidden}.grid-scroll{overflow-x:auto}.hgrid{--name:176px;--stats:148px;grid-template-columns:var(--name) repeat(var(--cols), minmax(28px, 1fr)) var(--stats);min-width:calc(var(--name) + var(--stats) + var(--cols) * 30px);display:grid}.hgrid-weekly,.hgrid-monthly{grid-template-columns:var(--name) repeat(var(--cols), minmax(56px, 1fr)) var(--stats);min-width:calc(var(--name) + var(--stats) + var(--cols) * 58px)}.hgrid-row{display:contents}.hgrid-trend-label{letter-spacing:0;color:var(--muted);background:var(--panel-2);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:0 16px;font-size:10.5px;font-weight:600;display:flex}.hgrid-trend{grid-column:2 / span var(--cols);background:var(--panel-2);border-bottom:1px solid var(--line);padding:10px 0 6px}.hgrid-avg{background:var(--panel-2);border-bottom:1px solid var(--line);border-left:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.hgrid-avg b{border:1px solid var(--accent-line);color:var(--accent);border-radius:8px;padding:3px 10px;font-size:15px}.hgrid-head{color:var(--dim);letter-spacing:0;flex-direction:column;justify-content:center;align-items:center;padding:12px 0 8px;font-size:10.5px;font-weight:600;display:flex}.hgrid-head small{letter-spacing:0;margin-top:2px;font-size:9px;font-weight:500}.hgrid-head.is-today{color:var(--accent)}.hgrid-head.hgrid-name,.hgrid-head.hgrid-stats{letter-spacing:0;align-items:flex-start;padding-left:16px}.hgrid-head.hgrid-stats{align-items:flex-end;padding-right:16px}.hgrid-name,.hgrid-stats{z-index:2;background:var(--panel);position:sticky}.hgrid-name{left:0}.hgrid-stats{right:0}.hgrid-habit{text-align:left;letter-spacing:0;min-height:44px;color:var(--text-2);border-top:1px solid var(--line);align-items:center;gap:9px;padding:0 10px 0 16px;font-size:12.5px;font-weight:600;display:flex}.hgrid-habit span{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;line-height:1.25;display:-webkit-box;overflow:hidden}.hgrid-habit small{color:var(--muted);font-weight:500}.hgrid-habit:hover{color:var(--text)}.cell{border-top:1px solid var(--line);place-items:center;min-height:44px;display:grid}.dotcheck{border:1.5px solid var(--line-2);width:24px;height:24px;color:var(--accent-ink);border-radius:50%;place-items:center;transition:background-color .15s,border-color .15s,transform .12s;display:grid;position:relative}.dotcheck:hover:not(:disabled){border-color:var(--accent)}.dotcheck:active:not(:disabled){transform:scale(.88)}.dotcheck:disabled{border-color:var(--line);opacity:.6}.dotcheck.is-on{background:var(--accent);border-color:var(--accent);box-shadow:var(--glow-sm)}.dotcheck.is-frozen{color:#7fb8e0;border-color:#7fb8e080}.dotcheck-period{width:30px;height:30px}.dotcheck-period svg{width:calc(100% + 3px);height:calc(100% + 3px);position:absolute;inset:-1.5px}.period-count{color:var(--accent);font-size:11px;font-weight:700}.hgrid-stat-cells{border-top:1px solid var(--line);border-left:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;padding-right:16px;font-size:12px;font-weight:600;display:flex}.stat-pct{text-align:right;min-width:36px}.stat-ico{align-items:center;gap:3px;min-width:28px;display:inline-flex}.stat-flame{color:var(--accent)}.stat-star{color:var(--star)}.grid-hint{border-top:1px solid var(--line);color:var(--muted);padding:12px 16px;font-size:12px}.tasks{flex-direction:column;gap:14px;display:flex}.tasks-top{grid-template-columns:1fr 1fr;gap:14px;display:grid}.week-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.week-range{background:var(--accent);color:var(--accent-ink);border-radius:8px;margin-top:8px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-block}.week-body{align-items:flex-end;gap:28px;margin-top:18px;display:flex}.bars{flex:1;gap:10px;height:150px;display:flex}.bar{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.bar-track{background:var(--panel-2);border-radius:8px;flex:1;align-items:flex-end;width:100%;max-width:30px;display:flex;overflow:hidden}.bar-fill{background:var(--accent);width:100%;box-shadow:var(--glow-sm);border-radius:8px;transition:height .45s cubic-bezier(.2,.7,.2,1)}.bar span{color:var(--muted);font-size:11px}.bar.is-today span{color:var(--accent);font-weight:600}.week-ring{flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.mindset-panel{position:relative}.mindset-head{justify-content:flex-start;align-items:center;gap:12px;margin-bottom:14px;display:flex}.legend{color:var(--text-2);gap:14px;font-size:12px;display:flex}.legend li{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:8px;height:8px}.mindset-panel .chart-empty{text-align:center;position:absolute;top:50%;left:20px;right:20px}.days{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.day{flex-direction:column;align-items:stretch;min-height:420px;padding:16px 12px 12px;transition:border-color .15s;display:flex}.day:focus-within{border-color:var(--accent-line)}.day.is-today .day-head p{color:var(--accent)}.day-head{text-align:center}.day-head h3{font-size:14px;font-weight:700}.day-head p{color:var(--muted);font-size:11px}.day-ring{align-self:center;margin:14px 0 12px}.day-label{text-align:center;margin-bottom:8px}.task-list{flex-direction:column;gap:4px;display:flex}.task{background:var(--panel-2);border-radius:8px;align-items:flex-start;gap:8px;padding:7px 4px 7px 8px;font-size:12.5px;display:flex}.task .check-sm{margin-top:1px}.task-text{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.35}.task.is-done .task-text{color:var(--muted);text-decoration:line-through}.task-del{opacity:0;margin:-3px 0}.task:hover .task-del,.task-del:focus-visible{opacity:1}.task-edit,.task-input{border:1px solid var(--accent-line);background:var(--panel-2);border-radius:8px;outline:none;width:100%;height:32px;padding:0 9px;font-size:12.5px}.task-edit{flex:1;height:22px;padding:0 4px}.task-input{margin-top:4px}.add-task{border:1px dashed var(--line-2);height:32px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:5px;margin-top:4px;font-size:12px;transition:color .15s,border-color .15s;display:flex}.add-task:hover{color:var(--accent);border-color:var(--accent-line)}.day .link-btn{text-align:center;margin-top:8px}.day-foot{margin-top:auto;padding-top:12px}.mindset-toggle{border-top:1px solid var(--line);width:100%;color:var(--muted);align-items:center;gap:8px;padding:8px 2px;display:flex}.mindset-dots{gap:3px;margin-left:auto;display:flex}.mindset-dots i{border-radius:50%;width:6px;height:6px}.flip{transform:rotate(180deg)}.mindset-form{flex-direction:column;gap:10px;padding:4px 0 10px;display:flex}.scale>span{color:var(--text-2);justify-content:space-between;margin-bottom:5px;font-size:11.5px;display:flex}.scale-steps{grid-template-columns:repeat(10,1fr);gap:2px;display:grid}.scale-steps button{background:var(--panel-3);border-radius:3px;height:14px;transition:background-color .12s}.scale-steps button.is-on{background:var(--c)}.scale-steps button:hover{outline:1px solid var(--line-2)}.day-counts{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding-top:8px;font-size:11.5px;display:flex}.day-counts div{justify-content:space-between;display:flex}.day-counts dt{color:var(--muted)}.day-counts dd{color:var(--accent);font-weight:700}.goals{flex-direction:column;gap:28px;display:flex}.goals-summary{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);align-items:center;gap:18px;padding:16px 20px;display:flex}.goals-summary-title{margin-top:4px;font-size:15px;font-weight:600}.block-title{margin-bottom:12px}.block-head{justify-content:space-between;align-items:baseline;display:flex}.areas{border:1px solid var(--line);border-radius:var(--r);background:var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.area{text-align:left;background:var(--panel);grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:3px 10px;padding:14px 16px;transition:background-color .15s;display:grid}.area:hover{background:var(--panel-2)}.area.is-on{background:var(--accent-soft)}.area-num{color:var(--dim);grid-row:span 2;padding-top:2px;font-size:11px;font-weight:700}.area.is-on .area-num,.area:not(.is-empty) .area-num{color:var(--accent)}.area-name{font-size:13px;font-weight:600}.area-count{color:var(--muted);font-size:11.5px}.priorities,.goal-list{flex-direction:column;gap:10px;display:flex}.goal{grid-template-columns:1fr auto;align-items:center;gap:4px 20px;padding:16px 16px 16px 20px;display:grid}.goal-main{cursor:pointer;outline-offset:6px;min-width:0}.goal-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.goal-top h3{font-size:15px;font-weight:600}.goal-big .goal-top h3{font-size:18px}.status{letter-spacing:0;background:var(--panel-3);color:var(--muted);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.status-active{background:var(--accent-soft);color:var(--accent)}.status-done{color:#6fcf83;background:#46a75824}.status-late{color:#ff8b8e;background:#e5484d24}.goal-meta{color:var(--muted);margin:6px 0 12px;font-size:12.5px}.goal.is-done .goal-top h3{color:var(--muted)}.goal-side{align-items:center;gap:8px;display:flex}.goal-pct{text-align:right;min-width:56px;font-size:20px;font-weight:700}.goal-big .goal-pct{font-size:28px}.next-step{background:var(--panel-2);text-align:left;color:var(--text-2);border-radius:10px;grid-column:1/-1;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;font-size:13px;transition:background-color .15s;display:flex}.next-step em{color:var(--muted);font-style:normal}.next-step .check-sm{color:#0000}.next-step:hover{background:var(--panel-3)}.next-step:hover .check-sm{color:var(--accent);border-color:var(--accent)}.insights{flex-direction:column;gap:14px;display:flex}.consistency-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.big-number{letter-spacing:-.02em;margin-top:6px;font-size:48px;font-weight:700;line-height:1}.selects{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.select{align-items:center;display:inline-flex;position:relative}.select select{appearance:none;border:1px solid var(--line-2);background:var(--panel-2);cursor:pointer;border-radius:9px;max-width:200px;height:34px;padding:0 32px 0 12px;font-size:12px;font-weight:600}.select svg{pointer-events:none;color:var(--muted);position:absolute;right:10px}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:16px 18px}.stat-value{align-items:center;gap:6px;margin-top:8px;font-size:26px;font-weight:700;display:flex}.stat-value small{color:var(--muted);font-size:13px;font-weight:500}.stat-value .flame,.stat-value.is-up{color:var(--accent)}.stat-value.is-down{color:#ff8b8e}.stat-text{text-overflow:ellipsis;white-space:nowrap;font-size:17px;display:block;overflow:hidden}.stat-sub{color:var(--muted);margin-top:4px;font-size:12px}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mini-seg{background:var(--panel-2);border-radius:8px;gap:2px;padding:2px;display:flex}.mini-seg button{width:26px;height:24px;color:var(--muted);border-radius:6px;font-size:11px;font-weight:700}.mini-seg button.is-on{background:var(--panel-3);color:var(--accent)}.rank{flex-direction:column;gap:14px;display:flex}.rank li{align-items:center;gap:12px;display:flex}.rank-pos{width:16px;color:var(--dim);font-size:11px;font-weight:700}.rank li:first-child .rank-pos{color:var(--accent)}.rank-body{flex:1;min-width:0}.rank-top{justify-content:space-between;gap:12px;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.rank-top b{color:var(--accent);font-size:12px}.link-tile{text-align:left;transition:border-color .15s;display:block}.link-tile:hover{border-color:var(--line-2)}.link-tile .panel-head{margin-bottom:10px}.open{color:var(--accent);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.tile-value{margin-bottom:12px;font-size:28px;font-weight:700}.tile-value small{color:var(--muted);font-size:13px;font-weight:500}.reflection-month{margin-top:4px;font-size:15px;font-weight:600}.reflection textarea{border:1px solid var(--line);background:var(--bg);resize:vertical;border-radius:10px;outline:none;width:100%;min-height:140px;padding:14px 16px;line-height:1.6}.reflection textarea:focus{border-color:var(--accent-line)}@media (width<=1180px){.days{scroll-snap-type:x mandatory;padding-bottom:6px;display:flex;overflow-x:auto}.day{scroll-snap-align:start;flex:0 0 220px}}@media (width<=960px){.nav-item span{display:none}.nav-item{padding:9px 12px}.tasks-top,.two-col{grid-template-columns:1fr}.areas,.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app{padding:0 16px calc(96px + env(safe-area-inset-bottom))}.topbar{grid-template-columns:1fr auto;padding:14px 0 10px}.nav{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;border-color:var(--line-2);justify-content:space-between;position:fixed}.nav-item{flex-direction:column;flex:1;gap:3px;padding:7px 0;font-size:10.5px}.nav-item span{display:block}.today-list{grid-template-columns:1fr}.today-head{padding:12px 0 24px}.habits-tools{flex-direction:column}.hgrid{--name:108px;--stats:86px}.hgrid-habit{gap:7px;padding-left:12px;font-size:11.5px}.hgrid-head.hgrid-name{padding-left:12px}.hgrid-stat-cells{gap:6px;padding-right:10px}.hgrid-stats .stat-star{display:none}.hgrid-head.hgrid-stats{padding-right:10px}.today-item{gap:12px}.today-name{font-size:13px}.week-body{gap:16px}.week-ring .ring{transform:scale(.85)}.consistency-head{flex-direction:column}.selects{justify-content:flex-start}.goals-summary{flex-wrap:wrap}.goals-summary .btn{width:100%}.goal{padding:14px}.field-row{grid-template-columns:1fr}.modal-backdrop{place-items:end center;padding:0}.modal{border-radius:16px 16px 0 0;max-height:92vh}.modal-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.dotcheck:focus-visible{border-color:var(--accent);background-color:var(--accent-soft);outline:none;transform:scale(1.15)}.dotcheck.is-on:focus-visible{background-color:var(--accent);transform:scale(1.25)}.task{position:relative}.kind-dot{border-radius:50%;width:6px;height:6px;transition:transform .12s;position:absolute;bottom:5px;right:5px}.kind-dot:before{content:"";position:absolute;inset:-6px}.kind-dot:hover{transform:scale(1.5)}.mindset-auto{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding:10px 2px;display:flex}.mindset-auto .eyebrow{margin-bottom:2px}.mind-row{color:var(--text-2);grid-template-columns:66px 1fr 16px;align-items:center;gap:8px;font-size:11.5px;display:grid}.mind-row b{text-align:right;color:var(--text)}.mind-bar{background:var(--panel-3);border-radius:3px;height:5px;overflow:hidden}.mind-bar div{border-radius:inherit;height:100%;transition:width .4s cubic-bezier(.2,.7,.2,1)}.mindset-title{text-align:center;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}.mindset-panel .chart-grid{stroke-dasharray:none}:is(.hgrid-row:has(.cell:hover)>.hgrid-habit,.hgrid-row:has(.dotcheck:focus-visible)>.hgrid-habit){color:var(--text);box-shadow:inset 2px 0 0 var(--accent);background:#2a2522}:is(.hgrid-row:has(.cell:hover)>.hgrid-stat-cells,.hgrid-row:has(.dotcheck:focus-visible)>.hgrid-stat-cells){background:#2a2522}:is(.hgrid-row:has(.cell:hover)>.cell,.hgrid-row:has(.dotcheck:focus-visible)>.cell){background:#ffffff06}.hgrid-habit,.hgrid-stat-cells,.hgrid-head.hgrid-col{transition:background-color .12s,color .12s}.hgrid-head.hgrid-col.is-active{color:var(--accent);font-weight:700}.login{min-height:100dvh;padding:24px 16px calc(24px + env(safe-area-inset-bottom));place-items:center;display:grid}.login-card{width:100%;max-width:380px}.login-logo{border-radius:14px;margin-bottom:18px;display:block}.login-card h1{letter-spacing:-.02em;margin-bottom:8px;font-size:26px}.login-card form{gap:16px;display:grid}.login-card .muted b{color:var(--text);font-weight:600}.login-code{letter-spacing:.3em;font-variant-numeric:tabular-nums;font-size:24px!important}.login-submit{width:100%;min-height:46px}.login-links{justify-content:space-between;gap:8px;display:flex}.login-error{color:var(--red);margin-top:14px;font-size:14px}.login-foot{color:var(--muted);margin-top:28px;font-size:14px}.login-foot a{color:var(--accent)}