@font-face{font-family:Instrument;src:url('instrument-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Instrument;src:url('instrument-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Instrument;src:url('instrument-sans-600.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{--bg:#f5f5eb;--card:#fff;--ink:#173821;--muted:#80887a;--line:#e9ebe1;--forest:#153d2b;--lime:#d1ec35;--soft:#f0f3e9;--shadow:0 2px 1px #20351b05;--radius:26px;color-scheme:light;font-family:Instrument,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.6;cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #769b32;outline-offset:3px}button{border:0;background:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.2px;font-weight:600;line-height:1.18}h2{font-size:18px;font-weight:600;letter-spacing:-.4px}h3{font-size:16px;font-weight:600}p{line-height:1.65}svg.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--card);border-right:1px solid var(--line);padding:33px 20px 24px;position:fixed;height:100dvh;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:31px;font-weight:600;letter-spacing:-1.5px;padding:0 12px 36px}.brand img{width:39px;height:39px}.brand>span{font-size:12px;align-self:flex-start;margin-top:4px}.nav-label{font-size:10px;letter-spacing:1.7px;color:var(--muted);margin:8px 16px 13px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:25px;font-size:14px;text-align:left;font-weight:500}.sidebar nav button.active{background:#103519;color:#fff}.sidebar nav button:hover:not(.active){background:var(--soft)}.sidebar nav button i{width:6px;height:6px;background:var(--lime);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.level-card{background:var(--bg);border-radius:18px;padding:15px}.level-top{display:flex;gap:10px;align-items:center}.level-top b{font-size:13px;display:block}.level-top small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.avatar{background:var(--lime);color:#14361e;border-radius:15px;min-width:43px;height:43px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--card)}.avatar.small{min-width:34px;height:34px;font-size:11px;border-radius:50%;border:0}.level-card .meter{margin-top:18px}.level-foot{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;color:var(--muted)}.sync{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--muted);margin-top:17px}.sync i{height:5px;width:5px;background:#91ab71;border-radius:50%}main{margin-left:240px;padding:34px 38px 0;width:calc(100% - 240px);max-width:1760px}.page-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 29px;gap:20px}.eyebrow{font-size:14px;color:var(--muted);margin-bottom:7px}.head-actions{display:flex;gap:14px;align-items:center}.date-label{font-size:12px;color:var(--muted);margin-right:10px}.icon-btn{display:inline-flex;width:36px;height:36px;justify-content:center;align-items:center;border-radius:12px}.icon-btn:hover{background:var(--soft)}.icon-btn.white{background:var(--card);border:1px solid var(--line);width:42px;height:42px}.card{background:var(--card);border:1px solid #e9ebe170;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.section-head.compact{margin:26px 0 6px;padding-top:18px;border-top:1px solid var(--line)}.text-btn{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.text-btn .icon{height:15px;width:15px}.text-btn:hover{color:var(--ink)}.overview{display:grid;grid-template-columns:2.15fr 1fr;gap:21px;margin-bottom:21px}.hero-card{background:linear-gradient(115deg,#1a3a2d,#2d5942);border-radius:var(--radius);padding:28px 30px 22px;color:#fff;position:relative;overflow:hidden}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#bfd0c2;font-size:13px}.subtle-pill{display:inline-flex;align-items:center;gap:7px;background:#ffffff12;padding:7px 10px;border-radius:30px;font-size:10px}.subtle-pill .icon{height:14px;width:14px}.hero-number{font-size:53px;letter-spacing:-1.9px;font-weight:600;margin:5px 0 2px;line-height:1.2}.hero-number>span{font-size:17px;margin-left:12px;letter-spacing:0;font-weight:400;color:#c7d9ca}.hero-card p{font-size:12px;color:#abc6b5}.week-bars{display:flex;gap:10px;height:86px;margin-top:20px;align-items:flex-end}.week-bars>div{flex:1;display:flex;flex-direction:column;gap:9px;align-items:center;height:100%;justify-content:flex-end}.week-bars .bar{height:55px;width:100%;display:flex;align-items:flex-end}.bar i{display:block;min-height:10px;height:var(--bar);border-radius:20px;background:#ffffff20;width:100%;transition:height .4s}.current .bar i{background:var(--lime)}.week-bars small{font-size:9px;letter-spacing:.7px;color:#a3bbaa}.current small{color:var(--lime)}.stat-stack{display:grid;grid-template-rows:1fr 1fr;gap:15px}.mini-stat{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:22px 24px}.mini-stat .muted{font-size:12px}.mini-stat strong{font-size:32px;display:block;letter-spacing:-1px;margin:5px 0}.mini-stat strong small{font-size:16px;color:var(--muted);font-weight:400;letter-spacing:0}.mini-stat>div>small{font-size:10px}.stat-icon{display:flex;justify-content:center;align-items:center;border-radius:50%;width:33px;height:33px;background:#f2f9ec;color:#80ab53}.stat-icon .icon{width:18px}.muted{color:var(--muted)}.green{color:#69995a}.middle-grid{display:grid;grid-template-columns:2.15fr 1fr;gap:21px;margin-bottom:21px}.goal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.goal-card{text-align:left;border-radius:19px;padding:18px 16px;min-width:0;transition:transform .2s}.goal-card:hover{transform:translateY(-3px)}.lime{background:linear-gradient(125deg,#daf33e,#bbd82d);color:#264022}.forest{background:linear-gradient(115deg,#193a2b,#315c43);color:#fff}.blue{background:linear-gradient(110deg,#2e5f70,#4a8090);color:#fff}.goal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;opacity:.85}.goal-top span{font-size:8px;letter-spacing:.8px}.goal-top .icon{height:22px;width:22px}.goal-card h3{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.goal-value{font-size:30px;font-weight:600;letter-spacing:-1px}.goal-value span{font-size:14px;opacity:.65;font-weight:400;letter-spacing:0}.meter{height:5px;border-radius:10px;background:#12321e13;overflow:hidden}.meter i{display:block;height:100%;background:var(--forest);border-radius:10px;transition:width .3s}.goal-card .meter{margin:11px 0 10px;background:#ffffff28}.goal-card.forest .meter i,.goal-card.blue .meter i{background:var(--lime)}.goal-card small{font-size:10px;opacity:.8;display:flex;justify-content:space-between;gap:3px;align-items:center}.goal-card small .icon{height:13px;width:13px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.quick-actions button{display:flex;align-items:center;flex-direction:column;gap:10px;font-size:10px;padding:0}.quick-actions button>span{width:46px;height:46px;border-radius:17px;background:var(--soft);display:flex;justify-content:center;align-items:center}.quick-actions button:first-child>span{background:var(--lime)}.quick-actions button:hover>span{outline:1px solid #809a6b}.weekly-message{border-top:1px solid var(--line);margin-top:25px;padding-top:21px;display:flex;align-items:center;gap:11px}.weekly-message>div strong{font-size:12px;font-weight:500;display:block}.weekly-message small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.weekly-message>.icon{color:#859a6a}.bottom-grid{display:grid;grid-template-columns:2.15fr 1fr;gap:21px;margin-bottom:21px}.routine-row{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.routine-row:last-child{border:0}.tile{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;flex-shrink:0;border-radius:14px}.pale{background:var(--soft);color:var(--ink)}.task-content{flex:1;min-width:0}.task-content strong{font-size:13px;display:block;font-weight:500;overflow-wrap:anywhere}.task-content small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.task-content .meter{margin-top:9px;height:3px;max-width:180px}.quantity{font-size:15px;white-space:nowrap}.quantity small{font-size:11px;color:var(--muted)}.round-btn{width:31px;height:31px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0}.round-btn .icon{width:15px;height:15px}.round-btn:hover,.round-btn.success{background:var(--forest);color:var(--lime);border-color:var(--forest)}.focus-promo{display:flex;align-items:flex-start;flex-direction:column;background:#eef0df}.focus-promo .section-head{width:100%;margin-bottom:10px}.focus-promo .section-head>svg{color:#899672}.focus-visual{display:flex;align-items:center;gap:13px;width:100%;padding:15px 0 20px}.focus-visual>div{width:50px;height:50px;border:1px solid #bcc9a5;border-radius:50%;display:flex;align-items:center;justify-content:center}.focus-visual .icon{height:25px;width:25px}.focus-visual>span{font-size:9px;letter-spacing:1.5px;color:#73805b}.focus-promo h3{font-size:31px;line-height:1.2;letter-spacing:-1px;margin:0 0 12px}.focus-promo p{font-size:12px;color:#7b846c;margin-bottom:22px}.focus-promo .btn{width:100%;margin-top:auto}.focus-promo>small{font-size:10px;color:#7b846c;align-self:center;margin-top:15px}.btn{padding:13px 20px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:500;min-height:44px}.btn.primary{background:#12391d;color:#fff}.btn.primary:hover{background:#24582f}.btn.secondary{background:var(--soft);color:var(--ink)}.btn.secondary:hover{filter:brightness(.97)}.btn .icon{width:17px;height:17px}.task-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.task-row:last-child{border:0}.check{width:23px;height:23px;border:1.5px solid #cdd4c6;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2px}.check.checked{background:var(--forest);border-color:var(--forest);color:var(--lime)}.completed .task-content strong{text-decoration:line-through;color:var(--muted)}.pill{border:1px solid var(--line);border-radius:20px;padding:5px 10px;font-size:10px;white-space:nowrap;color:var(--muted)}.pill.priority{color:#aa6536;background:#fdf1e6;border-color:#f3e3d5}.xp{font-size:10px;white-space:nowrap;color:#7b935a}.empty-inline{padding:13px 0;color:var(--muted);font-size:12px}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.empty>.icon{width:40px;height:40px;margin-bottom:15px;color:#8b9d75}.empty h3{color:var(--ink);margin-bottom:8px}.empty p{font-size:13px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.toolbar p{font-size:13px}.segmented{display:flex;align-items:center;border:1px solid var(--line);background:var(--card);border-radius:13px;padding:4px;gap:3px;overflow:auto}.segmented button{padding:9px 13px;font-size:12px;border-radius:10px;white-space:nowrap}.segmented button.selected{background:var(--forest);color:#fff}.segmented input{background:none;border:0;color:var(--ink);font-size:13px;padding:6px}.day-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:24px}.day-strip>button{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:13px;display:flex;flex-direction:column;align-items:center;gap:8px}.day-strip small{font-size:10px;letter-spacing:1px;color:var(--muted)}.day-strip b{font-size:23px;font-weight:500}.day-strip button.selected{background:var(--forest);color:white}.day-strip button.selected small{color:#b4c7b5}.day-strip i,.calendar i{width:4px;height:4px;border-radius:50%;display:block;margin:auto}.has-activity{background:#aacb2a}.planned{background:#639aac}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;text-align:center}.calendar>small{font-size:10px;color:var(--muted);padding-bottom:12px}.calendar>button{min-height:35px;border-radius:10px;font-size:12px;display:flex;flex-direction:column;gap:5px;padding:8px 0 3px}.calendar>button:hover{background:var(--soft)}.calendar>button.selected{background:var(--forest);color:white}.small-text{font-size:11px;margin-top:16px}.routines-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.routine-detail>h2{font-size:23px;margin:7px 0 10px}.routine-detail>p{font-size:12px;min-height:57px;color:var(--muted)}.overline{font-size:9px;letter-spacing:1.7px;color:var(--muted);font-weight:500;display:block;margin-top:10px}.routine-meta{margin:22px 0 12px;display:grid;gap:10px}.routine-meta>span{font-size:11px;display:flex;align-items:center;gap:9px}.routine-meta .icon{height:15px;width:15px;color:var(--muted)}.routine-detail .routine-row{flex-wrap:wrap;gap:9px;border-top:1px solid var(--line);margin-top:15px;padding-bottom:0}.routine-detail .routine-row>.tile{display:none}.routine-detail .task-content strong{display:none}.routine-detail .task-content .meter{max-width:none}.archived{margin-top:24px}.archived .section-head{margin:18px 0 0}.task-date{display:block;font-size:10px;color:var(--muted);margin-top:18px}.task-group+.task-group{border-top:1px solid var(--line)}.task-group>.task-row{padding-top:9px}.focus-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.timer-card{text-align:center;padding:30px}.timer-card h2{font-size:28px;margin-top:12px}.timer-card>p{font-size:13px;margin-top:10px}.focus-intent{display:block;max-width:330px;margin:25px auto 0;text-align:left;font-size:11px;color:var(--muted)}.focus-intent input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:7px;color:var(--ink)}.timer-ring{width:260px;height:260px;border:9px solid #dce9c3;border-top-color:var(--forest);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:36px auto}.timer-ring strong{font-size:64px;letter-spacing:-3px;display:block;font-weight:500;font-variant-numeric:tabular-nums}.timer-ring span{font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:8px;display:block}.timer-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.large-stat{font-size:58px;letter-spacing:-2px;margin:28px 0 32px}.large-stat small{display:block;font-size:13px;letter-spacing:0;color:var(--muted);margin-top:8px}.history-row{display:flex;align-items:center;gap:11px;margin-top:20px}.history-row>div{flex:1}.history-row strong{font-size:12px}.history-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.kpis .muted{font-size:12px}.kpis strong{font-size:29px;letter-spacing:-1px;display:block;margin-top:10px}.analytics-bars{display:flex;align-items:flex-end;height:230px;gap:8px;padding-top:20px;padding-bottom:24px}.analytics-bars>div{height:100%;flex:1;position:relative;display:flex;align-items:flex-end;min-width:2px}.analytics-bars i{display:block;width:100%;border-radius:10px 10px 4px 4px;background:var(--forest);min-height:4px}.analytics-bars>div:last-child i{background:var(--lime)}.analytics-bars small{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted)}.donut{width:175px;height:175px;margin:22px auto;border-radius:50%;background:conic-gradient(var(--forest) var(--percent),var(--lime) 0);padding:18px}.donut>div{width:100%;height:100%;background:var(--card);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.donut b{font-size:33px}.donut small{font-size:10px;color:var(--muted)}.legend{display:flex;gap:16px;justify-content:center;font-size:10px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--forest);margin-right:4px}.legend i.light{background:var(--lime)}.heat-card{margin-top:24px}.heat-card p{font-size:12px;margin-top:7px}.heat-scroll{overflow-x:auto;padding:8px 0}.heatmap{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;grid-auto-columns:12px;gap:4px;min-width:840px}.heat{border:0;border-radius:3px;background:color-mix(in srgb,#dce4d0 calc(100% - var(--intensity)*25%),#234b27 calc(var(--intensity)*25%));padding:0}.heat.future{opacity:.35}.heat:hover{outline:2px solid #779455;outline-offset:1px}.heat-legend{display:flex;justify-content:flex-end;gap:5px;align-items:center;margin-top:15px;color:var(--muted);font-size:9px}.heat-legend i{width:11px;height:11px}.badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.badge-card{text-align:center;padding:30px 20px}.badge-medal{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:1px solid #d9e0ce;background:var(--soft);border-radius:50%;margin:0 auto 22px;box-shadow:0 0 0 7px #dfe7d222}.badge-medal .icon{height:33px;width:33px}.badge-card.locked .badge-medal{color:#a8b19e}.badge-card.unlocked .badge-medal{background:var(--lime);border-color:#bed72b;color:var(--forest)}.badge-card h2{margin:10px 0}.badge-card p{font-size:12px;color:var(--muted);min-height:48px;margin-bottom:16px}.badge-card .pill{font-size:9px}.stack{display:grid;gap:21px;align-content:start}.stack>.card>p{font-size:12px;color:var(--muted);margin:13px 0 20px}.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.form{display:grid;gap:19px;margin-top:25px}.form label{font-size:12px;display:flex;flex-direction:column;gap:8px;color:var(--ink)}.form input,.form textarea,.form select{padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink);width:100%;font-size:13px;min-width:0}.form textarea{resize:vertical;min-height:85px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form>.btn{justify-self:start}.form .small-text{margin:0}.form fieldset{border:1px solid var(--line);border-radius:13px;padding:12px;margin:0}.form legend{font-size:11px;padding:0 7px}.week-checks{display:flex;gap:10px;flex-wrap:wrap}.week-checks label{display:flex;flex-direction:row;align-items:center;font-size:11px}.week-checks input,.form input[type=checkbox]{width:15px;height:15px;accent-color:var(--forest)}.form label.checkbox-label{flex-direction:row;align-items:center;line-height:1.6;font-size:11px}.logout{margin-top:25px}.mobile-nav,.mobile-more{display:none}footer{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;padding:26px 3px 20px;margin-top:14px}dialog{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:26px;padding:35px;width:min(540px,calc(100% - 28px));max-height:90dvh;box-shadow:0 30px 100px #102b2940}dialog::backdrop{background:#12302360;backdrop-filter:blur(5px)}dialog h2{font-size:26px;margin:13px 0 10px;letter-spacing:-.8px}dialog>p{font-size:12px;color:var(--muted)}.modal-close{position:absolute;right:17px;top:17px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);max-width:min(90vw,550px);background:#163d29;color:#fff;padding:15px 23px;font-size:13px;border-radius:16px;box-shadow:0 10px 35px #0002;opacity:0;transition:.2s;pointer-events:none;z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:54px;letter-spacing:-2px;font-weight:600}.boot span{font-size:12px;letter-spacing:0;color:var(--muted);margin-top:20px}.demo-banner{display:flex;gap:14px;font-size:9px;letter-spacing:.8px;color:#617247;border:1px solid #dce6bd;border-radius:11px;margin-bottom:24px;padding:10px 13px;align-items:center;background:#edf2d9}.demo-banner span{letter-spacing:0;color:#7c8867;flex:1}.demo-banner button{font-size:10px;text-decoration:underline}.auth-wrap{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:#193d2a;padding:70px;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;overflow:hidden}.auth-art:after{content:'';position:absolute;width:480px;height:480px;border-radius:50%;border:75px solid #d4e63715;bottom:-240px;right:-100px}.auth-art img{width:65px;height:65px;margin-bottom:50px}.auth-art h1{font-size:64px;letter-spacing:-3px;line-height:1.06;z-index:1}.auth-art p{color:#b5c8ad;margin-top:30px;font-size:15px}.auth-panel{max-width:460px;width:100%;padding:45px;margin:auto}.auth-panel h2{font-size:30px;margin-top:13px;letter-spacing:-1px}.auth-panel>p{font-size:14px;color:var(--muted);margin:20px 0}.auth-panel>.text-btn{display:block;margin-top:25px}.auth-panel .form>.btn{width:100%}button{transition:background .15s,color .15s,transform .15s}.card,.hero-card{animation:appear .35s ease both}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
[data-theme=dark]{--bg:#14221b;--card:#1d2e23;--ink:#e3e9dc;--muted:#96a38d;--line:#334432;--soft:#2b3d2e;color-scheme:dark}[data-theme=dark] .card{border-color:var(--line)}[data-theme=dark] .focus-promo{background:#263724}[data-theme=dark] .focus-promo h3{color:#e6eddd}[data-theme=dark] .focus-promo p,[data-theme=dark] .focus-promo small{color:#a5b599}[data-theme=dark] .stat-icon{background:#30462e}[data-theme=dark] .meter{background:#ffffff12}[data-theme=dark] .meter i{background:#c1d94b}[data-theme=dark] .pill.priority{background:#453725;color:#efb576;border-color:#5f4b2f}[data-theme=dark] .demo-banner{background:#2c3b20;border-color:#47582e;color:#b6ce74}[data-theme=dark] .demo-banner span{color:#a1b386}
@media(min-width:1600px){main{padding-left:50px;padding-right:50px}.hero-card{padding:33px}.goal-card{padding:22px}.card{padding:28px}}
@media(max-width:1180px){.sidebar{width:205px;padding:28px 14px}.brand{font-size:28px}.sidebar nav button{font-size:12px;gap:10px;padding:13px}.sidebar nav .icon{width:18px}main{margin-left:205px;width:calc(100% - 205px);padding:28px 24px 0}.overview,.middle-grid,.bottom-grid{grid-template-columns:1.9fr 1fr;gap:17px}.card{padding:20px}.goal-cards{gap:9px}.goal-card{padding:14px 11px}.quick-actions{grid-template-columns:repeat(2,1fr);row-gap:13px}.quick-actions button{flex-direction:row;gap:8px}.quick-actions button>span{width:34px;height:34px;border-radius:12px}.quick-actions .icon{width:17px}.weekly-message{margin-top:20px;padding-top:16px}.goal-top span{font-size:7px}.goal-card h3{font-size:11px}.goal-card small{font-size:9px}.routines-grid{grid-template-columns:repeat(2,1fr)}.quantity{font-size:13px}.routine-row{gap:10px}.task-row>.pill{display:none}.date-label{display:none}.focus-promo h3{font-size:27px}}
@media(max-width:900px){.overview,.middle-grid,.bottom-grid{grid-template-columns:1fr}.stat-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.quick-actions{grid-template-columns:repeat(4,1fr)}.quick-actions button{flex-direction:column}.quick-actions button>span{width:44px;height:44px}.weekly-message{margin-top:20px;padding-top:17px}.goal-card{padding:18px}.goal-card h3{font-size:13px}.goal-top span{font-size:9px}.goal-card small{font-size:10px}.hero-card{padding:25px}.focus-promo .focus-visual{display:none}.focus-promo h3{font-size:24px}.focus-promo h3 br{display:none}.focus-promo .btn{width:auto;margin-top:0}.focus-promo>small{align-self:flex-start}.focus-layout{grid-template-columns:1fr}.badges-grid{grid-template-columns:repeat(2,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}.routines-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar .segmented{max-width:100%}.auth-art{padding:35px}.auth-art h1{font-size:48px}.auth-panel{padding:30px}}
@media(max-width:650px){.sidebar{display:none}main{margin-left:0;width:100%;padding:23px 18px 80px}.page-head{margin-bottom:22px;gap:10px;align-items:center}h1{font-size:27px;letter-spacing:-1px}.eyebrow{font-size:12px}.head-actions{gap:9px}.head-actions .icon-btn{width:36px;height:36px}.avatar{min-width:36px;height:36px;border-radius:12px;font-size:11px}.overview{gap:14px;margin-bottom:16px}.hero-card{padding:22px 23px 19px;border-radius:23px}.hero-number{font-size:49px;margin-top:9px}.hero-card p{font-size:11px}.hero-top{font-size:12px}.subtle-pill{font-size:9px}.week-bars{gap:8px;height:75px;margin-top:16px}.stat-stack{gap:12px}.mini-stat{padding:18px 16px}.mini-stat strong{font-size:28px}.mini-stat strong small{font-size:13px}.mini-stat .muted{font-size:11px}.mini-stat>div>small{font-size:9px;line-height:1.5}.stat-icon{height:27px;width:27px;flex-shrink:0}.stat-icon .icon{width:15px;height:15px}.card{border-radius:23px;padding:21px 18px}.section-head h2{font-size:16px}.section-head{margin-bottom:18px}.text-btn{font-size:10px;gap:4px}.goal-cards{gap:10px;display:flex;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x mandatory}.goal-card{min-width:155px;flex:1;padding:17px 16px;scroll-snap-align:start}.goal-top{margin-bottom:20px}.goal-card h3{font-size:12px}.goal-value{font-size:30px}.middle-grid,.bottom-grid{gap:16px;margin-bottom:16px}.quick-actions{gap:12px}.quick-actions button>span{width:48px;height:48px;border-radius:17px}.quick-actions button{font-size:11px}.weekly-message>div strong{font-size:12px}.weekly-message small{font-size:10px}.routine-row{gap:10px;padding:15px 0}.tile{width:39px;height:39px;border-radius:13px}.tile .icon{height:19px;width:19px}.task-content strong{font-size:12px}.task-content small{font-size:9px}.quantity{font-size:13px}.quantity small{font-size:10px}.round-btn{width:29px;height:29px}.task-content .meter{max-width:120px}.focus-promo{padding:22px}.focus-promo h3{font-size:28px}.focus-promo p{margin-bottom:20px}.focus-promo .btn{width:100%}.focus-promo>small{align-self:center}.mobile-nav{position:fixed;display:flex;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--line);z-index:10;justify-content:space-around;padding:11px 9px max(12px,env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:var(--muted);min-width:52px;position:relative}.mobile-nav button.active{color:var(--ink)}.mobile-nav button.active:before{content:'';position:absolute;width:35px;height:26px;top:-3px;z-index:-1;background:var(--lime);border-radius:12px}.mobile-nav .icon{width:19px;height:19px}.mobile-more{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.mobile-more .btn{flex:1;padding:12px 10px;font-size:11px;min-width:130px}.toolbar{gap:13px;margin-bottom:18px}.toolbar>.btn{font-size:11px;padding:10px 15px}.toolbar>.segmented{width:100%;justify-content:space-between}.day-strip{gap:5px;margin-bottom:18px}.day-strip>button{padding:11px 5px;border-radius:14px;gap:7px}.day-strip small{font-size:8px}.day-strip b{font-size:19px}.form-grid{gap:12px}.form input,.form select,.form textarea{font-size:16px}.form label{font-size:11px}.task-row{gap:9px}.task-row>.xp{font-size:9px}.task-row>.icon-btn{width:25px}.badges-grid{gap:12px}.badge-card{padding:24px 12px}.badge-medal{height:65px;width:65px;margin-bottom:20px}.badge-card h2{font-size:16px}.badge-card p{font-size:11px;min-height:57px}.badge-card .pill{font-size:8px;padding:5px}.badge-card .overline{font-size:8px;letter-spacing:1px}.kpis{gap:12px}.kpis .card{padding:18px}.kpis strong{font-size:24px}.kpis .muted{font-size:10px}.timer-card{padding:25px 18px}.timer-card h2{font-size:25px}.timer-ring{width:230px;height:230px;margin:30px auto}.timer-ring strong{font-size:57px}.heat-card .section-head{align-items:flex-start}.heat-card h2{font-size:15px}.heat-card p{font-size:11px}.analytics-bars{height:190px}.demo-banner{font-size:8px;gap:7px;flex-wrap:wrap;margin-bottom:18px}.demo-banner span{flex-basis:70%;font-size:9px}.demo-banner button{font-size:9px}footer{font-size:8px;padding-top:15px}#toast{bottom:90px;font-size:12px;width:max-content;max-width:90vw}.auth-wrap{grid-template-columns:1fr}.auth-art{padding:35px;min-height:290px}.auth-art img{width:45px;height:45px;margin-bottom:23px}.auth-art h1{font-size:43px}.auth-art p{margin-top:20px;font-size:12px}.auth-panel{padding:33px 26px}.auth-panel h2{font-size:28px}dialog{padding:29px 22px}.week-checks{gap:9px}.week-checks label{font-size:10px}.section-head .pill{font-size:9px}.routine-detail>.routine-row{flex-wrap:nowrap}.routine-detail .task-content .meter{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.zen .sidebar,.zen .page-head,.zen footer,.zen .mobile-nav,.zen .demo-banner{display:none}.zen main{margin:0 auto;width:100%;max-width:1200px;padding:30px}.zen .focus-layout{grid-template-columns:1fr}.zen .focus-history{display:none}.task-row{touch-action:pan-y}