.focus-session{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:30px;background:#252d3b;color:#f8f5eb;border-radius:20px;padding:32px;margin-top:26px;overflow-wrap:anywhere}.focus-session-clock{text-align:center;padding:22px 12px;align-self:start}.focus-session .eyebrow,.focus-session-label{color:#c6c8e9;font-size:.72rem;letter-spacing:.09em}.focus-session h3{font-size:1.35rem;line-height:1.6;margin-top:14px}.focus-time{font-variant-numeric:tabular-nums;font-size:clamp(3.4rem,6vw,5rem);letter-spacing:-.06em;line-height:1.15;margin-top:25px}.focus-time-caption{font-size:.78rem;color:#c6c8df;margin:10px 0 22px}.focus-controls{display:flex;gap:10px;flex-wrap:wrap}.focus-session-clock .focus-controls{justify-content:center}.focus-session .primary{background:#e7e4fa;color:#34344e;border-color:#e7e4fa}.focus-session .secondary{background:transparent;color:#e7e4fa;border-color:#72718b}.focus-session .quiet{color:#d6d3e7}.focus-session .primary:disabled{opacity:.46}.focus-hint,.focus-snapshot-note,.focus-session-detail>p{color:#c1c6d0;font-size:.79rem;line-height:1.85}.focus-hint{margin-top:22px;max-width:34em}.focus-session-detail{min-width:0;border-left:1px solid #ffffff25;padding-left:30px}.focus-session-detail h4{font-size:1.07rem;line-height:1.7;margin:12px 0}.focus-session .focus-snapshot-note{font-size:.71rem;margin-top:15px}.focus-wrapup{border-top:1px solid #ffffff25;margin-top:18px;padding-top:18px}.focus-wrapup>p{font-size:.78rem;margin-bottom:18px;line-height:1.8;color:#d6d7e4}.focus-session .wb-label{color:#e0e0ef;margin-bottom:16px}.focus-session .wb-label textarea{background:#343d4b;color:#fcfaf5;border-color:#727484;resize:vertical}.focus-session textarea::placeholder{color:#b6b9c3}.focus-session .focus-recovery{background:#f1ddb41a;border-left:3px solid #d4c291;padding:10px 12px;margin-top:16px;color:#e6d9b8}.focus-feedback:not(:empty),.focus-persist-error{font-size:.79rem;line-height:1.8;margin-top:16px}.focus-persist-error{padding:12px;border:1px solid #e6b6a3;color:#fbd7c9;border-radius:8px}.focus-persist-error button{margin-top:10px}.focus-saved{font-size:.75rem;line-height:1.8;color:#cce4b9;margin-top:14px}.focus-reset{font-size:.74rem;margin-top:14px}.focus-reset [data-focus-reset-confirm]{border:1px solid #7d8090;border-radius:8px;padding:12px;margin-top:8px}.focus-reset p{line-height:1.8;margin-bottom:10px}.focus-source{display:block;font-size:.71rem;color:#c3c5df;text-decoration:underline;text-underline-offset:3px;line-height:1.8;margin-top:20px}.focus-session [hidden]{display:none!important}
@media(max-width:720px){.focus-session{grid-template-columns:1fr;padding:22px 18px;gap:20px}.focus-session-clock{padding:6px 0 0}.focus-session-detail{padding-left:0;padding-top:20px;border-left:0;border-top:1px solid #ffffff25}.focus-session h3{font-size:1.2rem}.focus-time{font-size:4rem}.focus-hint{margin:19px auto 0;text-align:left}.focus-controls button{font-size:.8rem;padding:11px 13px}}
.wb-output .focus-session{grid-template-columns:1fr;padding:23px 20px;margin:0;gap:20px}.wb-output .focus-session-clock{padding:4px 0 0}.wb-output .focus-session-detail{padding:20px 0 0;border-left:0;border-top:1px solid #ffffff25}.wb-output .focus-time{font-size:4.2rem}.wb-output .focus-hint{margin:18px 0 0;text-align:left}.wb-output .focus-session h3{font-size:1.18rem}