:root{color:#173c32;font-synthesis:none;--green:#173c32;--sage:#6f987e;--cream:#f5f2ea;--orange:#c26643;--line:#173c321f;background:#f5f2ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% -20%, #fffdf7 0, var(--cream) 48%, #efede5 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.app-shell{flex-direction:column;width:min(1180px,100% - 40px);min-height:100vh;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:20px;min-height:92px;display:flex}.brand{color:var(--green);align-items:center;gap:11px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--green);border-radius:10px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:20px;font-style:italic;display:grid}.today-pill{border:1px solid var(--line);color:#60766f;background:#ffffff7a;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;display:flex}.today-pill strong{color:var(--green)}.pulse{background:#72a17f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #72a17f24}.dashboard{flex:1;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch;gap:22px;padding:22px 0 40px;display:grid}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffad;border-radius:32px;box-shadow:0 24px 70px #22382f12}.timer-card{flex-direction:column;justify-content:space-between;align-items:center;min-height:650px;padding:28px;display:flex;position:relative;overflow:hidden}.timer-card:before{content:"";filter:blur(2px);background:#a0bea71a;border-radius:50%;width:420px;height:420px;position:absolute;top:115px}.mode-tabs{z-index:1;background:#eeeee8;border-radius:13px;padding:4px;display:flex}.mode-tabs button,.view-toggle button{cursor:pointer;background:0 0;border:0}.mode-tabs button{color:#7a8a84;border-radius:10px;min-width:86px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .2s}.mode-tabs button.active{color:var(--green);background:#fff;box-shadow:0 4px 14px #173c3214}.timer-orbit{--progress:0deg;z-index:1;aspect-ratio:1;background:conic-gradient(var(--orange) var(--progress), #173c3217 0);border-radius:50%;place-items:center;width:min(370px,76vw);padding:5px;display:grid;box-shadow:0 16px 60px #173c3217}.timer-face{background:#fffdf8;border:14px solid #f7f6f0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.timer-label{color:var(--orange);letter-spacing:.14em;margin-bottom:5px;font-size:12px;font-weight:700}.timer-face time{letter-spacing:-.07em;font-variant-numeric:tabular-nums;font-size:clamp(64px,7vw,88px);font-weight:500;line-height:1.08}.session-note{color:#82918c;margin-top:9px;font-size:13px}.timer-actions{z-index:1;align-items:center;gap:10px;display:flex}.primary-button,.icon-button{cursor:pointer;border:0;transition:transform .16s,box-shadow .16s}.primary-button:hover,.icon-button:hover{transform:translateY(-2px)}.primary-button{color:#fff;background:var(--green);border-radius:15px;min-width:160px;padding:14px 24px;font-weight:700;box-shadow:0 12px 25px #173c322e}.primary-button span{margin-right:8px;font-size:12px}.icon-button{border:1px solid var(--line);background:#ffffffbd;border-radius:15px;width:48px;height:48px;font-size:18px}.settings-panel{z-index:2;border:1px solid var(--line);background:#fffdf8;border-radius:16px;grid-template-columns:1fr 1fr;gap:10px;width:min(390px,100%);padding:13px;display:grid}.settings-panel label{color:#687c75;grid-template-columns:1fr auto auto;align-items:center;gap:6px;font-size:12px;display:grid}.settings-panel input{border:1px solid var(--line);width:52px;color:var(--green);background:#f7f5ef;border-radius:8px;outline:none;padding:7px;font-weight:700}.records-card{flex-direction:column;padding:34px;display:flex}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.kicker{color:var(--orange);letter-spacing:.18em;font-size:10px;font-weight:800}h2{margin:5px 0 0;font-family:Georgia,Noto Serif SC,serif;font-size:30px;line-height:1.25}.view-toggle{background:#eeeee8;border-radius:10px;padding:3px;display:flex}.view-toggle button{color:#7d8d87;border-radius:8px;padding:7px 11px;font-size:12px}.view-toggle button.active{color:var(--green);background:#fff;font-weight:700}.summary{color:#fff;background:var(--green);border-radius:20px;margin-top:34px;padding:20px;box-shadow:0 16px 32px #173c3224}.summary span,.summary small{color:#ffffffad;font-size:12px;display:block}.summary strong{margin:6px 0 8px;font-family:Georgia,Noto Serif SC,serif;font-size:29px;display:block}.record-list{flex:1;min-height:218px;margin:22px 0}.record-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:13px 4px;display:grid}.record-dot{background:var(--sage);border:2px solid #fff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #6f987e2b}.record-row div{flex-direction:column;display:flex}.record-row strong,.record-row b{font-size:13px}.record-row small{color:#90a099;margin-top:2px;font-size:11px}.record-row button{cursor:pointer;color:#a1aaa6;background:0 0;border:0;font-size:19px}.empty-state{color:#8d9b96;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:205px;display:flex}.empty-state span{font-size:28px}.empty-state p{margin:11px 0;font-size:13px;line-height:1.7}.week-chart{flex:1;align-items:stretch;gap:9px;min-height:240px;padding:24px 0 17px;display:flex}.bar-item{color:#87958f;text-align:center;flex:1;grid-template-rows:20px 1fr 20px;gap:5px;min-width:0;font-size:10px;display:grid}.bar-track{background:#173c320a;border-radius:8px;justify-content:center;align-items:flex-end;min-height:160px;display:flex;overflow:hidden}.bar-track span{background:#b7c8bb;border-radius:8px 8px 3px 3px;width:100%;transition:height .35s}.bar-item.today{color:var(--orange);font-weight:700}.bar-item.today .bar-track span{background:var(--orange)}.bar-value{white-space:nowrap;align-self:end}.manual-form{border-top:1px solid var(--line);padding-top:18px}.manual-form label{color:#6d7e78;margin-bottom:9px;font-size:12px;font-weight:600;display:block}.manual-form div{gap:8px;display:flex}.manual-form input{border:1px solid var(--line);min-width:0;color:var(--green);background:#f8f7f2;border-radius:11px;outline:none;flex:1;padding:11px 13px}.manual-form input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #6f987e1f}.manual-form button{cursor:pointer;color:#fff;background:var(--orange);border:0;border-radius:11px;padding:11px 14px;font-size:12px;font-weight:700}footer{border-top:1px solid var(--line);color:#83918c;justify-content:space-between;align-items:center;min-height:68px;font-size:12px;display:flex}footer span{color:var(--green);font-weight:700}footer p{margin:0}@media (width<=900px){.dashboard{grid-template-columns:1fr}.timer-card{min-height:620px}.records-card{min-height:600px}}@media (width<=560px){.app-shell{width:min(100% - 24px,1180px)}.topbar{min-height:76px}.today-pill{padding:8px 10px;font-size:11px}.dashboard{gap:14px;padding-top:8px}.card{border-radius:24px}.timer-card{min-height:570px;padding:20px 14px}.timer-orbit{width:min(320px,82vw)}.timer-face{border-width:10px}.timer-face time{font-size:64px}.primary-button{min-width:142px}.settings-panel{grid-template-columns:1fr}.records-card{min-height:570px;padding:25px 20px}h2{font-size:26px}.summary{margin-top:24px}footer{text-align:center;flex-direction:column;justify-content:center;gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.product-shell{color:#183b32;background:#f4f2eb;grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.side-nav{background:#faf9f4e6;border-right:1px solid #183b321a;flex-direction:column;height:100vh;padding:28px 20px 22px;display:flex;position:sticky;top:0}.product-brand{cursor:pointer;color:#183b32;text-align:left;background:0 0;border:0;align-items:center;gap:11px;font-size:18px;font-weight:800;display:flex}.product-brand i{color:#fff;background:#183b32;border-radius:10px;place-items:center;width:34px;height:34px;font:italic 20px Georgia,serif;display:grid}.side-nav nav{gap:5px;margin-top:50px;display:grid}.nav-caption{color:#9aa59f;letter-spacing:.14em;text-transform:uppercase;margin:0 10px 9px;font-size:10px;font-weight:800;display:block}.side-nav nav button,.side-projects button{cursor:pointer;text-align:left;background:0 0;border:0;width:100%}.side-nav nav button{color:#708079;border-radius:11px;align-items:center;gap:12px;padding:11px 12px;font-size:13px;font-weight:600;display:flex;position:relative}.side-nav nav button b{text-align:center;width:22px;font-size:18px;font-weight:400}.side-nav nav button.active{color:#fff;background:#183b32;box-shadow:0 10px 24px #183b3226}.side-nav nav button em{background:#d1724f;border-radius:50%;width:7px;height:7px;position:absolute;right:12px}.side-projects{gap:7px;margin-top:36px;display:grid}.side-projects button{color:#61736c;align-items:center;gap:9px;padding:7px 11px;font-size:12px;display:flex}.side-projects i,.task-item small i{border-radius:50%;width:8px;height:8px}.side-quote{color:#718078;background:#efeee7;border-radius:15px;margin-top:auto;padding:16px;font:12px/1.7 Georgia,Noto Serif SC,serif}.workspace{min-width:0;padding:34px clamp(28px,4vw,58px) 50px}.workspace-header{justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:0 auto 30px;display:flex}.date-label{color:#8b9993;letter-spacing:.06em;font-size:11px;font-weight:700}.workspace-header h1{letter-spacing:-.04em;margin:5px 0 0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(30px,3vw,42px);font-weight:600}.header-actions{align-items:center;gap:12px;display:flex}.header-actions>button{cursor:pointer;color:#fff;background:#183b32;border:0;border-radius:12px;padding:12px 17px;font-size:12px;font-weight:700}.streak{color:#7a8983;background:#ffffff8c;border:1px solid #183b321a;border-radius:12px;padding:10px 13px;font-size:11px}.streak strong{color:#183b32}.overview-grid,.focus-layout,.page-grid,.stats-grid,.phone-grid{gap:18px;width:100%;max-width:1240px;margin:0 auto;display:grid}.overview-grid{grid-template-rows:auto auto auto;grid-template-columns:minmax(420px,1.25fr) repeat(2,minmax(170px,.5fr))}.panel{background:#ffffffb8;border:1px solid #183b321a;border-radius:22px;box-shadow:0 16px 50px #1c30280e}.focus-card{grid-row:span 2;min-height:530px;padding:24px}.focus-card.compact{min-height:530px}.focus-card-head{justify-content:space-between;align-items:center;display:flex}.timer-modes{background:#eeeee8;border-radius:10px;padding:4px;display:flex}.timer-modes button{cursor:pointer;color:#7b8983;background:0 0;border:0;border-radius:8px;padding:7px 11px;font-size:11px}.timer-modes button.active{color:#183b32;background:#fff;font-weight:700;box-shadow:0 3px 10px #183b3214}.focus-card-head label{color:#87958f;font-size:11px}.focus-card-head input{text-align:center;background:#f8f7f2;border:1px solid #183b3221;border-radius:8px;width:49px;padding:6px}.focus-core{flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 42px);display:flex}.focus-ring{--ring:0deg;aspect-ratio:1;background:conic-gradient(#c86b49 var(--ring), #e4e8e2 0);border-radius:50%;place-items:center;width:min(310px,32vw);padding:5px;display:grid;box-shadow:0 18px 55px #183b321c}.focus-ring>div{background:#fffdf8;border:11px solid #f8f7f2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.focus-ring span{color:#c16645;letter-spacing:.12em;font-size:10px;font-weight:800}.focus-ring time{letter-spacing:-.07em;font-variant-numeric:tabular-nums;margin:3px 0;font-size:clamp(57px,6vw,76px);font-weight:500}.focus-ring small{color:#899791;text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-size:11px;overflow:hidden}.task-select{color:#5e726a;background:#f8f7f2;border:1px solid #183b321a;border-radius:10px;width:min(330px,90%);margin-top:20px;padding:10px 12px;font-size:11px}.focus-actions{gap:8px;margin-top:20px;display:flex}.focus-actions button{cursor:pointer;background:#fff;border:1px solid #183b321f;border-radius:11px;min-width:78px;padding:12px 17px;font-size:12px;font-weight:700}.focus-actions .start-button{color:#fff;background:#183b32;border-color:#183b32;min-width:148px;box-shadow:0 10px 22px #183b3229}.metric-card{flex-direction:column;justify-content:center;min-height:150px;padding:22px;display:flex}.metric-card span,.phone-mini span{color:#7e8d87;font-size:11px}.metric-card strong,.phone-mini strong{margin:8px 0;font-family:Georgia,Noto Serif SC,serif;font-size:27px;display:block}.metric-card small,.phone-mini small{color:#94a09b;font-size:10px}.metric-card.green{color:#fff;background:#183b32}.metric-card.green span,.metric-card.green small{color:#ffffffa6}.metric-card.orange{background:#ead9cd}.phone-mini{cursor:pointer;justify-content:space-between;align-items:center;min-height:126px;padding:22px;display:flex}.phone-mini b{font-size:26px;font-weight:300}.week-card{grid-column:2/4;padding:22px}.panel-title{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.eyebrow{color:#c16645;letter-spacing:.16em;font-size:9px;font-weight:800}.panel-title h2,.project-panel h2,.stats-log h2,.connect-panel h2{margin:4px 0 0;font-family:Georgia,Noto Serif SC,serif;font-size:22px}.panel-title>strong{font-size:14px}.panel-title>span,.panel-title button{color:#82918b;background:0 0;border:0;font-size:10px}.panel-title button{cursor:pointer}.mini-bars{align-items:flex-end;gap:9px;height:100px;padding-top:14px;display:flex}.mini-bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.mini-bars span{background:#98b19e;border-radius:5px 5px 2px 2px;width:100%;min-height:4px}.mini-bars small{color:#899790;font-size:9px}.task-list{grid-column:1/4;padding:22px}.task-list>div:last-child{margin-top:11px}.task-item{border-top:1px solid #183b3214;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 3px;display:grid}.task-item .check{cursor:pointer;color:#fff;background:#fff;border:1px solid #a7b3ad;border-radius:6px;width:20px;height:20px;padding:0;font-size:11px}.task-item.done .check{background:#6d9379;border-color:#6d9379}.task-item.done strong{color:#9aa39f;text-decoration:line-through}.task-item div{flex-direction:column;gap:4px;display:flex}.task-item strong{font-size:12px}.task-item small{color:#929e99;align-items:center;gap:6px;font-size:9px;display:flex}.task-item .delete{cursor:pointer;color:#a4ada9;background:0 0;border:0;font-size:18px}.focus-layout{grid-template-columns:minmax(480px,1.2fr) minmax(300px,.8fr)}.focus-layout .focus-card{min-height:690px}.focus-notes{min-height:690px;padding:34px}.focus-notes h2{margin:7px 0 26px;font-family:Georgia,Noto Serif SC,serif;font-size:29px}.focus-notes select,.focus-notes textarea{color:#304f46;background:#f8f7f2;border:1px solid #183b321c;border-radius:12px;width:100%}.focus-notes select{padding:12px}.focus-notes textarea{resize:vertical;min-height:260px;margin-top:12px;padding:16px;line-height:1.7}.focus-rules{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.focus-rules span{color:#648072;background:#e9f0e9;border-radius:999px;padding:8px 10px;font-size:9px}.page-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.task-board,.project-panel{min-height:620px;padding:28px}.quick-task{grid-template-columns:1fr auto auto;gap:8px;margin:24px 0;display:grid}.quick-task input,.quick-task select{background:#f8f7f2;border:1px solid #183b321c;border-radius:10px;min-width:0;padding:11px 12px}.quick-task button{cursor:pointer;color:#fff;background:#183b32;border:0;border-radius:10px;padding:11px 15px;font-weight:700}.task-board .task-list{padding:0}.project-row{border-bottom:1px solid #183b3217;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:17px 0;display:grid}.project-row>i{border-radius:50%;width:10px;height:10px}.project-row div{flex-direction:column;gap:3px;display:flex}.project-row strong,.project-row b{font-size:12px}.project-row small{color:#92a09a;font-size:9px}.import-box{background:#f6f5ef;border:1px dashed #183b3233;border-radius:15px;margin-top:28px;padding:20px}.import-box strong{font-size:12px}.import-box p{color:#83908b;margin:7px 0 12px;font-size:10px;line-height:1.6}.import-box button{color:#9aa39f;background:#e9e9e3;border:0;border-radius:8px;padding:7px 10px;font-size:9px}.stats-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.stats-main,.stats-log{min-height:620px;padding:30px}.large-bars{align-items:flex-end;gap:13px;height:440px;padding-top:40px;display:flex}.large-bars>div{text-align:center;flex:1;grid-template-rows:20px 1fr 24px;gap:6px;height:100%;display:grid}.large-bars b{color:#73847d;align-self:end;font-size:9px}.large-bars>div>span{background:#183b320a;border-radius:8px;align-items:flex-end;display:flex;overflow:hidden}.large-bars i{background:#8daa94;border-radius:8px 8px 3px 3px;width:100%}.large-bars small{color:#8b9893;font-size:10px}.session-row{border-bottom:1px solid #183b3214;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:15px 0;display:grid}.session-row>i{border-radius:50%;width:9px;height:9px}.session-row div{flex-direction:column;gap:4px;display:flex}.session-row strong,.session-row b{font-size:11px}.session-row small,.muted{color:#929f9a;font-size:9px}.phone-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.phone-summary,.connect-panel{min-height:650px;padding:30px}.online,.offline{border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700}.online{color:#4c775d;background:#e5efe7}.offline{color:#9a715f;background:#f1e5de}.screen-total{color:#fff;background:#183b32;border-radius:17px;margin:25px 0;padding:24px}.screen-total span,.screen-total small{color:#ffffffa1;font-size:10px;display:block}.screen-total strong{margin:6px 0 8px;font:32px Georgia,serif;display:block}.app-usage-list>div{grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:10px 0;display:grid}.app-avatar{color:#fff;background:#6f8f7a;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.app-usage-list>div>div{min-width:0}.app-usage-list strong{margin-bottom:6px;font-size:11px;display:block}.app-usage-list div span{background:#eceeea;border-radius:4px;height:4px;display:block;overflow:hidden}.app-usage-list div span i{background:#c46a48;border-radius:4px;height:100%;display:block}.app-usage-list b{font-size:10px}.phone-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.phone-empty>span{color:#789086;font-size:52px}.phone-empty h3{margin:14px 0 7px;font:22px Georgia,serif}.phone-empty p{color:#7e8e87;max-width:390px;font-size:11px;line-height:1.8}.connect-panel ol{color:#6f8079;margin:25px 0;padding-left:21px;font-size:11px;line-height:2.2}.connect-panel label{color:#76877f;gap:7px;font-size:10px;display:grid}.connect-panel input{background:#f7f6f0;border:1px solid #183b321f;border-radius:10px;padding:11px 12px}.connect-panel>button{cursor:pointer;color:#fff;background:#183b32;border:0;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:11px;font-weight:700}.connect-panel>button:disabled{opacity:.45;cursor:default}.privacy-note{background:#eef1eb;border-radius:13px;margin-top:30px;padding:17px}.privacy-note strong{font-size:10px}.privacy-note p,.error{color:#76857f;margin:6px 0 0;font-size:9px;line-height:1.7}.error{color:#b4503c}@media (width<=1050px){.product-shell{grid-template-columns:76px minmax(0,1fr)}.side-nav{padding:24px 12px}.product-brand span,.side-nav nav button span,.side-nav .nav-caption,.side-projects,.side-quote{display:none}.product-brand{justify-content:center}.side-nav nav button{justify-content:center;padding:12px}.overview-grid{grid-template-columns:minmax(390px,1.2fr) repeat(2,.5fr)}}@media (width<=820px){.product-shell{padding-bottom:70px;display:block}.side-nav{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf9f4f5;border:1px solid #183b321a;width:100%;height:66px;padding:7px 12px;display:block;position:fixed;inset:auto 0 0}.product-brand,.side-projects,.side-quote,.side-nav .nav-caption{display:none}.side-nav nav{grid-template-columns:repeat(5,1fr);gap:3px;height:100%;margin:0;display:grid}.side-nav nav button{flex-direction:column;justify-content:center;gap:2px;padding:5px;font-size:8px}.side-nav nav button b{font-size:17px}.side-nav nav button span{display:block}.workspace{padding:24px 16px}.overview-grid{grid-template-columns:1fr 1fr}.focus-card{grid-area:auto/1/auto/3}.week-card,.task-list{grid-column:1/3}.focus-layout,.page-grid,.stats-grid,.phone-grid{grid-template-columns:1fr}.focus-ring{width:min(310px,68vw)}.focus-layout .focus-card,.focus-notes,.task-board,.project-panel,.stats-main,.stats-log,.phone-summary,.connect-panel{min-height:auto}}@media (width<=520px){.workspace-header{align-items:flex-start}.workspace-header h1{font-size:29px}.header-actions .streak{display:none}.header-actions>button{padding:10px 12px}.overview-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.focus-card{min-height:520px;padding:16px}.focus-ring{width:min(280px,78vw)}.focus-ring time{font-size:59px}.metric-card{min-height:130px;padding:16px}.metric-card strong{font-size:22px}.phone-mini,.week-card,.task-list{grid-column:1/3}.quick-task{grid-template-columns:1fr auto}.quick-task select{grid-column:1/2}.panel{border-radius:18px}.phone-summary,.connect-panel,.task-board,.project-panel,.stats-main,.stats-log{padding:20px}}