:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7f8ff;background:#090d1c;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#090d1c;color:#f7f8ff}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #7c83ff;outline-offset:3px}[data-theme=light] body{background:#eff2ff;color:#141b36}.page-shell{min-height:100vh;width:100%;max-width:520px;margin:0 auto;padding:28px 22px 110px;background:radial-gradient(circle at 50% -10%,rgba(91,96,220,.35),transparent 35%),#090d1c;position:relative;overflow:hidden}[data-theme=light] .page-shell{background:linear-gradient(180deg,#f4f5ff,#e9edff);color:#141b36}.onboarding-shell{padding-top:44px;display:flex;flex-direction:column;min-height:100vh}.brand-mark{height:34px;width:34px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#7776ff,#35cfc1);box-shadow:0 10px 35px #5d66ff59}.brand-mark.small{height:28px;width:28px;border-radius:9px}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:#9fa8d6;font-weight:700}.onboarding-shell>.eyebrow{margin-top:28px}.onboarding-main{flex:1;display:flex;flex-direction:column;justify-content:center}.hero-art{height:255px;border:1px solid rgba(166,176,255,.18);border-radius:28px;margin:25px 0 38px;display:grid;place-items:center;align-content:center;gap:22px;background:radial-gradient(circle at 50% 30%,rgba(91,110,255,.27),transparent 42%),#141b39b8;box-shadow:0 25px 70px #0003}.hero-art svg{color:#f3f4ff;filter:drop-shadow(0 0 18px rgba(104,112,255,.9))}.hero-art span{font-size:11px;padding:6px 12px;border-radius:999px;color:#a8f7e5;background:#42d6c21f}h1{font-size:34px;line-height:1.08;letter-spacing:-.055em;margin:8px 0 14px}h2{font-size:24px;line-height:1.1;letter-spacing:-.04em;margin:7px 0}h3{font-size:13px;margin:25px 0 10px}p{line-height:1.6}.muted{color:#9ba4c2;font-size:14px}.onboarding-main>p{max-width:360px;font-size:15px;color:#aab3ce;margin:0 0 27px}.gradient-button{border:0;border-radius:17px;padding:15px 18px;color:#fff;background:linear-gradient(105deg,#746dff,#36cfc0);box-shadow:0 14px 30px #5c65ff3d;font-weight:700;display:inline-flex;gap:9px;align-items:center;justify-content:center}.gradient-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.wide{width:100%}.outline-button{border:1px solid rgba(154,164,214,.25);border-radius:17px;padding:13px 17px;color:inherit;background:#ffffff06;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-weight:600}.outline-button:hover{background:#ffffff14}.progress-dots{display:flex;justify-content:center;gap:7px;margin-top:24px}.progress-dots i{height:6px;width:6px;border-radius:6px;background:#303750}.progress-dots i.active{width:28px;background:#7b7aff}.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px}.mini-choice,.check-row,.permission-row{border:1px solid rgba(153,164,219,.17);background:#1a2245b3;border-radius:16px;padding:13px;display:flex;align-items:center;gap:10px;color:#c5cceb}.mini-choice svg{color:#8c8cff}.mini-choice span{font-size:12px}.check-list{display:grid;gap:7px;margin:2px 0 25px}.check-row{font-size:13px}.check-row svg{color:#45d5bc}.check-row span{margin-left:auto;color:#7c84a6;font-size:18px}.permission-list{display:grid;gap:10px;margin:4px 0 23px}.permission-row{width:100%;text-align:left;color:inherit}.permission-row.selected{border-color:#686dff;background:#5f5ee129}.permission-row b,.permission-row small{display:block}.permission-row small{font-size:11px;color:#8992b0;margin-top:3px}.icon-tile{display:grid;place-items:center;height:34px;width:34px;border-radius:11px;background:#6f75ff2b;color:#9b9cff}.toggle,.toggle-button{height:23px;width:42px;border:0;border-radius:20px;background:#303750;padding:3px;margin-left:auto;display:block}.toggle i,.toggle-button i{display:block;width:17px;height:17px;border-radius:50%;background:#8992ab;transition:.2s}.toggle i.on,.toggle-button.on i{transform:translate(19px);background:#fff}.toggle-button.on{background:#706eff}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.top-brand{display:flex;align-items:center;gap:9px;font-size:14px}.avatar{height:39px;width:39px;border-radius:50%;border:1px solid rgba(163,172,255,.27);background:#6269d638;color:#fff;font-size:12px}.avatar.large{height:42px;width:42px;display:grid;place-items:center}.content{animation:rise .35s ease both}.headline-row{display:flex;justify-content:space-between;align-items:flex-start}.streak{display:inline-flex;align-items:center;gap:6px;margin-top:9px;border:1px solid rgba(244,176,107,.2);border-radius:999px;padding:6px 10px;color:#f8c28b;font-size:11px;background:#f2a55314}.focus-card,.stat-card,.chart-card,.metric-card,.recommendation,.empty-card{border:1px solid rgba(153,164,219,.18);background:linear-gradient(145deg,#182044e6,#0e142bd4);box-shadow:0 20px 60px #00000024}.focus-card{border-radius:27px;padding:20px;margin:21px 0 15px}.card-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#b5b9ff}.card-label b{letter-spacing:0;color:#46d8a0;font-weight:500}.card-label i,.green i{display:inline-block;height:7px;width:7px;border-radius:50%;background:#42d889;margin-right:6px}.timer-ring,.big-timer{border-radius:50%;display:grid;place-items:center;margin:20px auto 16px;background:radial-gradient(circle,#161e43 62%,transparent 63%),conic-gradient(#44d3c1 0 28%,#7477ff 28% 77%,#202b51 77% 100%);position:relative}.timer-ring{width:177px;height:177px}.timer-ring:after,.big-timer:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#121936}.timer-ring>div,.big-timer>div{position:relative;z-index:1;text-align:center}.timer-ring strong{display:block;font:600 32px ui-monospace,monospace;letter-spacing:-.09em}.timer-ring span,.big-timer span{display:block;color:#8e98b7;font-size:11px;margin-top:4px}.focus-card>p{text-align:center;color:#afb8d2;font-size:13px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.stat-card{border-radius:17px;padding:12px 10px}.stat-card span,.stat-card small{display:block;color:#8e98b7;font-size:10px}.stat-card b{display:block;font-size:15px;margin:8px 0 4px}.stat-card small{color:#4fdb9f}.insight-strip{display:flex;gap:11px;align-items:flex-start;margin-top:22px;padding:13px;border-radius:17px;background:#6c6aff1a;color:#9ea4dc}.insight-strip b,.insight-strip span{display:block}.insight-strip b{color:#d9dcff;font-size:12px}.insight-strip span{font-size:11px;margin-top:3px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translate(-50%);width:min(520px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:13px 13px 16px;border-top:1px solid rgba(151,161,218,.12);background:#090d1ce6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{border:0;background:none;color:#7c86a7;display:grid;gap:5px;place-items:center;font-size:10px}.bottom-nav button.active{color:#8a86ff}.bottom-nav button:hover{color:#b7b5ff}.page-title{display:flex;justify-content:space-between;align-items:center}.count-badge{font-size:11px;padding:7px 10px;border-radius:999px;color:#8ee8ce;background:#38d1ae1a}.search-box{border:1px solid rgba(155,165,218,.2);border-radius:14px;padding:11px 12px;display:flex;align-items:center;gap:9px;color:#8b94b2;background:#ffffff09;margin:20px 0 25px}.search-box input{border:0;outline:0;color:inherit;background:none;min-width:0;width:100%;font-size:13px}.app-list{display:grid;gap:8px}.app-row,.setting-row{display:flex;align-items:center;gap:11px;padding:11px;border-radius:17px;background:#192142b3;border:1px solid rgba(151,161,218,.12)}.app-icon{height:35px;width:35px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800}.app-icon.tiny{height:28px;width:28px;border-radius:9px;font-size:9px}.app-info,.setting-row>span:nth-child(2){flex:1}.app-info b,.app-info small,.setting-row b,.setting-row small{display:block}.app-info small,.setting-row small{color:#8b95b3;font-size:11px;margin-top:3px}.empty-card{margin-top:17px;border-radius:18px;padding:14px;display:flex;gap:11px;color:#7e88ad}.empty-card b,.empty-card small{display:block}.empty-card b{font-size:12px;color:#bbc2df}.empty-card small{font-size:11px;margin-top:3px}.mode-list{display:grid;gap:9px;margin:23px 0}.mode-card{display:flex;gap:11px;align-items:center;text-align:left;color:inherit;padding:14px;border-radius:19px;background:linear-gradient(110deg,#222b55e6,#141c39bf);border:1px solid rgba(153,164,219,.16)}.mode-card>span:nth-child(2){flex:1}.mode-card b,.mode-card small,.mode-card em{display:block}.mode-card small{font-size:11px;color:#a7b1cf;margin-top:3px}.mode-card em{font-style:normal;font-size:10px;color:#6f7b9d;margin-top:7px}.mode-icon{height:36px;width:36px;border-radius:12px;display:grid;place-items:center;color:#9f9dff;background:#7875ff21}.session-shell{background:radial-gradient(circle at 50% 25%,rgba(73,92,218,.23),transparent 39%),#080c1a}.active-focus{text-align:center;min-height:calc(100vh - 130px);display:flex;flex-direction:column;align-items:center;padding-top:25px}.green{color:#42d889}.big-timer{width:270px;height:270px;margin:45px auto 35px;background:conic-gradient(#44d3c1 0 29%,#7477ff 29% 78%,#202b51 78% 100%)}.big-timer:after{inset:12px;background:#0b1024}.big-timer strong{display:block;font:500 53px ui-monospace,monospace;letter-spacing:-.1em}.big-timer span{max-width:120px;margin:9px auto 0;line-height:1.5}.blocked-count{display:flex;align-items:center;gap:7px;color:#bac2db;font-size:13px}.centered{justify-content:center}.chip-row{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 21px}.chip-row button,.chip-row span{border:1px solid rgba(155,166,219,.18);border-radius:999px;padding:8px 11px;color:#aeb7d1;background:#ffffff0a;font-size:11px}.active-actions{display:flex;gap:8px;margin-top:auto}.active-actions button{padding:11px 12px;font-size:11px}.end-button{margin-top:20px}.chart-card,.metric-card,.recommendation{border-radius:22px;padding:17px;margin-top:22px}.metric-card span,.metric-card b{display:block;color:#a6afd0;font-size:12px}.metric-card strong{display:block;font:600 36px ui-monospace,monospace;letter-spacing:-.08em;margin:12px 0 5px}.metric-card b{color:#46d59b;font-size:11px}.section-heading{display:flex;justify-content:space-between;font-size:12px;color:#c7cceb}.section-heading span{color:#8893b5;font-size:11px}.bars{height:150px;display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:20px}.bar-column{height:100%;display:flex;flex:1;flex-direction:column;justify-content:end;align-items:center;gap:8px}.bar-column i{display:block;width:100%;max-width:22px;border-radius:8px 8px 3px 3px;background:linear-gradient(#6269d9,#393e80)}.bar-column i.today{background:linear-gradient(#59ddc6,#716fff)}.bar-column small{font-size:10px;color:#7c87a9}.two-stat{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.two-stat>div{padding:14px;border-radius:18px;background:#192142b3;border:1px solid rgba(151,161,218,.12)}.two-stat svg{color:#8d90ff}.two-stat b,.two-stat small{display:block}.two-stat b{font-size:17px;margin-top:11px}.two-stat small{font-size:10px;color:#8c96b4;margin-top:2px}.recommendation{display:flex;gap:12px;color:#9c9aff}.recommendation span,.recommendation b,.recommendation small{display:block}.recommendation span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.recommendation b{font-size:13px;line-height:1.4;color:#d5d8f2;margin:7px 0}.recommendation small{font-size:11px;color:#9ba5c1}.text-button{border:0;background:none;color:#8d8aff;font-size:11px;padding:9px 0;display:inline-flex;align-items:center;gap:5px}.modal-backdrop,.drawer-backdrop{position:fixed;z-index:20;inset:0;background:#02050fb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:end;justify-content:center}.modal{width:min(520px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(161,171,235,.2);border-radius:28px 28px 0 0;padding:23px 22px 28px;background:#111832;box-shadow:0 -30px 80px #00000059}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start}.icon-button{height:32px;width:32px;border-radius:50%;border:1px solid rgba(155,166,219,.18);background:#ffffff0f;color:inherit;display:grid;place-items:center}.modal h3{display:flex;justify-content:space-between}.modal h3 span{font-size:10px;color:#808ba9;font-weight:400}.chip-row button.selected,.duration-grid button.selected,.theme-switch button.selected{background:#706eff;color:#fff;border-color:#706eff}.compact-apps{display:grid;grid-template-columns:1fr 1fr;gap:7px}.compact-app{display:flex;align-items:center;gap:8px;border:1px solid rgba(155,166,219,.15);border-radius:12px;background:#ffffff09;color:#bbc3dc;padding:8px;text-align:left;font-size:11px}.compact-app svg{margin-left:auto;color:#45d5bc;opacity:0}.compact-app svg.visible{opacity:1}.duration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:22px}.duration-grid button,.theme-switch button{border:1px solid rgba(155,166,219,.15);border-radius:12px;background:#ffffff09;color:#aeb7d1;padding:10px 3px;font-size:10px}.blocked-modal{text-align:center;padding-top:38px}.blocked-lock,.premium-icon{height:62px;width:62px;border-radius:21px;display:grid;place-items:center;margin:0 auto 20px;color:#a5a4ff;background:#6b6aff26;box-shadow:0 0 50px #6868ff33}.blocked-modal strong{display:block;color:#8e91ff;font-size:20px;margin:18px 0}.blocked-modal blockquote{color:#bcc3dc;font-style:italic;font-size:13px;margin:24px 0}.drawer-backdrop{align-items:stretch;justify-content:flex-end}.settings-drawer{width:min(430px,100%);padding:28px 22px;background:#10162d;border-left:1px solid rgba(160,170,235,.16);overflow:auto}.profile-card{display:flex;align-items:center;gap:11px;padding:15px;margin:25px 0;border-radius:18px;background:#242d56b3}.profile-card b,.profile-card small{display:block}.profile-card small{font-size:11px;color:#8e99b8;margin-top:3px}.theme-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px}.setting-row{margin-bottom:8px}.setting-icon{height:32px;width:32px;border-radius:10px;display:grid;place-items:center;background:#7674ff1f;color:#9692ff}.premium-row{border:1px solid rgba(128,125,255,.3);width:100%;display:flex;align-items:center;gap:11px;text-align:left;border-radius:17px;padding:13px;background:#6865ff1f;color:#a8a5ff;margin-top:21px}.premium-row span{flex:1}.premium-row b,.premium-row small{display:block}.premium-row b{color:#dddfff;font-size:12px}.premium-row small{color:#939bc1;font-size:10px;margin-top:3px}.reset-button{border:0;background:none;color:#6f7b9b;font-size:11px;margin:25px auto;display:block}.premium-shell{padding-top:48px}.back-button{border:0;background:none;color:#9ca6c4;display:flex;align-items:center;gap:5px;font-size:12px;margin-bottom:55px}.premium-icon{margin:0 0 22px}.plan-switch{display:grid;grid-template-columns:1fr 1.35fr;gap:7px;margin:25px 0}.plan-switch button{border:1px solid rgba(155,166,219,.18);border-radius:16px;padding:12px;text-align:left;background:#ffffff09;color:#9aa4c1;font-size:11px}.plan-switch b,.plan-switch span{display:block;margin-top:7px;color:#e1e2fa;font-size:14px}.plan-switch span{color:#47d5a0;font-size:10px}.plan-switch button.selected{border-color:#706eff;background:#706eff24}.feature-list{display:grid;gap:14px;margin:25px 0;color:#c3cae1;font-size:13px}.feature-list div{display:flex;gap:10px;align-items:center}.feature-list svg{color:#42d59e}.trust-note{display:flex;justify-content:center;gap:5px;align-items:center;color:#7e89a7;font-size:10px;margin-top:20px}.toast{position:fixed;z-index:50;left:50%;bottom:88px;transform:translate(-50%);background:#eff4ff;color:#1a2342;padding:11px 15px;border-radius:14px;box-shadow:0 10px 30px #0008;font-size:12px;white-space:nowrap;animation:rise .25s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(min-width:700px){.page-shell{max-width:760px;padding-left:46px;padding-right:46px}.bottom-nav{max-width:760px}.content{max-width:650px;margin:0 auto}.topbar{max-width:650px;margin-left:auto;margin-right:auto}.focus-card{padding:25px}.stats-grid{gap:13px}.mode-list,.app-list{grid-template-columns:1fr 1fr}.onboarding-main{max-width:470px;margin:0 auto;width:100%}}