.focus-page{background:radial-gradient(circle at 16% 10%,#4a63dc2e,transparent 32%),radial-gradient(circle at 88% 34%,#684bd51a,transparent 30%),var(--background);min-height:100vh;padding:0 32px 30px}.focus-header,.focus-hero,.focus-summary,.focus-workspace,.focus-weekly,.focus-history,.focus-footer{width:min(1160px,100%);margin-inline:auto}.focus-hero{justify-content:space-between;align-items:flex-end;gap:40px;padding:70px 0 42px;display:flex}.focus-hero>div>span,.focus-timer-card header span,.focus-task-card header span,.focus-history header span{color:#93a8ff;font:700 12px var(--font-geist-mono),monospace;letter-spacing:.15em;align-items:center;gap:7px;display:inline-flex}.focus-hero h1{color:#f3f5fb;letter-spacing:-.065em;margin:14px 0;font-size:clamp(40px,5.2vw,64px);line-height:1.02}.focus-hero h1 em{color:#829bff;font-style:normal}.focus-hero p{color:#8792a5;max-width:650px;margin:0;font-size:13px;line-height:1.75}.focus-hero aside{background:#2d3e801f;border:1px solid #778ff838;border-radius:15px;align-items:center;gap:12px;min-width:310px;padding:17px;display:flex}.focus-hero aside.connected{background:#1d69541a;border-color:#57c39f40}.focus-hero aside>svg{color:#84a0ff;width:25px;height:25px}.focus-hero aside>div:not(.focus-google){flex-direction:column;flex:1;gap:4px;display:flex}.focus-hero aside strong{color:#e4e9f4;font-size:var(--font-size-meta)}.focus-hero aside span{color:#778397;font-size:var(--font-size-meta)}.focus-google{flex:none}.focus-google>div{min-height:32px}.focus-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.focus-summary article{border:1px solid var(--border);background:#0b0e17d6;border-radius:16px;align-items:center;gap:14px;min-height:92px;padding:19px;display:flex}.focus-summary article>svg{box-sizing:content-box;color:#91a6ff;background:#5b75e21c;border-radius:12px;width:23px;height:23px;padding:11px}.focus-summary article div{flex-direction:column;gap:5px;display:flex}.focus-summary span{color:#747f92;font-size:var(--font-size-meta)}.focus-summary strong{color:#f0f3f9;font-size:23px}.focus-summary small{color:#778296;font-size:var(--font-size-meta);margin-left:4px;font-weight:500}.focus-workspace{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:14px;display:grid}.focus-timer-card,.focus-task-card,.focus-weekly,.focus-history{border:1px solid var(--border);background:#090c14e6;border-radius:20px}.focus-timer-card,.focus-task-card{padding:24px}.focus-timer-card>header,.focus-task-card>header,.focus-history>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.focus-timer-card h2,.focus-task-card h2,.focus-weekly h2,.focus-history h2{color:#edf1f8;letter-spacing:-.03em;margin:6px 0 0;font-size:21px}.focus-mode-switch{background:#070910;border:1px solid #ffffff14;border-radius:10px;padding:4px;display:flex}.focus-mode-switch button{color:#6f7a8d;min-width:62px;height:31px;font-size:var(--font-size-meta);cursor:pointer;background:0 0;border:0;border-radius:7px}.focus-mode-switch button.active{color:#eef2ff;background:#526de140}.focus-mode-switch button:disabled{cursor:default}.focus-timer-ring{--focus-progress:0deg;aspect-ratio:1;background:conic-gradient(#6687ff var(--focus-progress),#ffffff0e 0);border-radius:50%;width:min(280px,74vw);margin:28px auto 22px;padding:11px}.focus-timer-ring.break{background:conic-gradient(#9276ff var(--focus-progress),#ffffff0e 0)}.focus-timer-ring>div{background:#090c14;border:1px solid #ffffff0f;border-radius:50%;align-content:center;place-items:center;gap:7px;width:100%;height:100%;display:grid;box-shadow:inset 0 0 45px #4e69db14}.focus-timer-ring span{color:#778397;font-size:var(--font-size-meta)}.focus-timer-ring strong{color:#f5f7fb;font:600 clamp(48px,6vw,70px) var(--font-geist-mono),monospace;letter-spacing:-.06em}.focus-timer-ring small{color:#8096ee;font-size:var(--font-size-meta);letter-spacing:.08em;font-weight:700}.focus-timer-actions{justify-content:center;gap:8px;display:flex}.focus-timer-actions button{color:#9aa4b5;height:42px;font-size:var(--font-size-meta);cursor:pointer;background:#ffffff06;border:1px solid #ffffff17;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-weight:650;display:inline-flex}.focus-timer-actions button.primary{color:#fff;background:linear-gradient(145deg,#627ff0,#4969dd);border-color:#6d89ff59;min-width:132px}.focus-timer-actions button:disabled{opacity:.5;cursor:not-allowed}.focus-presets{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:14px;margin-top:23px;padding-top:19px;display:flex}.focus-presets>span{color:#707b8d;font-size:var(--font-size-meta)}.focus-presets>div{gap:6px;display:flex}.focus-presets button{color:#768195;height:31px;font-size:var(--font-size-meta);cursor:pointer;background:0 0;border:1px solid #ffffff13;border-radius:8px;padding:0 11px}.focus-presets button.active{color:#adc0ff;background:#566fde1f;border-color:#6f8bff52}.focus-presets button:disabled{cursor:not-allowed}.focus-message{color:#91a5ec;font-size:var(--font-size-meta);text-align:center;margin:15px 0 0}.focus-task-card>header>small{color:#6f7a8d;font:12px var(--font-geist-mono),monospace}.focus-task-card form{grid-template-columns:1fr 42px;gap:8px;margin-top:21px;display:grid}.focus-task-card input{color:#edf1f8;background:#070a11;border:1px solid #ffffff17;border-radius:10px;outline:0;min-width:0;height:42px;padding:0 13px;font:12px inherit}.focus-task-card input:focus{border-color:#6986ff80;box-shadow:0 0 0 3px #536fe514}.focus-task-card form button{color:#fff;cursor:pointer;background:#526fdf;border:0;border-radius:10px}.focus-task-card form button:disabled{opacity:.4;cursor:not-allowed}.focus-best-tasks{background:linear-gradient(145deg,#465bb117,#ffffff03);border:1px solid #7e95f624;border-radius:12px;margin-top:14px;padding:13px}.focus-best-tasks>header{justify-content:space-between;align-items:center;display:flex}.focus-best-tasks>header div{align-items:center;gap:7px;display:flex}.focus-best-tasks>header svg{color:#91a8ff}.focus-best-tasks>header strong{color:#cbd5f0;font-size:var(--font-size-meta)}.focus-best-tasks>header span{color:#7180a0;font:12px var(--font-geist-mono),monospace}.focus-best-tasks ol{gap:5px;margin:11px 0 0;padding:0;list-style:none;display:grid}.focus-best-tasks li{background:#ffffff06;border-radius:8px;grid-template-columns:24px 1fr 28px;align-items:center;gap:6px;min-height:34px;padding:0 6px 0 9px;display:grid}.focus-best-tasks li>span{color:#6d7da2;font:12px var(--font-geist-mono),monospace}.focus-best-tasks li>strong{color:#dbe2f3;min-width:0;font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;font-weight:570;overflow:hidden}.focus-best-tasks li.completed>strong{color:#707b91;text-decoration:line-through}.focus-best-tasks li button{color:#8fa8ff;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.focus-best-tasks>p{color:#6f7b90;min-height:42px;font-size:var(--font-size-meta);align-items:center;gap:8px;margin:9px 0 0;line-height:1.5;display:flex}.focus-best-tasks>p svg{color:#66799f;flex:none}.focus-task-list{scrollbar-width:thin;gap:7px;max-height:400px;margin-top:16px;display:grid;overflow-y:auto}.focus-task-list article{background:#ffffff05;border:1px solid #fff1;border-radius:11px;grid-template-columns:36px 1fr 34px 34px;align-items:center;gap:8px;min-height:52px;padding:7px;display:grid}.focus-task-list article>button{color:#8498e7;cursor:pointer;background:#4f68d012;border:1px solid #748df83b;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.focus-task-list article>button.best{color:#59677f;background:0 0;border-color:#0000}.focus-task-list article>button.best.selected{color:#91a9ff;background:#506bd614}.focus-task-list article>button.delete{color:#596477;background:0 0;border-color:#0000}.focus-task-list article strong{color:#cfd5e1;font-size:var(--font-size-meta);font-weight:560}.focus-task-list article.completed strong{color:#697487;text-decoration:line-through}.focus-task-list article.completed .check{color:#fff;background:#5574e5}.focus-task-empty{color:#6e798d;min-height:244px;font-size:var(--font-size-meta);text-align:center;align-content:center;place-items:center;gap:8px;margin:0;display:grid}.focus-task-empty svg{color:#7188dd;width:34px;height:34px}.focus-task-empty strong{color:#cbd2df;font-size:var(--font-size-meta)}.focus-weekly{margin-top:14px;padding:24px}.focus-weekly>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.focus-weekly header span{color:#93a8ff;font:700 12px var(--font-geist-mono),monospace;letter-spacing:.15em}.focus-weekly header button{color:#9fb1f5;height:35px;font-size:var(--font-size-meta);cursor:pointer;background:#4d66cf17;border:1px solid #738cf638;border-radius:9px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.focus-weekly header button:disabled{opacity:.55;cursor:wait}.focus-weekly header small{color:#707c8f;font-size:var(--font-size-meta)}.focus-weekly-chart{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;height:180px;margin-top:24px;display:grid}.focus-weekly-chart article{text-align:center;grid-template-rows:25px 1fr 20px;gap:7px;min-width:0;display:grid}.focus-weekly-chart strong{color:#b9c5dd;font:600 12px var(--font-geist-mono),monospace}.focus-weekly-chart strong small{color:#647086;font-size:var(--font-size-meta);margin-left:2px}.focus-weekly-chart article>div{background:#ffffff05;border-radius:10px;justify-content:center;align-items:flex-end;min-height:100px;display:flex;overflow:hidden}.focus-weekly-chart i{background:linear-gradient(#7894ff,#4c66ce);border-radius:8px 8px 3px 3px;width:min(38px,58%);min-height:2px;box-shadow:0 0 22px #6481f433}.focus-weekly-chart article>span{color:#68758a;font-size:var(--font-size-meta)}.focus-weekly>p{color:#667388;font-size:var(--font-size-meta);text-align:right;border-top:1px solid #ffffff0f;margin:16px 0 0;padding-top:15px}.focus-history{margin-top:14px;padding:24px}.focus-history>header>strong{color:#8795bd;font-size:var(--font-size-meta)}.focus-history-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.focus-history-list article{background:#ffffff05;border:1px solid #fff1;border-radius:11px;grid-template-columns:28px 1fr 20px;align-items:center;gap:9px;padding:13px;display:grid}.focus-history-list article>span{color:#66738a;font:12px var(--font-geist-mono),monospace}.focus-history-list article div{flex-direction:column;gap:3px;display:flex}.focus-history-list article strong{color:#d8deea;font-size:var(--font-size-meta)}.focus-history-list article small{color:#667286;font-size:var(--font-size-meta)}.focus-history-list article>svg{color:#738de9}.focus-history-empty{color:#687487;min-height:90px;font-size:var(--font-size-meta);border:1px dashed #ffffff14;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:18px;display:flex}.focus-history-empty svg{color:#7790ed}.focus-footer{border-top:1px solid var(--border);color:#596375;font:12px var(--font-geist-mono),monospace;justify-content:space-between;margin-top:28px;padding-top:20px;display:flex}@media (width<=840px){.focus-workspace{grid-template-columns:1fr}.focus-task-list{max-height:none}.focus-history-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.focus-page{padding-inline:18px}.focus-hero{flex-direction:column;align-items:stretch;padding:48px 0 32px}.focus-hero aside{flex-wrap:wrap;min-width:0}.focus-google{width:100%}.focus-summary{grid-template-columns:1fr}.focus-summary article{min-height:76px}.focus-timer-card,.focus-task-card,.focus-weekly,.focus-history{padding:18px}.focus-weekly-chart{gap:5px;height:155px}.focus-weekly-chart i{width:55%}.focus-history-list{grid-template-columns:1fr}.focus-footer{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.focus-page *{scroll-behavior:auto!important;transition:none!important}}