@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#23314c;--muted:#8b96aa;--blue:#4e94ed;--line:#edf0f5;--bg:#f7f9fc;--shadow:0 4px 24px #33456604;font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none;font-size:14px;background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a0c8ff;outline-offset:3px}input,textarea,select{width:100%;border:1px solid #e2e8f2;background:#fff;border-radius:12px;padding:12px 14px;color:var(--ink);min-width:0}input[type=checkbox]{width:19px;height:19px;accent-color:var(--blue)}textarea{resize:vertical;min-height:86px}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1.3px;font-weight:800}h2{font-size:18px;letter-spacing:-.4px;font-weight:800}h3{font-size:15px;font-weight:800}small,.muted{color:var(--muted)}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.layout{display:flex;min-height:100vh}.sidebar{width:234px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:35px 23px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:900;letter-spacing:1px;text-decoration:none;padding:0 10px}.brand .elephant{width:43px;height:38px;color:var(--blue)}.brand span{position:relative}.brand-caption{font-size:10px;color:var(--muted);padding:9px 10px 34px}.nav{display:grid;gap:9px}.nav-item{width:100%;display:flex;gap:13px;align-items:center;padding:13px 16px;border-radius:12px;color:#8190a7;font-weight:700;text-align:left}.nav-item .icon{width:21px;height:21px}.nav-item:hover{background:#f6f8fc}.nav-item.active{background:#eaf3ff;color:#448cea}.nav-item .count{margin-left:auto;background:#dceafe;color:#5795e7;font-size:11px;border-radius:6px;padding:2px 6px}.sidebar-quote{margin-top:auto;margin-bottom:27px;background:#f8fafc;border:1px solid #f0f3f6;border-radius:16px;padding:22px 18px;line-height:1.7;font-size:12px;color:#8795a9}.sidebar-quote .little-sun{color:#eac275;margin-bottom:10px}.sidebar-quote strong{display:block;color:#66768b;font-weight:650}.profile-button{display:flex;gap:11px;align-items:center;text-align:left;border-top:1px solid var(--line);padding:20px 5px 0}.avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#edf2fa;color:#7d92b5}.profile-button b{display:block;font-size:12px}.profile-button small{font-size:10px}.main{width:calc(100% - 234px);margin-left:234px;padding:42px 46px 30px;max-width:1800px}.page-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:29px}.eyebrow{font-size:12px;color:#8592a8;letter-spacing:.1px;margin-bottom:10px}.page-subtitle{color:var(--muted);font-size:13px;margin-top:8px}.top-actions{display:flex;gap:12px;align-items:center}.icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid #e8edf4;border-radius:12px;background:#fff;color:#8b99ad;flex-shrink:0}.icon-btn:hover{color:var(--blue);border-color:#bfd8fb}.icon-btn.small{width:29px;height:29px;border-radius:8px}.primary,.secondary,.text-button,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:11px;min-height:42px;padding:11px 18px;font-size:12px}.primary{background:var(--blue);color:white;box-shadow:0 4px 10px #4e94ed19}.primary:hover{background:#3985e7}.secondary{border:1px solid #e5ebf4;background:#fff;color:#6e809d}.secondary:hover{background:#f3f7fd}.text-button{padding:6px 0;color:var(--blue);min-height:30px}.text-button .icon{width:16px;height:16px}.danger{color:#d46a7a;background:#fff0f3}.full{width:100%}.dashboard{display:grid;grid-template-columns:minmax(400px,1fr) 288px;gap:29px}.hero{position:relative;overflow:hidden;min-height:229px;border-radius:22px;background:linear-gradient(110deg,#eaf5fe,#e4f2fe 65%,#e9f7fc);padding:31px 29px}.hero-kicker{font-size:10px;letter-spacing:1.9px;text-transform:uppercase;color:#77a2cb;font-weight:800;display:flex;gap:6px;align-items:center;margin-bottom:13px}.hero h2{font-size:25px;line-height:1.45;max-width:380px;font-weight:750;position:relative;z-index:1;letter-spacing:-.7px}.hero h2 span{color:#508dcc}.hero p{font-size:11px;color:#7892ac;position:relative;z-index:1;margin-top:14px}.hero img{position:absolute;width:285px;right:-41px;bottom:-34px;pointer-events:none}.hero-copy{max-width:68%}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 29px}.summary-card{background:white;border:1px solid var(--line);border-radius:17px;padding:20px;display:flex;align-items:center;gap:18px;min-height:109px}.summary-label{font-size:11px;color:#8b98ad;margin-bottom:5px}.summary-value{font-size:25px;font-weight:800;letter-spacing:-1px;display:flex;align-items:baseline;gap:4px}.summary-value span{font-size:15px;color:#a0acbe;font-weight:600;letter-spacing:0}.summary-note{font-size:10px;color:#9aa6b8;margin-top:3px}.flame{width:57px;height:61px;border-radius:19px;background:#fff5e8;display:grid;place-items:center;color:#f4ad57}.flame .icon{width:30px;height:34px;fill:#ffc36b22;stroke-width:1.6}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h2{font-size:17px}.section-head small{font-size:11px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:20px}.week-day{padding:11px 0 9px;border-radius:12px;color:#a0aabd;font-size:10px;text-align:center;display:grid;gap:6px;place-items:center}.week-day b{font-size:14px;color:#60738e;font-weight:700}.week-day .dot{height:4px;width:4px;border-radius:4px;background:transparent}.week-day.productive .dot{background:#7ebfa5}.week-day.active{background:#5298ef;color:#dceaff;box-shadow:0 4px 10px #4e94ed24}.week-day.active b{color:#fff}.week-day.active .dot{background:white}.task-list{display:grid;gap:9px}.task-row{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);padding:16px 17px;border-radius:14px;transition:transform .15s,border .15s}.task-row:hover{border-color:#d7e4f7;transform:translateY(-1px)}.check{width:21px;height:21px;border-radius:50%;border:1.5px solid #d3dce9;display:grid;place-items:center;flex-shrink:0;padding:0}.check .icon{width:13px;height:13px;stroke-width:2.5}.check.checked{background:#7abda5;border-color:#7abda5;color:white}.task-row.done .task-title{color:#99a5b7;text-decoration:line-through;text-decoration-color:#c6d0dd}.task-row.done .elephant{opacity:.62}.elephant{display:inline-block;width:39px;height:34px;background:currentColor;mask:url('./assets/mono-elephant.svg') center/contain no-repeat;-webkit-mask:url('./assets/mono-elephant.svg') center/contain no-repeat;flex-shrink:0}.task-body{min-width:0;flex:1;text-align:left;padding:0}.task-title{font-size:12px;font-weight:750;margin-bottom:5px;line-height:1.5}.task-meta{font-size:10px;color:#95a2b7;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-time{display:flex;align-items:center;gap:4px;font-size:10px;color:#95a2b7;white-space:nowrap}.task-time .icon{width:12px;height:12px}.tag{display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:4px 8px;font-size:9px;font-weight:650;background:color-mix(in srgb,var(--color) 13%,white);color:color-mix(in srgb,var(--color) 83%,#25344d)}.task-arrow{color:#a1afc2}.task-arrow .icon{width:15px;height:15px}.add-task{width:100%;border:1px dashed #d6e0ee;border-radius:13px;padding:14px;display:flex;justify-content:center;align-items:center;gap:7px;color:#8da0ba;font-size:11px;margin-top:11px}.add-task:hover{background:#edf5ff}.gentle-note{text-align:center;color:#a5b0c0;font-size:10px;padding:21px 0;display:flex;justify-content:center;align-items:center;gap:6px}.gentle-note .icon{width:12px;height:12px}.right-panel{display:flex;flex-direction:column;gap:22px}.side-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px}.side-card .section-head{margin-bottom:19px}.side-card h2{font-size:14px}.side-card .text-button{font-size:10px}.mini-goal{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:11px 0;border-bottom:1px solid #f1f4f8}.mini-goal:last-of-type{border:0}.mini-goal>div:nth-child(2){flex:1;min-width:0}.mini-goal h3{font-size:10.5px;margin-bottom:5px;line-height:1.6}.mini-goal small{font-size:9px}.mini-goal .percent{font-size:12px;font-weight:800}.ring{position:relative;width:var(--size);height:var(--size);flex-shrink:0;display:grid;place-items:center}.ring>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring .elephant{width:48%;height:43%;color:var(--color)}.ring-number{font-size:18px;font-weight:800;color:#4b987d}.ring-label{color:var(--muted);font-size:10px}.inspiration{background:#fff9ef;border:1px solid #f7efdf;border-radius:17px;padding:21px 20px}.inspiration .icon{color:#ddb96e;width:21px;height:21px;margin-bottom:11px}.inspiration h3{font-size:12px;margin-bottom:7px}.inspiration p{font-size:11px;color:#a19680;line-height:1.8}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;text-align:center;font-size:9px;color:#a4b0c2}.mini-calendar>span{padding:3px}.mini-calendar .day-box{height:23px;border-radius:6px;display:grid;place-items:center;background:#f4f7fb;color:#94a4bb}.mini-calendar .day-box.productive{background:#c5e6d8;color:#548b75}.mini-calendar .day-box.current{outline:1.5px solid #6da2e4;outline-offset:1px}.legend{font-size:9px;color:#a2acbc;display:flex;gap:6px;align-items:center;margin-top:12px}.legend:before{content:'';width:7px;height:7px;background:#b4ddcb;border-radius:2px}.demo-notice{display:flex;align-items:center;gap:8px;margin-top:20px;color:#a1abbb;font-size:10px;justify-content:center;flex-wrap:wrap}.demo-notice button{color:#6f98c9;text-decoration:underline}.mobile-nav{display:none}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.chip{padding:9px 16px;border-radius:10px;color:#8a97ac;font-size:11px;font-weight:650;background:white;border:1px solid var(--line)}.chip.active{background:#eaf3ff;border-color:#d5e7ff;color:#4e91e7}.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.goal-card{background:white;border:1px solid var(--line);border-radius:20px;padding:24px;text-align:left;position:relative;cursor:pointer;transition:transform .15s,box-shadow .15s}.goal-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #33456609}.goal-card .card-top{display:flex;align-items:flex-start;justify-content:space-between}.goal-card h2{font-size:16px;line-height:1.5;margin:20px 0 8px}.goal-card .goal-percent{font-size:29px;font-weight:800;margin-top:17px;color:var(--color);letter-spacing:-1px}.goal-card .goal-count{font-size:11px;color:#96a2b6;margin-top:4px}.goal-card footer{border-top:1px solid var(--line);padding-top:15px;margin-top:19px;display:flex;align-items:center;gap:6px;font-size:10px;color:#91a0b5}.goal-card footer .icon{width:14px;height:14px}.new-goal-card{border:1.5px dashed #d6e1ee;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:285px;color:#93a5bc;gap:12px}.new-goal-card .icon{width:30px;height:30px}.new-goal-card b{font-size:13px}.empty{text-align:center;padding:55px 25px;background:white;border:1px dashed #dce5f1;border-radius:18px;line-height:1.8}.empty .elephant{color:#a3c7f5;width:70px;height:61px;margin-bottom:15px}.empty p{color:#92a0b5;font-size:12px;margin:8px 0 18px}.detail-layout{display:grid;grid-template-columns:1fr 310px;gap:24px}.detail-summary{display:flex;align-items:center;gap:27px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;margin-bottom:22px}.detail-summary .big-percent{font-size:40px;letter-spacing:-1.8px;font-weight:800;color:var(--color)}.detail-summary p{font-size:12px;color:#93a0b4;margin:5px 0 10px}.detail-description{background:#edf5fe;border-radius:12px;padding:16px 19px;color:#7591b2;font-size:12px;line-height:1.8;margin-top:0;margin-bottom:24px}.tab-row{display:flex;gap:23px;border-bottom:1px solid #e5eaf2;margin-bottom:20px}.tab-row button{padding:13px 4px;font-size:12px;color:#8d9ab0;border-bottom:2px solid transparent}.tab-row button.active{color:var(--blue);border-color:var(--blue)}.stage{background:white;border:1px solid var(--line);border-radius:16px;margin-bottom:14px;overflow:hidden}.stage-heading{padding:18px;display:flex;gap:12px;align-items:center}.stage-heading>button:nth-child(2){text-align:left;flex:1;padding:0}.stage-heading h3{font-size:13px}.stage-num{background:#edf5ff;color:#73a8e7;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:13px}.stage-progress{font-size:11px;color:#8193ad;min-width:30px}.bar{height:5px;border-radius:10px;background:#edf2f8;overflow:hidden;min-width:60px;margin-top:8px}.bar>span{height:100%;display:block;background:var(--color,#83bda8);border-radius:10px}.tree-list{padding:0 19px 15px 59px}.tree-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f3f5f8}.tree-row>.node-title{padding:0;flex:1;text-align:left;font-size:11px;line-height:1.6}.tree-row.done>.node-title{color:#a5afbf;text-decoration:line-through}.tree-row .check{width:18px;height:18px}.tree-children{padding-left:27px}.tree-row .schedule{font-size:9px;color:#8ca6c8;white-space:nowrap}.tree-row .icon-btn{background:transparent;border:0}.tree-row .icon-btn .icon{width:13px;height:13px}.stage-add{font-size:10px;color:#88a4c8;display:flex;align-items:center;gap:6px;margin:12px 0 0}.stage-add .icon{width:13px;height:13px}.info-list{display:grid;gap:18px}.info-item{display:flex;justify-content:space-between;gap:14px;font-size:11px;line-height:1.7}.info-item>span{color:#97a4b7}.info-item>b{font-weight:650;text-align:right}.metric-input{display:flex;gap:8px;margin:14px 0}.metric-input input{width:110px}.calendar-layout{display:grid;grid-template-columns:1fr 350px;gap:24px}.calendar-panel{background:white;padding:26px;border:1px solid var(--line);border-radius:20px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekday{text-align:center;color:#98a5b7;font-size:10px;padding:8px}.calendar-cell{aspect-ratio:1;min-height:63px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid #f0f3f8;border-radius:12px;font-size:13px;color:#7789a3;background:#fcfdff}.calendar-cell.productive{background:#eef8f2;color:#569178;border-color:#e5f1e9}.calendar-cell.selected{border:1.5px solid #79abec;background:#eff6ff;color:#478add}.calendar-cell.today b{border-bottom:2px solid #71a5e7}.calendar-cell small{font-size:8px}.calendar-cell.filler{opacity:.25}.calendar-detail .task-row{padding:13px 10px;gap:10px}.calendar-detail .task-row .task-time{display:none}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--line);padding:23px;border-radius:16px}.stat>span{display:block;font-size:11px;color:#93a0b4;margin-bottom:12px}.stat b{font-size:30px;letter-spacing:-1px}.stat small{font-size:10px;display:block;margin-top:5px}.stats-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:23px}.chart{height:180px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;margin-top:25px;padding-bottom:28px}.chart-col{height:100%;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:6px;position:relative;min-width:0}.chart-col>div{width:100%;max-width:40px;background:#9fc5f7;border-radius:6px 6px 2px 2px;min-height:3px}.chart-col>span{font-size:10px;color:#7a91b0}.chart-col>small{position:absolute;bottom:-23px;font-size:9px;white-space:nowrap}.group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.group-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:23px}.group-card .group-head{display:flex;align-items:center;gap:11px}.group-symbol{width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--color) 14%,white);color:var(--color);display:grid;place-items:center}.group-card h3{font-size:13px;flex:1}.group-card .group-body{display:flex;align-items:center;gap:18px;padding:22px 0}.group-card .group-body b{font-size:26px;letter-spacing:-1px}.group-card .group-body small{display:block;font-size:10px;margin-top:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.settings-grid .side-card{padding:26px}.settings-grid p{font-size:11px;color:#97a3b5;line-height:1.8;margin:9px 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:block;margin-bottom:18px;font-size:11px;font-weight:700}.field>span,.field>label{display:block;margin-bottom:8px}.field small{font-weight:400;display:block;margin-top:7px;font-size:10px;line-height:1.6}.field input,.field select,.field textarea{font-size:12px;font-weight:500}.field-line{display:flex;gap:10px;align-items:center;font-size:12px;margin:15px 0}.field-line input{width:auto}.modal-overlay{position:fixed;inset:0;background:#25354f50;backdrop-filter:blur(5px);z-index:80;display:flex;align-items:center;justify-content:center;padding:25px;animation:fadeIn .16s}.modal{background:#fff;border-radius:23px;width:590px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 90px #1e36522a;padding:29px}.modal.wide{width:760px}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:15px}.modal-top h2{font-size:21px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:24px}.modal-actions .danger{margin-right:auto}.goal-preview{display:flex;align-items:center;gap:22px;background:#f8faff;border:1px solid #edf1f7;border-radius:16px;padding:18px 23px;margin-bottom:24px}.goal-preview h3{font-size:15px;margin-bottom:7px}.goal-preview small{font-size:11px}.palette{display:grid;grid-template-columns:repeat(8,1fr);gap:13px 11px;margin:14px 2px 17px}.swatch{width:31px;height:31px;max-width:100%;border-radius:50%;background:var(--swatch);position:relative;justify-self:center;border:3px solid white;box-shadow:0 0 0 1px #dfe6ee}.swatch.selected{box-shadow:0 0 0 2px var(--swatch)}.swatch.selected:after{content:'✓';color:white;font-weight:800;font-size:14px;position:absolute;inset:0;display:grid;place-items:center}.color-custom{display:flex;align-items:center;gap:9px;color:#8c9ab1;font-size:11px}.color-custom input[type=color]{width:34px;height:31px;padding:3px;border-radius:7px}.color-custom code{font-size:10px;margin-left:auto}.palette-label{font-size:10px;color:#a1adc0;float:right;font-weight:500}.form-error{font-size:12px;color:#c97080;background:#fff1f3;padding:12px;border-radius:10px;margin:12px 0;display:none}.form-error.show{display:block}.suggestion-row{display:flex;gap:13px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:13px;margin:9px 0}.suggestion-row>div{flex:1}.suggestion-row b{font-size:12px}.suggestion-row small{display:block;font-size:10px;margin-top:5px}.explanation{font-size:12px;color:#94a1b5;line-height:1.8;margin-bottom:18px}.form-intro{background:#f0f6ff;color:#7b99bd;padding:13px 16px;font-size:11px;line-height:1.8;border-radius:12px;margin-bottom:18px}.overdue-banner{display:flex;align-items:center;gap:10px;color:#ae9774;background:#fff8ec;border:1px solid #f4ead7;border-radius:12px;padding:13px 16px;font-size:11px;margin-bottom:13px}.overdue-banner span{flex:1}.overdue-banner button{font-size:10px;font-weight:700;color:#ae9060}.template-stage{padding:14px;border:1px solid var(--line);border-radius:13px;margin:13px 0}.template-stage input{padding:8px 10px;border-radius:7px}.template-stage>input{font-weight:700;background:#f6f9fe;margin-bottom:10px}.template-stage label{display:flex;align-items:center;gap:8px;margin-top:7px}.template-stage .icon{width:13px;height:13px;color:#95adcd}.settings-status{display:flex;gap:6px;align-items:center;color:#94a5bb;font-size:10px;margin-top:16px}.settings-status .icon{width:13px;height:13px}#toast{position:fixed;bottom:29px;left:calc(50% + 117px);transform:translate(-50%,20px);z-index:150;background:#2e425b;color:#fff;padding:15px 23px;border-radius:14px;box-shadow:0 8px 40px #152c5430;opacity:0;pointer-events:none;transition:.2s;max-width:540px;font-size:12px;text-align:center;line-height:1.7}#toast.show{opacity:1;transform:translate(-50%,0)}.subtle-warning{font-size:11px;color:#ad8a59;padding:12px;background:#fff9ef;border-radius:11px;margin-bottom:18px}.form-section-title{font-size:11px;font-weight:800;letter-spacing:.3px;margin:24px 0 14px}.ontrack{font-size:10px;color:#6a9a81;line-height:1.8;background:#eff8f2;padding:10px 13px;border-radius:10px}.offtrack{color:#a6916f;background:#fcf8ef}.mobile-brand{display:none}.period-tabs{display:flex;gap:7px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.toolbar .filters{margin:0}.search{max-width:240px;padding:10px 13px;font-size:11px}.about-copy{font-size:12px;color:#8192aa;line-height:2}.about-copy h3{color:var(--ink);margin:22px 0 10px}.collapse-icon{transition:transform .2s}.rotated{transform:rotate(180deg)}.date-pill{font-size:9px;color:#7399c8;padding:4px 7px;background:#eff5fd;border-radius:6px}.storage-warning{background:#fff1f3;color:#ba6072;padding:14px;border-radius:12px;margin-bottom:20px;font-size:12px}.small-muted{font-size:10px;color:#9aabba}.table-line{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.table-line>span{flex:1;font-size:12px}.table-line>b{font-size:12px}.table-line .elephant{width:29px;height:26px}.goal-card:focus-visible{outline:3px solid #a0c8ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.main{padding:45px 65px}.dashboard{grid-template-columns:minmax(500px,1fr) 330px;gap:35px}.hero{min-height:250px}.hero img{width:335px}.hero h2{font-size:29px}.hero-copy{max-width:65%}.task-row{padding:19px}.side-card{padding:26px}}
@media(max-width:1200px){.sidebar{width:205px;padding:30px 16px}.main{margin-left:205px;width:calc(100% - 205px);padding:32px 28px}.dashboard{grid-template-columns:minmax(350px,1fr) 255px;gap:20px}.hero{padding:25px;min-height:228px}.hero h2{font-size:22px}.hero img{width:243px;right:-41px;bottom:-22px}.summary-card{padding:15px;gap:12px}.goal-grid,.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr 260px}.calendar-layout{grid-template-columns:1fr 280px}.calendar-cell{min-height:48px}.task-time{font-size:9px}.task-row{gap:11px}.task-meta .tag{display:none}.side-card{padding:18px}#toast{left:calc(50% + 102px)}}
@media(max-width:1000px){.dashboard{grid-template-columns:1fr}.right-panel{display:grid;grid-template-columns:1fr 1fr}.right-panel .side-card:last-child{display:none}.hero img{width:300px;right:-10px;bottom:-40px}.hero h2{font-size:26px;max-width:340px}.hero-copy{max-width:65%}.detail-layout,.calendar-layout{grid-template-columns:1fr}.detail-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:start}.calendar-detail{padding-top:5px}.calendar-cell{min-height:70px}.settings-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.stats-layout{grid-template-columns:1fr}.top-actions .secondary{display:none}}
@media(max-width:700px){:root{font-size:13px}.sidebar{display:none}.main{width:100%;margin:0;padding:22px 19px 96px}.mobile-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.mobile-brand .brand{font-size:22px;padding:0;gap:7px}.mobile-brand .brand .elephant{width:31px;height:27px}.mobile-brand small{font-size:9px;color:#a0aec0}.page-top{margin-bottom:22px;gap:10px}h1{font-size:28px;letter-spacing:-1px}.eyebrow{font-size:11px;margin-bottom:7px}.page-subtitle{font-size:11px}.top-actions{gap:7px}.top-actions .primary{font-size:0;padding:0;width:40px;height:40px;min-height:40px}.top-actions .primary .icon{width:21px;height:21px}.top-actions .icon-btn{width:36px;height:36px}.hero{min-height:210px;padding:25px 22px;border-radius:19px}.hero h2{font-size:22px;line-height:1.5}.hero-copy{max-width:67%}.hero-kicker{font-size:8px;letter-spacing:1.4px;margin-bottom:12px}.hero img{width:215px;right:-43px;bottom:-20px}.hero p{font-size:10px;max-width:160px;line-height:1.7;margin-top:10px}.summary-grid{gap:12px;margin:14px 0 25px}.summary-card{padding:16px 12px;border-radius:15px;gap:11px;min-height:96px}.summary-card .ring{--size:49px!important}.summary-label{font-size:10px}.summary-value{font-size:23px}.summary-value span{font-size:13px}.summary-note{font-size:8px}.flame{width:44px;height:51px;border-radius:14px}.flame .icon{width:24px;height:29px}.summary-card .ring-number{font-size:14px}.section-head h2{font-size:16px}.section-head .text-button{font-size:10px}.week-strip{gap:5px;margin-bottom:15px}.week-day{font-size:9px;padding:10px 0 7px}.week-day b{font-size:13px}.task-row{padding:15px 12px;gap:12px}.task-title{font-size:11px}.task-meta{font-size:9px;gap:5px}.task-row .elephant{width:32px;height:29px}.task-time{font-size:9px}.task-row .check{width:20px;height:20px}.task-arrow{display:none}.right-panel{grid-template-columns:1fr;gap:16px}.right-panel .inspiration{display:none}.side-card{padding:20px}.mini-goal h3{font-size:12px}.mini-goal small{font-size:10px}.dashboard{gap:16px}.gentle-note{font-size:9px;padding:17px 0 0}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:76px;padding:8px 9px max(8px,env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #eaf0f7;z-index:30;justify-content:space-around}.mobile-nav button{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;font-size:8px;color:#94a4bb;min-width:46px}.mobile-nav button .icon{width:21px;height:21px}.mobile-nav button.active{color:#4b94ed}.mobile-nav .mobile-add{background:#4e94ed;color:white;width:45px;height:45px;border-radius:50%;box-shadow:0 4px 10px #408df132;margin-top:1px}.mobile-nav .mobile-add .icon{width:24px;height:24px}.goal-grid,.group-grid{grid-template-columns:1fr 1fr;gap:12px}.goal-card{padding:17px;border-radius:16px}.goal-card .ring{--size:81px!important}.goal-card .card-top{display:block;position:relative}.goal-card .card-top .tag{margin-top:11px;font-size:8px}.goal-card h2{font-size:12px;min-height:36px;margin-top:12px}.goal-card .goal-percent{font-size:25px;margin-top:10px}.goal-card .goal-count{font-size:9px}.goal-card footer{font-size:8px;padding-top:12px;margin-top:14px;gap:4px}.goal-card footer .icon{width:12px;height:12px}.new-goal-card{min-height:260px}.new-goal-card b{font-size:11px}.filters{gap:6px}.chip{padding:8px 11px;font-size:10px}.search{max-width:100%}.toolbar{gap:13px}.detail-summary{padding:20px;gap:22px}.detail-summary .ring{--size:111px!important}.detail-summary .big-percent{font-size:34px}.detail-summary p{font-size:10px}.detail-layout>aside{display:flex;flex-direction:column}.detail-layout>aside>*{width:100%}.stage-heading{padding:15px;gap:9px}.stage-heading h3{font-size:12px}.tree-list{padding:0 14px 14px 22px}.tree-row{gap:8px}.tree-row>.node-title{font-size:10px}.tree-row .schedule{font-size:8px}.tree-children{padding-left:19px}.group-card{padding:17px}.group-card h3{font-size:10px}.group-symbol{width:29px;height:29px;border-radius:9px}.group-symbol .icon{width:17px;height:17px}.group-card .group-head{gap:7px}.group-card .group-head .icon-btn{width:22px;height:22px;border:0}.group-card .group-body{gap:12px;flex-wrap:wrap}.group-card .ring{--size:66px!important}.group-card .group-body b{font-size:22px}.group-card .text-button{font-size:10px}.calendar-panel{padding:17px}.calendar-grid{gap:5px}.calendar-cell{min-height:41px;border-radius:9px;gap:4px;font-size:11px}.calendar-cell small{font-size:6px}.calendar-heading h2{font-size:15px}.stat-grid{gap:12px}.stat{padding:18px}.stat>span{font-size:10px}.stat b{font-size:25px}.stat small{font-size:9px}.modal-overlay{padding:10px;align-items:flex-end}.modal{border-radius:21px 21px 15px 15px;padding:23px 20px;max-height:92dvh;width:100%}.modal-top h2{font-size:19px}.goal-preview{padding:15px;gap:17px}.goal-preview .ring{--size:80px!important}.goal-preview h3{font-size:13px}.palette{gap:13px 9px}.swatch{width:29px;height:29px}.form-grid{gap:12px}.field{font-size:10px;margin-bottom:15px}.field input,.field select,.field textarea{font-size:12px;padding:11px}.modal-actions .primary,.modal-actions .secondary,.modal-actions .danger{font-size:11px;padding:10px 13px}.modal-actions{gap:7px}.modal-actions .danger{padding:10px 9px}#toast{bottom:92px;left:50%;width:calc(100% - 35px);font-size:11px}.demo-notice{font-size:9px;margin-top:8px}.info-list{gap:15px}.form-intro{font-size:10px}.explanation{font-size:11px}.period-tabs .chip{font-size:9px;padding:7px 10px}.settings-grid .side-card{padding:20px}.calendar-layout{gap:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

[hidden]{display:none!important}

@media(min-width:701px){.task-title{font-size:13px}.task-meta{font-size:11px}.task-time{font-size:11px}.summary-label{font-size:12px}.summary-note{font-size:11px}.mini-goal h3{font-size:12px}.mini-goal small{font-size:10px}.inspiration p{font-size:12px}.sidebar-quote{font-size:13px}.brand-caption{font-size:10.5px}.tree-row>.node-title{font-size:12px}.stage-heading h3{font-size:14px}.field{font-size:12px}.field input,.field select,.field textarea{font-size:13px}}

@media(max-width:700px){.hero{min-height:192px;padding:22px}.hero-copy{max-width:75%}.hero h2{font-size:19px;line-height:1.5;letter-spacing:-.6px}.hero img{width:190px;right:-38px;bottom:-20px}.hero p{max-width:165px;font-size:9px}.summary-card{padding:14px 10px;gap:8px;min-height:96px}.summary-card .ring{--size:42px!important}.summary-label{font-size:9px}.summary-value{font-size:22px;gap:3px}.summary-value span{font-size:10px}.summary-note{font-size:8px;line-height:1.5}.flame{width:36px;height:43px}.flame .icon{width:23px}.section-head .text-button{white-space:nowrap}}