.focus-module{min-height:100vh;background:radial-gradient(circle at 78% 10%,#25396f55,transparent 34%),radial-gradient(circle at 10% 64%,#276f6850,transparent 32%),#0b1020;color:#f8f2df;font-family:'Space Grotesk',sans-serif}
.focus-top{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:74px;padding:12px clamp(18px,5vw,72px);border-bottom:1px solid #9fefff33;background:#0b1020dd;backdrop-filter:blur(18px);font:500 12px 'DM Mono';letter-spacing:.13em}
.focus-top>span{text-align:center}.focus-top button{min-height:42px;border:1px solid #a7edff66;border-radius:999px;background:#10182a;color:#c6f5ff;padding:8px 14px;font:500 11px 'DM Mono';letter-spacing:.05em}.focus-top .squad-home-shortcut{justify-self:start}.focus-top-actions{justify-self:end;display:flex;gap:8px}
.focus-shell{width:min(1180px,calc(100% - 40px));margin:auto;padding:54px 0 90px}.focus-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;margin-bottom:32px}.focus-hero>p{grid-column:1/-1;margin:0;color:#a9eaff;font:500 12px 'DM Mono';letter-spacing:.16em}.focus-hero h1{margin:0;font-size:clamp(58px,8vw,108px);line-height:.78;letter-spacing:-.075em}.focus-hero h1 em{font-style:normal;color:#a9eaff;text-shadow:0 0 25px #86dfff88}.focus-hero>div{padding-bottom:5px}.focus-hero strong,.focus-hero span{display:block}.focus-hero strong{font-size:clamp(20px,2.4vw,31px);line-height:1.08}.focus-hero span{max-width:460px;margin-top:12px;color:#b6bdc9;line-height:1.55}
.focus-workspace{padding:clamp(22px,4vw,42px);border:1px solid #9fefff5c;border-radius:30px;background:linear-gradient(145deg,#141c31dd,#0d1425dd);box-shadow:0 28px 90px #0007,inset 0 1px #fff1;overflow:hidden}.focus-task label{display:block;margin-bottom:10px;color:#a9eaff;font:500 11px 'DM Mono';letter-spacing:.12em}.focus-task input{width:100%;border:0;border-bottom:1px solid #59647a;background:transparent;color:#f8f2df;padding:10px 0 16px;font-size:clamp(19px,2.5vw,30px);outline:0}.focus-task input:focus{border-color:#9fefff;box-shadow:0 8px 18px -18px #9fefff}.focus-task input::placeholder{color:#6f7788}
.focus-layout{display:grid;grid-template-columns:minmax(260px,430px) 1fr;gap:clamp(28px,6vw,80px);align-items:center;padding:36px 0 24px}.focus-clock-wrap{display:grid;place-items:center}.focus-clock{--progress:0deg;width:min(330px,70vw);aspect-ratio:1;border-radius:50%;padding:12px;background:conic-gradient(#a2f6e5 0 var(--progress),#93caff var(--progress),#29334d 0);box-shadow:0 0 70px #6bded330;transition:background .3s,box-shadow .3s}.focus-clock:before{content:'';position:absolute}.focus-clock>div{height:100%;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 45% 34%,#1d2b49,#0c1222 70%);border:1px solid #c6f5ff55}.focus-phase{color:#adf7ea;font:500 12px 'DM Mono';letter-spacing:.25em}.focus-time{display:block;margin:5px 0;font-size:clamp(54px,8vw,85px);letter-spacing:-.07em;font-variant-numeric:tabular-nums}.focus-session{color:#8e98aa;font:11px 'DM Mono';letter-spacing:.12em}.is-break .focus-clock{background:conic-gradient(#e9bdff 0 var(--progress),#9ac9ff var(--progress),#29334d 0);box-shadow:0 0 75px #c38cff36}.phase-pop{animation:focusPop .7s ease}
.focus-actions{max-width:440px}.focus-primary{width:100%;min-height:72px;border:1px solid transparent;border-radius:18px;background:linear-gradient(#baf8ee,#baf8ee) padding-box,linear-gradient(120deg,#fff,#9ac9ff,#e7b4ff) border-box;color:#0b1020;font-size:18px;font-weight:700;box-shadow:0 0 26px #8ee8dc44;transition:.2s}.focus-primary:active{transform:scale(.98)}.focus-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.focus-actions>div button{min-height:48px;border:1px solid #4b5770;border-radius:14px;background:#0c1324;color:#c9d0dc}.focus-cue{min-height:50px;margin:18px 2px 0;color:#aab2c0;line-height:1.55}.is-running .focus-primary{box-shadow:0 0 34px #8ee8dc88;animation:focusBreath 2.5s ease-in-out infinite}
.focus-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #29334d;padding-top:24px}.focus-presets button{min-height:62px;border:1px solid #38435b;border-radius:14px;background:#0c1324;color:#e7e7df;font-weight:700}.focus-presets button span{display:block;margin-top:5px;color:#7f899c;font:10px 'DM Mono';letter-spacing:.09em}.focus-presets button.active{border-color:#9fefff;background:#16233a;box-shadow:inset 0 0 25px #69dcca18;color:#bdf9ee}.focus-presets button.active span{color:#a9eaff}
.focus-benefit{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;margin-top:28px;padding:38px;border:1px solid #343d53;border-radius:24px;background:#111729cc}.focus-benefit>div>span,.focus-settings>span{color:#a9eaff;font:500 11px 'DM Mono';letter-spacing:.14em}.focus-benefit h2{margin:12px 0 0;font-size:clamp(27px,3.4vw,44px);line-height:1.04}.focus-principles{display:grid;grid-template-columns:1fr 1fr;gap:24px}.focus-principles article{border-left:1px solid #87e6d988;padding-left:18px}.focus-principles b{font:500 11px 'DM Mono';color:#b9f8ee}.focus-principles p{margin:9px 0 0;color:#aeb5c2;line-height:1.55}
.focus-activity{scroll-margin-top:92px;margin-top:28px;padding:clamp(24px,4vw,38px);border:1px solid #343d53;border-radius:24px;background:#101729cc}.focus-activity-head{display:flex;justify-content:space-between;gap:24px;align-items:end}.focus-activity-head span{color:#a9eaff;font:500 11px 'DM Mono';letter-spacing:.14em}.focus-activity-head h2{margin:9px 0 5px;font-size:clamp(26px,3vw,40px)}.focus-activity-head p,.focus-empty{margin:0;color:#8f99aa}.focus-clear{min-height:42px;border:1px solid #ff9eb666;border-radius:999px;background:transparent;color:#ffb4c6;padding:8px 14px;font:500 11px 'DM Mono'}.focus-activity-list{display:grid;gap:10px;margin-top:25px}.focus-activity-list article{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;padding:18px;border:1px solid #313b51;border-radius:16px;background:#0b1222}.focus-activity-list article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#a9f4e8;color:#0b1020;font-style:normal;font-weight:700}.focus-activity-list article span{color:#88ddeb;font:500 11px 'DM Mono';letter-spacing:.06em}.focus-activity-list h3{margin:5px 0 3px;font-size:18px}.focus-activity-list p{margin:0;color:#b7beca;line-height:1.5;white-space:pre-wrap}.focus-activity-list article>button{border:0;background:transparent;color:#737e91;font-size:24px;line-height:1}.focus-empty{padding:24px;border:1px dashed #354158;border-radius:14px;line-height:1.5}
.focus-note-modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:18px;background:#050813d9;backdrop-filter:blur(14px)}.focus-note-modal[hidden]{display:none}.focus-note-card{width:min(560px,100%);padding:clamp(24px,5vw,42px);border:1px solid #a9efff88;border-radius:26px;background:linear-gradient(145deg,#18233d,#0d1425);box-shadow:0 0 80px #79ddd74d}.focus-note-card>span{color:#a9f5e8;font:500 11px 'DM Mono';letter-spacing:.15em}.focus-note-card h2{margin:12px 0 8px;font-size:clamp(30px,5vw,48px);line-height:1}.focus-note-card p{color:#abb4c3;line-height:1.5}.focus-note-card label{display:block;margin:24px 0 8px;color:#a9eaff;font:500 11px 'DM Mono';letter-spacing:.1em}.focus-note-card textarea{width:100%;resize:vertical;min-height:120px;border:1px solid #4a5872;border-radius:14px;background:#0a1120;color:#f8f2df;padding:14px;font:16px 'Space Grotesk';outline:0}.focus-note-card textarea:focus{border-color:#a9efff;box-shadow:0 0 20px #8ee8dc25}.focus-note-card>div{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:14px}.focus-note-card button{min-height:52px;border-radius:14px;font-weight:700}.focus-note-later{border:1px solid #47536a;background:transparent;color:#b5bdca}.focus-note-save{border:0;background:#baf8ee;color:#0b1020;box-shadow:0 0 24px #8ee8dc44}
.focus-settings{max-width:620px;margin:24px auto 0;padding:26px;border:1px solid #9fefff55;border-radius:20px;background:#111729}.focus-settings label{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #2c3549}.focus-settings p{color:#8e98aa;font-size:13px}.focus-app i{background:linear-gradient(#11182a,#11182a) padding-box,linear-gradient(125deg,#fff4ae,#9ff8e5,#9ac9ff,#e7b4ff) border-box!important}.focus-app i svg{filter:drop-shadow(0 0 10px #9fefff66)}.focus-app.pressed i{transform:scale(.9) rotate(-7deg)}
@keyframes focusPop{45%{transform:scale(1.04);filter:brightness(1.25)}}@keyframes focusBreath{50%{box-shadow:0 0 45px #8ee8dcaa}}
@media(max-width:720px){.focus-top{grid-template-columns:auto 1fr auto;padding:10px 14px}.focus-top>span{font-size:10px}.focus-top button{padding:8px 9px;font-size:9px}.focus-top-actions{gap:4px}.focus-shell{width:min(100% - 28px,600px);padding:34px 0 70px}.focus-hero{display:block;margin-bottom:22px}.focus-hero>p{margin-bottom:14px}.focus-hero h1{font-size:58px}.focus-hero>div{margin-top:22px}.focus-layout{grid-template-columns:1fr;padding-top:28px}.focus-clock{width:min(270px,72vw)}.focus-time{font-size:60px}.focus-actions{margin:auto;width:100%}.focus-presets{gap:6px}.focus-presets button{font-size:13px}.focus-benefit{grid-template-columns:1fr;gap:28px;padding:26px}.focus-principles{grid-template-columns:1fr}.focus-workspace{padding:22px 18px;border-radius:22px}.focus-activity-head{align-items:start}.focus-clear{padding:7px 10px}.focus-activity-list article{grid-template-columns:auto 1fr;gap:12px}.focus-activity-list article>button{grid-column:2;justify-self:end;margin-top:-34px}.focus-note-card>div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.focus-module *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}