@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700&display=swap";html{scroll-behavior:smooth}body{overflow-x:hidden}::selection{color:#fff;background:#2857e0}:root{--ink:#111318;--muted:#727783;--paper:#f3f1eb;--surface:#fff;--line:#dcd9d0;--blue:#2857e0;--coral:#df5d45;--green:#169778;--soft-blue:#e8edff;--shadow:0 18px 60px #181c2614;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}.app-shell{background-image:linear-gradient(#11131806 1px,#0000 1px),linear-gradient(90deg,#11131806 1px,#0000 1px);background-size:32px 32px;min-height:100vh}.app-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#f3f1ebe0;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;padding:0 4vw;display:grid;position:sticky;top:0}.brand-button{cursor:pointer;background:0 0;border:0;width:max-content;padding:0}.logo{letter-spacing:-.04em;align-items:center;gap:11px;font-family:Unbounded,sans-serif;display:flex}.logo-mark{border:2px solid var(--ink);border-radius:50%;align-items:flex-end;gap:3px;width:32px;height:32px;padding:5px;display:flex}.logo-mark i{background:var(--ink);border-radius:4px;width:5px;display:block}.logo-mark i:first-child{height:9px}.logo-mark i:nth-child(2){background:var(--blue);height:18px}.logo-mark i:nth-child(3){height:13px}.top-nav{border:1px solid var(--line);background:#fff9;border-radius:18px;gap:4px;padding:5px;display:flex}.top-nav button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:13px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;display:flex}.top-nav button.active{background:var(--ink);color:#fff}.header-actions{justify-self:end;align-items:center;gap:10px;display:flex}.week-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:700}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.avatar{border:1px solid var(--ink);background:#ffcf54;border-radius:50%;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:grid}.page{width:min(1180px,92vw);margin:0 auto;padding:72px 0 100px}.intro-row,.journal-header{justify-content:space-between;align-items:flex-end;gap:48px;display:flex}.date-line,.timer-heading>p{color:var(--blue);margin:0 0 18px;font-size:14px;font-weight:800}.intro-row h1,.journal-header h1{letter-spacing:-.075em;max-width:760px;margin:0;font-family:Unbounded,sans-serif;font-size:clamp(48px,6vw,86px);line-height:.98}.week-score{align-items:center;gap:20px;min-width:320px;display:flex}.score-ring{background:conic-gradient(var(--blue) var(--progress),#deddd7 0);border-radius:50%;place-items:center;width:118px;height:118px;display:grid;position:relative}.score-ring:after{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:9px}.score-ring>div{z-index:1;text-align:center}.score-ring strong{letter-spacing:-.08em;font-family:Unbounded;font-size:31px;display:block}.score-ring span{color:var(--muted);font-size:12px}.week-score p{margin:0}.week-score p b,.week-score p span{display:block}.week-score p b{margin-bottom:8px;font-size:17px}.week-score p span{color:var(--muted);font-size:13px;line-height:1.55}.stat-strip{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:58px 0 72px;display:grid}.stat-strip>div{border-right:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:20px 24px;display:grid}.stat-strip>div:last-child{border:0}.stat-strip svg{color:var(--blue);grid-row:1/3}.stat-strip span{color:var(--muted);font-size:12px}.stat-strip strong{font-size:18px}.stat-strip small{color:var(--muted);font-size:12px}.section-block{margin-top:30px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:-.05em;margin:0 0 6px;font-family:Unbounded;font-size:25px}.section-heading p{color:var(--muted);margin:0;font-size:14px}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-weight:800;display:flex}.direction-list{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.direction-row{--accent:var(--blue);border-bottom:1px solid var(--line);grid-template-columns:52px 1.1fr 2fr 74px 100px;align-items:center;gap:18px;padding:25px 28px;display:grid}.direction-row:last-child{border:0}.direction-index{color:#9c9da2;font-family:Unbounded;font-size:12px}.direction-copy h3{margin:0 0 5px;font-size:18px}.direction-copy p{color:var(--muted);margin:0;font-size:12px}.block-budget{flex-wrap:wrap;gap:6px;display:flex}.block-budget i{background:#f6f5f1;border:1.5px solid #d4d2ca;border-radius:7px;width:27px;height:27px}.block-budget i.filled{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 -4px #00000017}.budget-copy strong,.budget-copy span{display:block}.budget-copy strong{font-size:15px}.budget-copy span{color:var(--muted);margin-top:3px;font-size:11px}.start-block{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.start-block:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.dashboard-bottom{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.insight-card,.recent-card,.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;position:relative;overflow:hidden}.insight-card{background:var(--blue);color:#fff;min-height:350px;padding:32px}.insight-top{opacity:.8;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.tiny-spark{color:var(--blue);background:#fff;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.insight-card h3{letter-spacing:-.055em;max-width:450px;margin:45px 0 16px;font-family:Unbounded;font-size:29px;line-height:1.18}.insight-card>p{opacity:.82;max-width:490px;font-size:14px;line-height:1.6}.insight-card button{color:#fff;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #fff6;align-items:center;gap:9px;padding:0 0 5px;font-weight:800;display:flex;position:absolute;bottom:32px}.mini-curve{opacity:.35;align-items:flex-end;gap:10px;width:220px;height:130px;display:flex;position:absolute;bottom:-2px;right:-5px}.mini-curve i{background:#fff;border-radius:8px 8px 0 0;width:25px}.mini-curve i:first-child{height:35px}.mini-curve i:nth-child(2){height:52px}.mini-curve i:nth-child(3){height:78px}.mini-curve i:nth-child(4),.mini-curve i:nth-child(5){height:105px}.mini-curve span{display:none}.section-heading.compact{align-items:center}.recent-list{border-top:1px solid var(--line)}.session-row{border-bottom:1px solid var(--line);grid-template-columns:12px 1fr auto auto;align-items:center;gap:14px;padding:18px 0;display:grid}.session-row:last-child{border:0}.session-dot{border-radius:50%;width:8px;height:8px}.session-row>div strong,.session-row>div span{display:block}.session-row>div strong{margin-bottom:3px;font-size:14px}.session-row>div span,.session-duration{color:var(--muted);font-size:11px}.session-duration{align-items:center;gap:5px;display:flex}.quality{color:#297522;background:#edf4e9;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;display:grid}.q7{color:#8d6412;background:#fff1d2}.timer-page{min-height:calc(100vh - 82px)}.timer-heading{text-align:center}.timer-heading h1{letter-spacing:-.075em;margin:0;font-family:Unbounded;font-size:clamp(42px,5vw,70px)}.timer-heading>span{color:var(--muted);margin-top:13px;display:block}.focus-stage{--accent:var(--blue);background:var(--ink);color:#fff;border-radius:36px;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;max-width:1050px;min-height:530px;margin:45px auto 0;padding:55px 70px;display:grid;position:relative;box-shadow:0 35px 100px #11131833}.focus-stage:before{content:"";background:var(--accent);filter:blur(130px);opacity:.22;border-radius:50%;width:280px;height:280px;position:absolute;top:20%;right:10%}.focus-controls{z-index:1;flex-direction:column;gap:25px;display:flex;position:relative}.focus-controls label{color:#999da8;font-size:12px;font-weight:700}.focus-controls select,.focus-controls input{color:#fff;background:0 0;border:0;border-bottom:1px solid #454851;outline:0;width:100%;margin-top:9px;padding:10px 0 15px;font-size:18px;font-weight:700;display:block}.focus-controls select option{color:#111}.focus-controls input:focus,.focus-controls select:focus{border-color:var(--accent)}.duration-switch{border:1px solid #3b3e45;border-radius:15px;gap:5px;width:max-content;padding:5px;display:flex}.duration-switch button{color:#91949c;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:700}.duration-switch button.active{color:var(--ink);background:#fff}.timer-disc{aspect-ratio:1;justify-self:center;width:min(360px,100%);position:relative}.timer-disc svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-disc circle{fill:none;stroke-width:7px}.timer-track{stroke:#31343a}.timer-line{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .5s linear}.timer-time{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.timer-time>span{text-transform:uppercase;letter-spacing:.18em;color:#8c909a;font-size:10px}.timer-time strong{letter-spacing:-.07em;margin:8px 0;font-family:Unbounded;font-size:62px}.timer-time small{color:#a8abb2}.timer-actions{z-index:1;grid-column:2;justify-content:center;align-items:center;gap:13px;margin-top:-55px;display:flex;position:relative}.secondary-round{color:#a9acb2;cursor:pointer;background:0 0;border:1px solid #484b52;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.primary-timer{color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:9px;height:54px;padding:0 25px;font-weight:800;display:flex}.complete-now{color:#fff;border-color:var(--accent)}.timer-hint{text-align:center;color:#777b85;grid-column:2;margin:-20px 0 0;font-size:11px}.quiet-note{border-top:1px solid var(--line);grid-template-columns:150px 1fr;gap:24px;max-width:620px;margin:40px auto 0;padding-top:22px;display:grid}.quiet-note span{color:var(--blue);font-size:12px;font-weight:800}.quiet-note p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.journal-header{align-items:flex-end}.week-picker{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:12px;padding:5px;display:flex}.week-picker button{cursor:pointer;background:0 0;border:0;place-items:center;width:35px;height:35px;display:grid}.week-picker span{text-align:center;min-width:150px;font-size:13px;font-weight:800}.journal-grid{grid-template-columns:1.8fr 1fr;gap:24px;margin-top:55px;display:grid}.chart-card{min-height:370px}.chart-title{justify-content:space-between;align-items:flex-start;display:flex}.chart-title>div span,.chart-title>div strong{display:block}.chart-title>div span{color:var(--muted);margin-bottom:7px;font-size:13px}.chart-title strong{letter-spacing:-.06em;font-family:Unbounded;font-size:35px}.chart-title small{color:var(--muted);margin-left:5px;font-size:13px}.chart-title p{color:var(--green);background:#e5f4ef;border-radius:99px;margin:0;padding:7px 10px;font-size:12px}.line-chart{margin-top:38px}.line-chart svg{width:100%;height:150px;overflow:visible}.line-chart line{stroke:#e4e2dc;stroke-width:1px}.quality-line{fill:none;stroke:var(--blue);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-days{grid-template-columns:repeat(7,1fr);margin-top:8px;display:grid}.chart-days span{color:var(--muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.chart-days b{color:var(--ink);font-size:12px}.budget-donut{background:conic-gradient(var(--blue) var(--value),#e9e7e0 0);border-radius:50%;place-items:center;width:150px;height:150px;margin:25px auto;display:grid;position:relative}.budget-donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:13px}.budget-donut>div{z-index:1;text-align:center}.budget-donut strong,.budget-donut span{display:block}.budget-donut strong{font-family:Unbounded;font-size:25px}.budget-donut span{color:var(--muted);font-size:10px}.legend{flex-direction:column;gap:9px;display:flex}.legend span{color:var(--muted);grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:11px;display:grid}.legend i{border-radius:50%;width:7px;height:7px}.legend b{color:var(--ink)}.journal-log{margin-top:50px}.session-table{border:1px solid var(--line);background:#fff;border-radius:22px;padding:4px 24px}.session-row.detailed{grid-template-columns:12px 1fr 160px 100px 38px}.session-time{color:var(--muted);font-size:11px}footer{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;padding:35px 4vw 55px;display:grid}footer p{font-size:13px}footer>span{justify-self:end;font-size:11px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#1113188c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rating-modal{background:var(--paper);text-align:center;border-radius:32px;width:min(560px,100%);padding:42px;position:relative;box-shadow:0 40px 120px #00000040}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:0;position:absolute;top:20px;right:20px}.completion-mark{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:55px;height:55px;margin:0 auto 17px;display:grid}.rating-modal>p{color:var(--muted);margin:0;font-size:12px}.rating-modal h2{letter-spacing:-.05em;margin:7px 0 25px;font-family:Unbounded;font-size:31px}.finished-task{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;padding:15px 18px}.finished-task span,.finished-task strong{display:block}.finished-task span{color:var(--muted);margin-bottom:4px;font-size:11px}.rating-scale{grid-template-columns:repeat(10,1fr);gap:5px;margin-top:25px;display:grid}.rating-scale button{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;font-weight:800}.rating-scale button.active{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-4px)}.scale-copy{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.save-session{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;height:54px;margin-top:25px;font-weight:800;display:flex}.toast{background:var(--ink);color:#fff;z-index:120;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:9px;padding:14px 18px;font-size:13px;display:flex;position:fixed;bottom:25px;right:25px}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #ffcf54}@media (width<=900px){.app-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--paper);grid-template-columns:auto 1fr auto}.top-nav{z-index:50;background:#ffffffeb;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000029}.week-pill{display:none}.intro-row,.journal-header{flex-direction:column;align-items:flex-start}.week-score{align-self:stretch}.direction-row{grid-template-columns:40px 1fr auto}.direction-copy{grid-column:2}.block-budget{grid-column:2/4}.budget-copy{grid-column:2}.start-block{grid-area:1/3/3}.dashboard-bottom,.journal-grid{grid-template-columns:1fr}.focus-stage{grid-template-columns:1fr;padding:40px}.timer-actions,.timer-hint{grid-column:1;margin:0}.focus-controls{order:2}.timer-disc{order:1}.timer-actions{order:3}.timer-hint{order:4}.journal-header h1,.intro-row h1{font-size:clamp(44px,10vw,70px)}footer{padding-bottom:110px}.mini-curve{display:none}}@media (width<=600px){.app-header{height:70px;padding:0 18px}.header-actions .icon-button{display:none}.top-nav button{padding:9px 12px}.top-nav button svg{width:18px}.top-nav button{font-size:0}.page{width:min(100% - 28px,1180px);padding:45px 0 85px}.intro-row h1,.journal-header h1{font-size:39px;line-height:1.03}.week-score{min-width:0}.score-ring{flex:none;width:95px;height:95px}.score-ring strong{font-size:25px}.stat-strip{grid-template-columns:1fr;margin:38px 0 48px}.stat-strip>div{border-right:0;border-bottom:1px solid var(--line)}.stat-strip>div:last-child{border:0}.section-heading{align-items:flex-start}.section-heading .text-button{font-size:0}.direction-row{gap:10px;padding:22px 18px}.direction-index{display:none}.direction-copy{grid-column:1/3}.block-budget{grid-column:1/4}.block-budget i{width:23px;height:23px}.budget-copy{grid-column:1}.start-block{grid-area:1/3;padding:9px}.start-block span{display:none}.insight-card{min-height:400px}.insight-card h3{font-size:25px}.focus-stage{border-radius:25px;margin-top:30px;padding:32px 18px}.timer-time strong{font-size:51px}.timer-heading h1{font-size:37px}.quiet-note{grid-template-columns:1fr}.journal-header{gap:30px}.week-picker{justify-content:space-between;align-self:stretch}.chart-card{padding:20px}.chart-title p{display:none}.session-row.detailed{grid-template-columns:10px 1fr auto}.session-row.detailed .session-time,.session-row.detailed .session-duration{display:none}.rating-modal{padding:38px 20px 24px}.rating-modal h2{font-size:25px}.rating-scale{gap:3px}.rating-scale button{border-radius:6px;font-size:11px}footer{flex-direction:column;align-items:flex-start;gap:12px;display:flex}footer>span{align-self:flex-start}.logo b{font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}