:root{--ink:#061522;--lime:#c8ec00;--mint:#bff3e4;--cream:#f6fff9;--line:#b9cbc2}body{min-height:100vh}.onboarding-body{background:var(--ink)}.onboarding-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.onboarding-story{padding:5vw 7vw;color:white;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 15% 90%,#7d9700,transparent 35%),var(--ink)}.light-brand{color:white}.onboarding-story h1{font-size:clamp(52px,7vw,94px);line-height:.9;letter-spacing:-.06em;max-width:760px}.onboarding-story p{font-size:20px;max-width:600px}.onboarding-story blockquote{font-size:18px;border-left:2px solid var(--lime);padding-left:20px;max-width:600px}.onboarding-form{background:var(--cream);display:grid;place-items:center;padding:7vw}.onboarding-form form{width:min(480px,100%)}.step-pill{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:8px 12px;font-size:11px;font-weight:800}.onboarding-form h2{font-size:44px;line-height:1.05}.onboarding-form label{display:block;font-weight:800;margin:20px 0}.onboarding-form label small{float:right;color:#73837c}.onboarding-form input:not([type=checkbox]){display:block;width:100%;padding:15px;border:1px solid var(--line);border-radius:14px;margin-top:7px}.privacy-check{display:flex!important;gap:10px;font-size:12px;font-weight:500!important}.full-button{width:100%}.demo-skip{display:block;text-align:center;margin-top:18px;color:var(--ink)}.checkin-body{background:linear-gradient(135deg,#effff9,var(--mint))}.question-shell{min-height:100vh;padding:36px 7vw}.question-shell>header{display:flex;justify-content:space-between}.question-shell>header a{color:var(--ink)}.question-shell>section{max-width:1100px;margin:65px auto}.future-message{font-size:14px}.question-shell h1{font-size:clamp(48px,7vw,88px);letter-spacing:-.055em;line-height:.92;max-width:800px;margin:18px 0}.intention-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:40px}.intention-grid button{border:1px solid var(--line);border-radius:24px;background:#fff9;padding:25px;text-align:left;min-height:250px;display:flex;flex-direction:column;cursor:pointer}.intention-grid button.selected{background:var(--ink);color:white;transform:translateY(-5px)}.intention-grid button>span{font-size:35px}.intention-grid small{margin-top:auto;font-size:10px;letter-spacing:1px}.intention-grid strong{font-size:22px;margin:8px 0}.intention-grid em{font-style:normal;font-size:13px}.question-action{margin-top:25px}.question-action:disabled,.focus-setup .button:disabled,.result-shell button:disabled{opacity:.4}.app-body{background:#f3f8f5;padding-top:86px}.app-header{height:86px;background:#f8fffbdc;backdrop-filter:blur(14px);position:fixed;inset:0 0 auto;z-index:10;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.app-header nav{display:flex;gap:30px}.app-header nav a{color:var(--ink);text-decoration:none;font-weight:800;font-size:13px}.app-header nav a.active{border-bottom:3px solid var(--lime);padding:32px 0}.user-chip{border:0;background:transparent;display:flex;align-items:center;gap:8px}.user-chip>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white}.dashboard,.catalog-page{padding:60px 7vw 110px}.welcome-card{display:grid;grid-template-columns:1fr 180px;align-items:center;background:radial-gradient(circle at 90% 20%,var(--lime),transparent 31%),var(--mint);border-radius:34px;padding:50px}.welcome-card h1{font-size:clamp(46px,6vw,78px);line-height:.92;letter-spacing:-.055em;margin:15px 0}.welcome-card p{font-size:18px}.date-orbit{width:155px;aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center}.date-orbit strong{font-size:55px;line-height:1}.quick-check{background:white;border:1px solid var(--line);border-radius:22px;margin:18px 0;padding:20px 25px;display:grid;grid-template-columns:190px 1fr auto;gap:25px;align-items:center}.quick-check>div{display:grid}.quick-check input{accent-color:#7e9900}.quick-check button{background:var(--ink);color:white;border:0;padding:13px 17px;border-radius:99px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.dashboard-grid>article{border-radius:28px;padding:32px}.today-step{background:linear-gradient(140deg,#efffaf,var(--lime))}.tool-symbol{font-size:38px;margin:24px 0}.today-step h2,.progress-preview h2{font-size:36px;line-height:1;margin:10px 0}.today-step a{display:inline-block;margin-top:20px;color:var(--ink);font-weight:800}.progress-preview{background:var(--ink);color:white}.progress-preview>div:nth-of-type(1){display:grid;margin:28px 0}.progress-preview>div strong{font-size:60px}.progress-line{height:8px;background:#385058;border-radius:99px}.progress-line i{display:block;width:0;height:100%;background:var(--lime);border-radius:99px}.dashboard-tools{margin-top:50px}.dashboard-tools>header{display:flex;justify-content:space-between;align-items:end}.dashboard-tools h2{font-size:35px;margin:7px 0}.dashboard-tools>header a{color:var(--ink);font-weight:800}.dashboard-tools>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dashboard-tools>div a{background:white;border:1px solid var(--line);border-radius:20px;padding:20px;color:var(--ink);text-decoration:none;display:grid}.dashboard-tools>div a>span{font-size:28px}.mobile-app-nav{display:none}.catalog-page>header h1{font-size:clamp(50px,7vw,88px);line-height:.9;letter-spacing:-.06em;margin:15px 0}.catalog-page>header p{font-size:18px}.catalog-search{display:flex;width:min(440px,100%);padding:13px 18px;background:white;border:1px solid var(--line);border-radius:99px}.catalog-search input{border:0;outline:0;width:100%;background:transparent;margin-left:8px}.catalog-filters{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.catalog-filters button{border:1px solid var(--line);background:white;padding:10px 15px;border-radius:99px}.catalog-filters button.active{background:var(--ink);color:white}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.catalog-grid>a,.catalog-grid>button{color:var(--ink);text-decoration:none;border:1px solid var(--line);background:white;border-radius:25px;padding:25px;text-align:left;min-height:300px;display:flex;flex-direction:column}.catalog-grid>[hidden]{display:none}.catalog-icon{width:55px;height:55px;border-radius:15px;display:grid;place-items:center;font-size:27px}.catalog-icon.lime{background:var(--lime)}.catalog-icon.mint{background:var(--mint)}.catalog-icon.violet{background:#d7c6ff}.catalog-icon.peach{background:#ffd3be}.catalog-icon.blue{background:#c7ddff}.catalog-grid small{margin-top:24px}.catalog-grid h2{font-size:27px;margin:7px 0}.catalog-grid footer{margin-top:auto;display:flex;justify-content:space-between}.catalog-grid footer b{font-size:11px;color:#718c00}.catalog-grid footer em{font-style:normal;font-size:11px;font-weight:800}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:white;padding:22px;border-radius:20px;max-width:370px;z-index:20;display:grid;gap:8px}.toast[hidden]{display:none}.toast button{justify-self:start;border:0;border-radius:99px;padding:8px 12px;background:var(--lime)}.focus-body{background:var(--ink);color:white}.focus-shell{min-height:100vh}.focus-shell>header{height:80px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.focus-shell>header a{color:white;text-decoration:none;font-weight:800}.exit-link{justify-self:end}.music-pill{border:1px solid #536970;border-radius:99px;padding:8px 12px}.music-pill button{border:0;background:var(--lime);border-radius:99px;margin-left:8px}.focus-intro,.focus-setup,.timer-view{max-width:1000px;margin:auto;padding:6vw;text-align:center}.focus-icon{font-size:60px}.focus-intro h1,.focus-setup h1{font-size:clamp(50px,7vw,86px);line-height:.9;letter-spacing:-.055em}.focus-intro>p{font-size:18px;max-width:700px;margin:20px auto}.pomodoro-how{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:35px 0}.pomodoro-how article{border:1px solid #3d535a;border-radius:20px;padding:20px;text-align:left;display:flex;gap:14px}.pomodoro-how article>b{color:var(--lime)}.pomodoro-how article span{display:grid}.focus-setup{text-align:left}.setup-grid{background:#102630;border:1px solid #365058;border-radius:28px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.setup-grid label,.setup-grid fieldset{display:grid;gap:10px;border:0;margin:0}.setup-grid input:not([type=range]){padding:14px;border-radius:12px;border:1px solid #587078;background:#061522;color:white}.score-buttons,.cycle-buttons{display:flex;gap:7px;flex-wrap:wrap}.score-buttons button,.cycle-buttons button{min-width:43px;border:1px solid #587078;background:transparent;color:white;border-radius:10px;padding:11px}.score-buttons button.active,.cycle-buttons button.active{background:var(--lime);color:var(--ink)}.cycle-buttons button small{display:block}.focus-setup>.button{margin-top:22px}.timer-view{padding-top:9vw}.timer-view>small:first-child{letter-spacing:2px;color:var(--lime)}.timer-view h1{font-size:clamp(100px,19vw,250px);line-height:.8;letter-spacing:-.08em;margin:40px 0}.timer-view>p{font-size:25px}.timer-progress{height:7px;background:#354b53;border-radius:99px}.timer-progress i{display:block;height:100%;width:0;background:var(--lime)}.timer-actions{display:flex;justify-content:center;gap:10px;margin:30px}.timer-actions button{border:1px solid #536970;background:transparent;color:white;border-radius:99px;padding:12px 17px}.timer-actions #timer-play{background:var(--lime);color:var(--ink);border-color:var(--lime)}.demo-timing{color:#8fa29d}.result-body{background:linear-gradient(135deg,var(--cream),var(--mint))}.result-shell{min-height:100vh;padding:6vw;display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center}.result-shell>section,.result-shell>aside{background:white;border:1px solid var(--line);border-radius:30px;padding:38px}.result-check{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:var(--lime);font-size:30px}.result-shell h1{font-size:55px;line-height:.95}.result-mission{display:grid;background:#eef7f2;border-radius:15px;padding:16px;margin:20px 0}.result-shell fieldset{border:0;padding:15px 0}.result-shell .score-buttons button{color:var(--ink);border-color:var(--line)}.comparison{display:flex;align-items:center;gap:15px;margin:35px 0}.comparison article{flex:1;background:var(--ink);color:white;border-radius:20px;padding:24px;display:grid;text-align:center}.comparison strong{font-size:55px}.result-shell blockquote{border-left:3px solid var(--lime);padding-left:18px;margin:40px 0 0}
@media(max-width:850px){.onboarding-shell,.dashboard-grid,.result-shell{grid-template-columns:1fr}.onboarding-story{min-height:55vh}.intention-grid{grid-template-columns:repeat(2,1fr)}.app-header nav{display:none}.catalog-grid{grid-template-columns:repeat(2,1fr)}.mobile-app-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;background:white;padding:9px;z-index:15}.mobile-app-nav a{display:grid;text-align:center;color:#71817a;text-decoration:none;font-size:18px}.mobile-app-nav a span{font-size:9px}.mobile-app-nav a.active{color:var(--ink)}.setup-grid{grid-template-columns:1fr}}
@media(max-width:600px){.question-shell{padding:25px 18px}.question-shell>section{margin:45px 0}.intention-grid,.catalog-grid,.dashboard-tools>div{grid-template-columns:1fr}.intention-grid button{min-height:185px}.dashboard,.catalog-page{padding:35px 18px 100px}.welcome-card{grid-template-columns:1fr;padding:30px}.date-orbit{display:none}.quick-check{grid-template-columns:1fr;gap:12px}.dashboard-tools>header{align-items:start}.pomodoro-how{grid-template-columns:1fr}.focus-shell>header{grid-template-columns:1fr 1fr}.music-pill{display:none}.focus-intro,.focus-setup,.timer-view{padding:55px 18px}.timer-view h1{font-size:110px}.timer-actions{flex-wrap:wrap}.result-shell{padding:18px}.result-shell h1{font-size:44px}}
@media(min-width:851px){.app-header nav{display:grid;grid-template-columns:repeat(4,max-content);justify-content:center;gap:clamp(14px,2.2vw,30px);min-width:500px;white-space:nowrap}.app-header nav a{display:grid;place-items:center}}