*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;min-height:100dvh;transition:background-color .7s ease,color .5s ease;background:#f0f6fa;color:#0b1d33}body.dark{background:#03275c;color:#b8cfdf}.app{max-width:420px;margin:0 auto;padding:24px 24px 40px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}@media(max-width:479px){.app{padding:16px 20px 28px}}.hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.logo{font-weight:800;font-size:16px;letter-spacing:-.02em;transition:opacity .5s}.logo .n{color:#03275c;transition:color .5s}.logo .a{color:#1ea9b7}body.dark .logo .n{color:#b8cfdf}.hdr-right{font-size:12px;font-weight:600;color:#7a95ab;transition:color .5s}body.dark .hdr-right{color:#4e7a97}.v{flex:1;display:flex;flex-direction:column}.hid{display:none!important}.v.entering{animation:vIn .4s ease both}@keyframes vIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.setup h1{font-weight:800;font-size:30px;line-height:1.12;color:#03275c;margin-bottom:28px;letter-spacing:-.03em}.setup h1 em{font-style:normal;color:#03818e}@media(max-width:479px){.setup h1{font-size:25px;margin-bottom:22px}}.setup .lead{font-weight:500;font-size:15px;color:#5e7d94;line-height:1.5;margin-bottom:10px}@media(max-width:479px){.setup .lead{font-size:14px;margin-bottom:8px}}.fld{margin-bottom:24px}.pills{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pill{padding:16px 6px 14px;border:2px solid #D4E0EA;border-radius:14px;background:#fff;cursor:pointer;text-align:center;transition:all .2s;-webkit-tap-highlight-color:transparent;overflow:hidden}.pill:hover{border-color:#9fbad0;transform:translateY(-1px)}.pill.on{border-color:#03818e;background:#e8f6f7;box-shadow:0 2px 12px #03818e1a}.pill .pv{font-weight:800;font-size:28px;color:#03275c;line-height:1;transition:color .2s}.pill .pm{font-size:13px;font-weight:600;color:#8fa3b5;margin-left:1px;transition:color .2s}.pill.on .pv,.pill.on .pm{color:#03818e}.pill .pl{font-size:10px;font-weight:600;color:#8fa3b5;margin-top:4px;transition:color .2s;line-height:1.2}.pill.on .pl{color:#03818e}@media(max-width:399px){.pill{padding:14px 4px 12px;border-radius:12px}.pill .pv{font-size:24px}.pill .pm{font-size:11px}.pill .pl{font-size:9px}}.task-area{margin-bottom:28px}.task-area .ta-lbl{font-size:12px;font-weight:500;color:#8fa3b5;margin-bottom:8px}.tinp{width:100%;padding:14px 16px;font-size:16px;border:2px solid #D4E0EA;border-radius:12px;outline:none;background:#fff;color:#0b1d33;font-family:Plus Jakarta Sans,sans-serif;font-weight:500;transition:border-color .2s,box-shadow .2s}.tinp:focus{border-color:#03818e;box-shadow:0 0 0 4px #03818e14}.tinp::placeholder{color:#a0b5c6;font-weight:400}.start{width:100%;padding:18px;font-size:17px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;background:#03275c;color:#fff;border:none;border-radius:14px;cursor:pointer;transition:all .15s;letter-spacing:-.01em}.start:hover{background:#042e6b;box-shadow:0 4px 20px #03275c40}.start:active{transform:scale(.98)}.ins{margin-top:20px;background:#e8f6f7;border-radius:12px;padding:14px 16px}.ins p{font-size:13px;font-weight:400;color:#2a5a6e;line-height:1.55}.tmr{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:20px}.tmr-task{font-size:14px;font-weight:500;color:#4e7a97;margin-bottom:4px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tmr-phase{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:32px;transition:color .3s}.tmr-phase.fp{color:#1ea9b7}.tmr-phase.bp{color:#e8a44a}.tmr-phase.rp{color:#b8cfdf}@media(max-width:479px){.tmr-phase{margin-bottom:24px}}.rw{position:relative;width:280px;height:280px;margin-bottom:32px}@media(max-width:399px){.rw{width:240px;height:240px;margin-bottom:24px}}@media(max-width:349px){.rw{width:210px;height:210px;margin-bottom:20px}}.rw svg{width:100%;height:100%;transform:rotate(-90deg)}.rw .rt{fill:none;stroke:#ffffff0f;stroke-width:12}.rw .rb{fill:none;stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .4s}.rw .rb.f{stroke:url(#focusGrad);filter:drop-shadow(0 0 8px rgba(30,169,183,.35))}.rw .rb.b{stroke:#e8a44a;filter:drop-shadow(0 0 8px rgba(232,164,74,.3))}@keyframes ringPulse{0%,to{filter:drop-shadow(0 0 8px rgba(30,169,183,.35))}50%{filter:drop-shadow(0 0 18px rgba(30,169,183,.55))}}.rw .rb.f.ticking{animation:ringPulse 3s ease-in-out infinite}@keyframes ringPulseB{0%,to{filter:drop-shadow(0 0 8px rgba(232,164,74,.3))}50%{filter:drop-shadow(0 0 18px rgba(232,164,74,.5))}}.rw .rb.b.ticking{animation:ringPulseB 3s ease-in-out infinite}@keyframes roundFlash{0%{transform:rotate(-90deg) scale(1);filter:drop-shadow(0 0 8px rgba(30,169,183,.35))}40%{transform:rotate(-90deg) scale(1.04);filter:drop-shadow(0 0 28px rgba(30,169,183,.7))}to{transform:rotate(-90deg) scale(1);filter:drop-shadow(0 0 8px rgba(30,169,183,.35))}}.rw svg.flash{animation:roundFlash .6s ease-out}.rw:before{content:"";position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(30,169,183,.07) 0%,transparent 70%);pointer-events:none;transition:background .6s,opacity .6s;opacity:1}.rw.brk:before{background:radial-gradient(circle,rgba(232,164,74,.05) 0%,transparent 70%)}.rw .rc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.rw .rv{font-weight:800;font-size:72px;color:#fff;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}@media(max-width:399px){.rw .rv{font-size:58px}}@media(max-width:349px){.rw .rv{font-size:48px}}.rw .rs{font-weight:600;font-size:44px;color:#4e7a97}@media(max-width:399px){.rw .rs{font-size:36px}}@media(max-width:349px){.rw .rs{font-size:30px}}.rw .rc .blink{animation:colonBlink 1s step-end infinite}@keyframes colonBlink{0%,to{opacity:1}50%{opacity:.3}}.dots{display:flex;gap:12px;justify-content:center;margin-bottom:32px}@media(max-width:479px){.dots{margin-bottom:24px}}.dt{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.1);transition:all .3s}.dt.dn{background:#1ea9b7;border-color:#1ea9b7}.dt.ac{border-color:#1ea9b7;box-shadow:0 0 0 5px #1ea9b726}@keyframes dotPop{0%{transform:scale(1)}40%{transform:scale(1.4)}to{transform:scale(1)}}.dt.pop{animation:dotPop .35s ease-out}.ctrls{display:flex;gap:12px;width:100%;max-width:300px}.cb{flex:1;padding:15px;font-size:14px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;border-radius:12px;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;text-align:center}.c-pause{background:#ffffff0f;color:#b8cfdf;border:1px solid rgba(255,255,255,.08)}.c-pause:hover{background:#ffffff1a}.c-end{background:#e74c3c14;color:#e74c3c;border:1px solid rgba(231,76,60,.1)}.c-end:hover{background:#e74c3c1f}.c-go{background:#1ea9b7;color:#fff;border:none}.c-go:hover{background:#189ba8;box-shadow:0 2px 12px #1ea9b74d}.c-skip{background:#e8a44a14;color:#e8a44a;border:1px solid rgba(232,164,74,.1)}.c-skip:hover{background:#e8a44a1f}.bk{background:#e8a44a0f;border:1px solid rgba(232,164,74,.1);border-radius:14px;padding:16px 18px;width:100%;max-width:300px;text-align:left;margin-top:24px}.bk .bk-l{font-size:10px;font-weight:700;color:#e8a44a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.bk p{font-size:14px;color:#8fa3b5;line-height:1.55}.nudge{background:#1ea9b70f;border:1px solid rgba(30,169,183,.08);border-radius:14px;padding:16px 18px;width:100%;max-width:300px;text-align:left;margin-top:16px}.nudge p{font-size:13px;color:#6c9db5;line-height:1.5;font-style:italic}.nudge .nsrc{font-size:11px;color:#4e7a97;font-style:normal;margin-top:6px;font-weight:600}.fin{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:24px}.fin .fe{font-size:48px;margin-bottom:16px}.fin h2{font-weight:800;font-size:26px;color:#03275c;margin-bottom:6px;letter-spacing:-.02em}@media(max-width:479px){.fin h2{font-size:22px}}.fin .fs{font-size:15px;font-weight:400;color:#5e7d94;line-height:1.5;margin-bottom:28px;max-width:340px}.sts{display:flex;gap:10px;width:100%;margin-bottom:28px}.s{flex:1;background:#fff;border:2px solid #D4E0EA;border-radius:14px;padding:16px 8px;text-align:center}.s .sv{font-weight:800;font-size:28px;color:#03275c}.s .sl{font-size:11px;font-weight:600;color:#8fa3b5;margin-top:2px}.email-cap{background:#e8f6f7;border-radius:16px;padding:20px;width:100%;margin-bottom:16px;text-align:left}@media(max-width:479px){.email-cap{padding:16px}}.email-cap h3{font-weight:700;font-size:16px;color:#03275c;margin-bottom:6px}.email-cap p{font-size:13px;color:#2a5a6e;line-height:1.5;margin-bottom:12px}.email-cap .em-row{display:flex;gap:8px}.email-cap .em-inp{flex:1;padding:12px 14px;font-size:16px;border:2px solid #B8DDE3;border-radius:10px;outline:none;background:#fff;color:#0b1d33;font-family:Plus Jakarta Sans,sans-serif}.email-cap .em-inp:focus{border-color:#03818e}.email-cap .em-btn{padding:12px 18px;font-size:14px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;background:#03818e;color:#fff;border:none;border-radius:10px;cursor:pointer;white-space:nowrap;transition:background .15s}.email-cap .em-btn:hover{background:#026d79}.email-cap .em-ok{font-size:13px;color:#03818e;font-weight:600;padding:8px 0}@media(max-width:399px){.email-cap .em-row{flex-direction:column}.email-cap .em-btn{width:100%;text-align:center}}.assess{background:#fff;border:2px solid #D4E0EA;border-radius:16px;padding:20px;width:100%;margin-bottom:16px;text-align:left}@media(max-width:479px){.assess{padding:16px}}.assess p{font-size:14px;color:#0b1d33;line-height:1.55;margin-bottom:10px}.assess a{font-size:14px;font-weight:700;color:#03818e;text-decoration:none}.assess a:hover{text-decoration:underline}.rst{width:100%;padding:14px;font-size:14px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;background:transparent;color:#5e7d94;border:2px solid #D4E0EA;border-radius:14px;cursor:pointer;transition:border-color .2s}.rst:hover{border-color:#5e7d94}