@import url('fonts.css');
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Inter,Arial,sans-serif;background:#eef2f6;color:#1a3550;font-size:12px}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #8c8fbd;outline-offset:2px}svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0}.tour-app{display:grid;grid-template-columns:130px 1fr;height:calc(100% - 51px)}.tour-sidebar{background:#19334e;color:#dce5ef;padding:20px 10px;display:flex;flex-direction:column;gap:0;transition:opacity .65s ease,transform .65s ease}.tour-brand{display:flex;align-items:center;gap:7px;margin-bottom:16px}.tour-brand img{width:29px;height:29px}.tour-brand b{font-size:10px;letter-spacing:-.025em}.tour-focus-entry{display:flex;align-items:center;gap:5px;background:transparent;color:#dce5ef;font-size:8px;padding:6px 0;margin-bottom:9px}.tour-focus-entry svg{width:20px;height:20px;background:#ffffff16;border-radius:50%;padding:3px}.tour-mode-switch{width:48px;height:24px;border-radius:20px;background:#e9eaf6;display:flex;position:relative;margin:0 0 17px 4px}.tour-mode-switch button{width:24px;height:24px;display:grid;place-items:center;background:transparent;position:relative;z-index:2;color:#8794a7}.tour-mode-switch button svg{width:11px;height:11px}.tour-mode-switch i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #19334e16;transition:transform .65s cubic-bezier(.22,1,.36,1)}[data-mode=personal] .tour-mode-switch i{transform:translateX(24px)}.tour-os-label{font-size:7px;letter-spacing:.1em;color:#b5c8d7;font-weight:600;display:block;margin:0 4px 10px}.tour-nav-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:7px;margin-bottom:3px;font-size:9px}.tour-nav-item svg{width:12px;height:12px;color:#9eb2c8}.tour-nav-item.is-active{background:#57738e;color:#fff}[data-mode=personal] .tour-nav-item.is-active{background:#355e50}.tour-user{display:flex;align-items:center;gap:7px;margin-top:auto;border-top:1px solid #ffffff16;padding-top:12px}.tour-user>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#294966;font-size:8px}.tour-user b,.tour-user small{display:block;font-size:8px}.tour-user small{color:#97b0c8;font-size:7px;margin-top:2px}.tour-main{min-width:0;position:relative}.tour-topbar{height:45px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #d4dee7;padding:0 19px;font-size:9px;color:#6c8295}.tour-topbar b{font-size:9px;color:#233d55}.tour-topbar i{font-style:normal;color:#bec8d3}.tour-tools{display:flex;align-items:center;gap:9px;margin-left:auto}.tour-tools svg{width:11px;height:11px}.tour-pages{position:relative;height:calc(100% - 45px);overflow:hidden}.tour-page{position:absolute;inset:0;padding:24px 25px 18px;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);overflow:hidden}.tour-page[hidden]{display:block!important;opacity:0;transform:translateY(10px) scale(.99);pointer-events:none;visibility:hidden}.tour-page.is-entering{visibility:visible;opacity:0;transform:translateY(10px)}.tour-page h2,.tour-page h3{font-family:Poppins,Inter,sans-serif;letter-spacing:-.035em;margin:0;font-weight:600}.tour-view-head h2{font-size:23px;line-height:1.2}.tour-view-head>p{font-size:8px;margin:5px 0 12px;color:#81909e}.tour-category{background:#ffffffdf;border:1px solid #e0e5ed;border-radius:11px;display:flex;align-items:center;gap:11px;padding:8px 10px;font-size:7px;color:#627687;margin:9px 0}.tour-category small{font-size:6px;font-weight:700;letter-spacing:.1em;margin-right:9px}.category-pill{display:flex;align-items:center;gap:4px;border:1px solid #e1e6ec;border-radius:18px;padding:4px 6px;background:#fff;font-size:7px;box-shadow:0 1px 4px #16324f06}.category-pill svg{width:11px;height:11px;color:#507591}.personal-pill svg{color:#9c96bd}.category-small{display:flex;gap:4px;align-items:center}.category-small i{width:9px;height:9px;border-radius:50%}.tour-view-tabs{display:flex;gap:9px;align-items:center;padding:4px 0 8px;font-size:7px}.tour-view-tabs b{background:#193b54;color:#fff;padding:5px 8px;border-radius:5px}.tour-next-task{border:1px solid #dce5ec;border-radius:11px;padding:12px;background:#ffffff60;margin-bottom:10px}.tour-next-task>span{font-size:6px;letter-spacing:.1em;color:#607c94}.tour-next-task h3{font-size:19px;line-height:1.4;margin:3px 0}.tour-next-task>p{color:#82919f;font-size:7px;margin:2px 0 8px}.tour-next-task footer{display:flex;align-items:center;gap:5px}.tour-next-task footer small{font-size:6px;margin-right:auto}.tour-next-task footer span,.tour-next-task footer b{font-size:6px;padding:5px 7px;border-radius:5px;background:#fff}.tour-next-task footer b{background:#193c56;color:#fff}.workspace-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10px}.tour-panel{border:1px solid #dce4ec;border-radius:10px;background:#fff;padding:11px;min-width:0}.tour-panel h3{font-size:9px;font-family:Inter,sans-serif;letter-spacing:-.015em;margin-bottom:5px}.tour-panel>p{font-size:6px;color:#7f8d9b;margin:0 0 12px}.schedule-row{display:flex;align-items:center;gap:8px;font-size:6px;margin:9px 0}.schedule-row>span{color:#8697a9}.schedule-row b{font-weight:500}.schedule-row i{margin-left:auto;color:#8595a6;font-style:normal}.metric-row{font-size:6px;margin:12px 0}.metric-row b{float:right;font-size:7px}.metric-row>div{height:3px;background:#eff1f4;margin:5px 0;clear:both;border-radius:3px}.metric-row>div:before{content:"";display:block;width:var(--fill);height:100%;background:#557591;border-radius:3px}.deadline-row{display:flex;gap:8px;align-items:center;font-size:7px}.date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;border:1px solid #e2e7ed;border-radius:6px;font-size:5px;color:#8091a7}.date-badge b{font-size:11px;color:#233d55}.deadline-row>div>b,.deadline-row small{display:block;font-size:6px;line-height:1.7}.deadline-row small{color:#8192a5}.calm-empty{padding:14px 0;margin:0!important}.personal-layout{display:grid;grid-template-columns:112px 1fr;gap:12px}.tour-calendar{border:1px solid #d4dde7;background:#fff;border-radius:10px;text-align:center;padding:13px 8px}.tour-calendar>b{font-size:7px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);font-size:5px;gap:4px;margin-top:12px}.calendar-grid span{padding:4px 0}.calendar-grid span:nth-child(-n+7){font-weight:700;color:#8292a2}.calendar-today{background:#e9edf4;color:#16324f;border-radius:3px;font-weight:700}.task-lists{margin-top:12px}.task-lists p{font-size:7px!important;margin:12px 0!important;display:flex;align-items:center}.task-lists p b{margin-left:auto}.list-swatch{width:11px;height:11px;border-radius:4px;margin-right:8px}.personal-page .tour-view-head h2{font-size:22px;margin:0}.personal-page .tour-view-head h2 span{display:inline-grid;place-items:center;width:17px;height:17px;background:#244b64;color:#fff;font-size:11px;border-radius:5px;vertical-align:3px}.personal-boards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tour-board{background:#fff;border-radius:10px;border:1px solid #e0e5ec;border-top:2px solid var(--board-color);height:max-content;overflow:hidden}.tour-board header{display:flex;align-items:center;gap:7px;padding:10px;font-size:8px;border-bottom:1px solid #e2e7ed}.board-dot{width:17px;height:17px;background:var(--board-color);border-radius:5px;display:grid;place-items:center;color:white}.board-dot svg{width:10px;height:10px}.board-count{background:#f0f3f6;color:#7c8c9b;margin-left:auto;border-radius:15px;padding:4px 6px;font-size:7px}.tour-task{display:flex;gap:7px;align-items:flex-start;padding:10px;border-bottom:1px solid #edf0f4}.tour-task b{font-weight:500;font-size:7px;display:block;line-height:1.5}.tour-task small{display:block;margin-top:5px;color:#8998a8;font-size:6px;line-height:1.5}.task-check{width:10px;height:10px;flex-shrink:0;border:1px solid #b9c5d0;border-radius:50%;margin-top:1px}.tour-add-row{display:flex;align-items:center;gap:7px;padding:10px;font-size:7px;color:#7f90a2}.tour-add-row i{border:1px solid #cad3df;width:9px;height:9px;border-radius:50%}.focus-page{background:radial-gradient(ellipse at 80% 0%,#eeebf8,transparent 75%),#f5f6fa;padding:36px 26px 20px}.tour-app[data-mode=focus]{grid-template-columns:0 1fr}.tour-app[data-mode=focus] .tour-sidebar{opacity:0;transform:translateX(-30px);pointer-events:none;overflow:hidden;padding:0;width:0}.tour-app[data-mode=focus] .tour-topbar{display:none}.tour-app[data-mode=focus] .tour-pages{height:100%}.focus-view-head{display:flex;gap:9px;align-items:center;margin-bottom:15px}.focus-view-head>svg{width:24px;height:24px;stroke:#8586b1;padding:4px;background:white;border:1px solid #e4e6ef;border-radius:50%}.focus-view-head h2{font-size:22px}.focus-view-head p{font-size:8px;margin:3px 0;color:#a0a7b7}.focus-grid{display:grid;grid-template-columns:1fr 160px;gap:12px}.tour-focus-card{background:#ffffffdd;border:1px solid #fff;border-radius:13px;padding:17px;box-shadow:0 8px 25px #2c344009}.focus-now-label{font-size:7px;color:#8179b1;font-weight:700;letter-spacing:.05em}.tour-focus-card>h3{font-size:23px;margin:5px 0}.focus-meta{display:flex;align-items:center;gap:5px;font-size:6px;color:#8390a2}.focus-meta svg{width:8px;height:8px}.focus-meta b{font-size:5px;background:#eff0f7;padding:3px 5px;border-radius:6px;color:#6a7189}.focus-timer-row{display:flex;gap:15px;align-items:center;justify-content:center;margin:18px 0}.focus-ring{width:111px;height:111px;flex-shrink:0;border-radius:50%;background:conic-gradient(#9090bd var(--progress,0deg),#edf0f5 0);padding:5px;box-shadow:0 6px 17px #16324f08}.focus-ring>div{background:#fff;border-radius:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.focus-ring small{font-size:5px;letter-spacing:.05em;color:#8793a4}.focus-ring strong{font-family:Poppins,sans-serif;letter-spacing:-.05em;font-size:25px;line-height:1.3}.focus-ring span{font-size:5px;color:#8b98a8;margin:0 0 6px}.focus-ring button{width:20px;height:20px;border-radius:50%;background:#9090bd;color:#fff;display:grid;place-items:center;padding:5px}.focus-ring button svg{width:10px;height:10px;stroke-width:2}.timer-options{max-width:170px}.timer-options>p{font-size:6px;color:#8995a6;margin:0 0 10px}.timer-options>div{display:flex;gap:5px}.timer-options>div>*{font-size:8px;display:flex;align-items:center;gap:2px;padding:6px 7px;background:#f6f7fb;border-radius:5px;border:1px solid #e4e6ef}.timer-options b{color:#8480b1;background:#eeedf8}.timer-options small{font-size:4px;font-weight:400;color:#99a0b1}.timer-slider{height:3px;background:#e1e3ee;display:block;margin:14px 8px;position:relative}.timer-slider i{position:absolute;width:10px;height:10px;border-radius:50%;background:#8c8fbd;left:35%;top:-4px}.focus-session>b{font-size:5px;letter-spacing:.1em;color:#838ba1}.focus-session>div{height:3px;margin:7px 0;background:#e0e1ef;border-radius:3px;overflow:hidden}.focus-session>div i{display:block;height:100%;width:0;background:#9292bf;transition:width 1s linear}.focus-session p{display:flex;justify-content:space-between;font-size:5px;color:#979cb1;margin:0 0 13px}.focus-actions{display:flex;align-items:center;gap:7px;font-size:6px}.focus-actions>span{border:1px solid #e0e5ee;background:#fff;border-radius:6px;padding:6px 8px;color:#73849b}.focus-primary{display:flex;align-items:center;gap:5px;background:#908abf;color:#fff;border-radius:6px;padding:6px 10px;min-height:25px;font-size:7px}.focus-primary svg{width:9px;height:9px}.focus-grid>aside{display:grid;gap:12px;align-content:start}.focus-grid>aside .tour-panel{background:#ffffffb0;border-color:#fff}.focus-grid>aside .tour-task{padding:9px 0}.focus-timeline-panel{margin-top:12px;background:#ffffffbc;border-color:#fff}.focus-timeline{display:flex;gap:25px;position:relative;padding-top:10px}.focus-timeline>i{position:absolute;inset:8px 0 auto;height:1px;background:#c5c0dd}.focus-timeline>div{position:relative;padding-top:7px;display:flex;flex-direction:column;gap:3px}.focus-timeline>div:before{content:"";position:absolute;left:0;top:-3px;width:6px;height:6px;border-radius:50%;background:#9b95c0;border:1px solid #fff}.focus-timeline small{font-size:4px;color:#978dba}.focus-timeline b{font-size:6px;font-weight:500}.focus-timeline span{font-size:5px;color:#9aa3b1}.deep-focus{position:absolute;inset:0;background:#f6f6faad;backdrop-filter:blur(4px);display:grid;place-items:center;transition:opacity .8s ease}.deep-focus[hidden]{display:grid!important;opacity:0;pointer-events:none;visibility:hidden}.deep-focus-card{width:365px;max-width:calc(100% - 44px);padding:27px;border:1px solid #fff;border-radius:18px;background:linear-gradient(135deg,#fff,#eceaf7);box-shadow:0 16px 40px #49456228;text-align:center;position:relative;transition:transform .8s cubic-bezier(.22,1,.36,1)}.deep-focus[hidden] .deep-focus-card{transform:translateY(12px) scale(.95)}.deep-focus-card>h3{font-size:26px;margin:0 0 5px;line-height:1.2}.deep-focus-card>p{font-size:6px;color:#7c879e}.deep-close{position:absolute;right:10px;top:10px;width:20px;height:20px;border-radius:50%;background:white;color:#8b97ac}.deep-focus-middle{display:flex;gap:20px;align-items:center;justify-content:center;margin:22px 0}.focus-log{width:130px;border:1px solid #e1dfee;background:#ffffff70;padding:13px;border-radius:11px;text-align:left}.focus-log b{font-size:8px}.focus-log small{font-size:5px;color:#8b96a8;display:block;margin:7px 0}.focus-log strong{font-size:20px;display:block;color:#677492}.focus-log>span{display:block;border:1px solid #dcdbea;border-radius:5px;font-size:5px;text-align:center;padding:6px;margin-top:12px;color:#7b819f}.deep-complete{border-radius:7px;background:#9792c2;color:#fff;font-size:7px;padding:10px}.tour-controls{height:51px;display:flex;align-items:center;gap:10px;padding:0 18px;background:#fff;border-top:1px solid #dce3ec;position:relative}.tour-tablist{display:flex;gap:6px;align-items:center}.tour-tablist button{padding:7px 10px;border-radius:6px;background:transparent;color:#6b7e93;font-size:8px;transition:background .3s,color .3s}.tour-tablist button[aria-pressed=true]{background:#eef0f8;color:#526d8e;font-weight:600}.tour-playback{display:grid;place-items:center;margin-left:auto;background:#f3f5f8;border:1px solid #e6eaf0;border-radius:50%;color:#6d829a;width:25px;height:25px}.tour-playback svg{width:10px;height:10px}.tour-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#f1f3f7}.tour-progress i{display:block;height:100%;width:0;background:#8c8fbd}.tour-pointer{position:absolute;left:50%;top:20%;width:17px;height:22px;color:#16324f;filter:drop-shadow(0 2px 3px #16324f28);pointer-events:none;z-index:3;transition:transform 1.05s cubic-bezier(.22,1,.36,1),opacity .45s}.tour-pointer>svg{width:17px;height:22px;fill:#fff;stroke:#2b4a65;stroke-width:1.6}.tour-pointer i{position:absolute;left:-4px;top:-4px;width:14px;height:14px;border:1px solid #8c8fbd;opacity:0;border-radius:50%}.tour-pointer.is-clicking i{animation:click .55s ease-out}.tour-pointer[hidden]{display:none}.tour-page:not([hidden]) .tour-next-task,.tour-page:not([hidden]) .tour-board,.tour-page:not([hidden]) .tour-focus-card{animation:arrive .65s cubic-bezier(.22,1,.36,1)}@keyframes arrive{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes click{from{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.8)}}
@media(min-width:800px){html,body{font-size:14px}.tour-app{grid-template-columns:155px 1fr}.tour-brand b{font-size:12px}.tour-brand img{width:35px;height:35px}.tour-focus-entry{font-size:10px}.tour-nav-item{font-size:11px;padding:10px}.tour-nav-item svg{width:14px;height:14px}.tour-os-label{font-size:8px}.tour-topbar{height:52px;font-size:11px}.tour-topbar b{font-size:11px}.tour-tools svg{width:14px;height:14px}.tour-pages{height:calc(100% - 52px)}.tour-page{padding:28px 35px}.tour-view-head h2{font-size:30px}.tour-view-head>p{font-size:10px}.tour-category{font-size:9px;padding:12px}.tour-category small,.category-pill{font-size:8px}.tour-next-task{padding:17px}.tour-next-task h3{font-size:26px}.tour-next-task>p{font-size:9px}.tour-next-task footer small,.tour-next-task footer span,.tour-next-task footer b{font-size:8px}.tour-panel{padding:15px}.tour-panel h3{font-size:12px}.tour-panel>p,.metric-row,.schedule-row{font-size:8px}.personal-layout{grid-template-columns:155px 1fr;gap:17px}.tour-task b{font-size:9px}.tour-task small{font-size:7px}.tour-board header{font-size:10px}.tour-task{padding:13px}.tour-add-row{font-size:9px}.calendar-grid{font-size:7px;gap:6px}.tour-calendar>b{font-size:9px}.focus-grid{grid-template-columns:1fr 200px}.focus-view-head h2{font-size:28px}.tour-focus-card>h3{font-size:30px}.focus-ring{width:142px;height:142px}.focus-ring strong{font-size:33px}.focus-ring small{font-size:7px}.focus-ring span{font-size:7px}.focus-ring button{width:25px;height:25px}.timer-options>p{font-size:8px}.timer-options>div>*{font-size:10px}.focus-actions{font-size:8px}.focus-primary{font-size:9px}.focus-meta{font-size:8px}.focus-timer-row{margin:22px 0}.focus-session>b{font-size:7px}.focus-session p{font-size:7px}.deep-focus-card{width:430px;padding:35px}.deep-focus-card>h3{font-size:32px}.deep-focus-card>p{font-size:8px}.deep-complete{font-size:9px}.tour-tablist button{font-size:10px}}
@media(max-width:540px){.tour-app{grid-template-columns:50px 1fr}.tour-sidebar{padding:15px 7px}.tour-brand{justify-content:center}.tour-brand b,.tour-focus-entry span,.tour-nav-item span,.tour-user>div,.tour-os-label{display:none}.tour-brand img{width:28px;height:28px}.tour-focus-entry{justify-content:center;margin-bottom:8px}.tour-nav-item{justify-content:center;padding:9px 5px}.tour-nav-item svg{width:14px;height:14px}.tour-mode-switch{transform:scale(.75);transform-origin:left center;margin-left:0;width:48px}.tour-user{justify-content:center}.tour-topbar{padding:0 12px;height:39px;font-size:7px;gap:5px}.tour-topbar b{font-size:7px}.tour-tools{gap:6px}.tour-tools svg{width:9px;height:9px}.tour-tools svg:nth-child(2),.tour-tools svg:nth-child(3),.tour-tools svg:nth-child(4){display:none}.tour-pages{height:calc(100% - 39px)}.tour-page{padding:18px 12px}.tour-view-head h2{font-size:20px}.tour-view-head>p{font-size:7px}.tour-category{gap:7px;padding:7px;font-size:6px}.tour-category small{display:none}.tour-category .category-small{display:none}.tour-next-task h3{font-size:18px}.tour-next-task footer span{display:none}.workspace-grid{grid-template-columns:1fr;gap:8px}.workspace-extra{display:none}.tour-panel{padding:11px}.tour-panel h3{font-size:9px}.schedule-row,.metric-row{font-size:7px}.tour-panel>p{font-size:6px}.personal-layout{grid-template-columns:1fr}.personal-layout>aside{display:none}.personal-boards{grid-template-columns:1fr;gap:9px}.personal-boards .tour-board:nth-child(3){display:none}.tour-board header{font-size:9px;padding:8px}.tour-task{padding:9px}.tour-task b{font-size:8px}.tour-task small{font-size:6px;margin-top:3px}.tour-add-row{padding:8px;font-size:7px}.personal-page .tour-view-head h2{font-size:21px}.focus-page{padding:26px 16px}.focus-view-head{gap:7px;margin-bottom:12px}.focus-view-head h2{font-size:17px;line-height:1.3}.focus-view-head>svg{width:21px;height:21px}.focus-view-head p{font-size:6px}.focus-grid{grid-template-columns:1fr}.focus-grid>aside{display:none}.tour-focus-card{padding:13px}.tour-focus-card>h3{font-size:22px}.focus-ring{width:102px;height:102px}.focus-ring strong{font-size:24px}.focus-timer-row{gap:9px;margin:15px 0}.timer-options{width:108px}.timer-options>div{gap:3px}.timer-options>div>*{padding:6px 4px;font-size:7px}.timer-options small{font-size:3px}.focus-timeline-panel{padding:9px}.deep-focus-card{padding:28px 18px;max-width:calc(100% - 24px)}.deep-focus-card>h3{font-size:25px}.deep-focus-middle{gap:14px}.focus-log{width:105px;padding:10px}.deep-complete{font-size:7px}.tour-controls{padding:0 9px;height:47px;gap:4px}.tour-app{height:calc(100% - 47px)}.tour-tablist{gap:0}.tour-tablist button{font-size:8px;padding:8px 9px}.tour-tablist button>span{display:none}.tour-playback{width:23px;height:23px}.tour-pointer{display:none}}
@media(prefers-reduced-motion:reduce){html:not(.motion-opt-in) *,html:not(.motion-opt-in) *:before,html:not(.motion-opt-in) *:after{animation:none!important;transition:none!important}html:not(.motion-opt-in) .tour-pointer{display:none!important}html:not(.motion-opt-in) .deep-focus{backdrop-filter:none}}
.tour-app{position:relative;transition:grid-template-columns .65s cubic-bezier(.22,1,.36,1)}

.tour-page,.tour-pages{overflow:clip}.deep-focus{z-index:4}.deep-focus-card{margin:0}
.deep-focus{grid-template-columns:minmax(0,1fr)}.deep-focus-card{min-width:0}

/* Automatic storyboard: sample controls are drawn UI, not navigation. */
.tour-app{pointer-events:none;transition:grid-template-columns .75s cubic-bezier(.22,1,.36,1)}
.tour-page{transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),visibility 0s}
.tour-page[hidden]{transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),visibility 0s .65s}
.deep-focus{transition:opacity .8s ease,visibility 0s}
.deep-focus[hidden]{transition:opacity .8s ease,visibility 0s .8s}
.deep-focus-card{max-height:calc(100% - 24px);overflow:hidden}
.tour-pointer{left:0;top:0;z-index:5}
.tour-pointer.is-away{opacity:0}
.tour-pointer.is-clicking>svg{animation:cursor-press .35s ease}
.tour-app.is-paused *{animation-play-state:paused!important}
.tour-story{display:flex;align-items:center;gap:8px;font-size:8px;color:#7a8b9d;white-space:nowrap}
.tour-story>span{padding:7px 8px;border-radius:6px;transition:color .4s,background .4s}
.tour-story>span.is-current{color:#365675;background:#edf0f7;font-weight:600}
.tour-story>i{font-style:normal;color:#a7b2c0;font-size:9px}
.tour-replay{margin-left:auto;background:#f3f5f8;border:1px solid #e6eaf0;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#6d829a}
.tour-replay svg{width:12px;height:12px}.tour-playback{margin-left:0}
@keyframes cursor-press{50%{transform:scale(.82)}}
@media(min-width:800px){.tour-story{font-size:10px}}
@media(max-width:540px){.tour-pointer{display:block;width:13px;height:17px}.tour-pointer>svg{width:13px;height:17px}.tour-story{gap:2px;font-size:7px}.tour-story>span{padding:6px 3px}.tour-story>span>span{display:none}.tour-story>i{font-size:7px}.tour-replay{width:23px;height:23px}.deep-focus-card>h3{font-size:22px}.deep-focus-middle{gap:10px}.deep-focus-card{padding:24px 14px}.deep-focus-middle .focus-ring{width:92px;height:92px}.deep-focus-middle .focus-ring strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-opt-in) .tour-pointer{display:none!important}}

/* Mirror the platform's single-countdown focus card. */
.deep-focus{background:#f2f3f9;backdrop-filter:none}
.tour-app.has-deep-focus .focus-page{opacity:0;visibility:hidden}
.deep-focus-card{width:360px;padding:20px 25px;background:#fff;border:1px solid #dde2eb;border-radius:19px;box-shadow:0 15px 40px #16324f12}
.deep-focus-card>h3{font-size:22px;letter-spacing:-.035em;line-height:1.25;color:#16324f}
.deep-focus-card>p{font-size:7px;color:#718297;margin:9px 0 0}
.preview-focus-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;font-size:7px;font-weight:600;letter-spacing:.1em;color:#777da1}
.preview-focus-close{display:grid;place-items:center;width:23px;height:23px;background:#f7f8fb;border:1px solid #e4e8ef;border-radius:7px;font-size:13px;color:#718297}
.deep-focus-middle{display:grid;place-items:center;margin:22px 0 19px}
.deep-focus-middle .focus-ring{width:128px;height:128px;box-shadow:none;padding:4px;background:conic-gradient(#8c8fbd var(--progress,0deg),#eff0f6 0)}
.deep-focus-middle .focus-ring strong{font-size:33px;font-weight:500;margin:8px 0}
.deep-focus-middle .focus-ring small{font-size:5px;letter-spacing:.1em}.deep-focus-middle .focus-ring span{font-size:7px}
.preview-focus-actions{display:flex;justify-content:center;gap:8px;font-size:8px;color:#65718b}
.preview-focus-actions>span{padding:9px 11px;border:1px solid #e0e5ed;border-radius:7px}.preview-focus-actions>span:first-child{background:#f0f0f8;color:#656994;border-color:#dcddea}
.preview-focus-footer{display:flex;align-items:center;justify-content:space-between;margin-top:21px;border-top:1px solid #edf0f4;padding-top:15px}
.preview-focus-footer small{font-size:7px;color:#8190a1}.preview-focus-footer b{font-size:8px;font-weight:600;background:#16324f;color:#fff;border-radius:7px;padding:10px 14px}
@media(min-width:800px){.deep-focus-card{width:390px;padding:23px 29px}.deep-focus-card>h3{font-size:25px}.deep-focus-middle .focus-ring{width:144px;height:144px}.deep-focus-middle .focus-ring strong{font-size:38px}}
@media(max-width:540px){.deep-focus-card{padding:17px 19px;max-width:calc(100% - 24px)}.deep-focus-card>h3{font-size:21px}.preview-focus-toolbar{margin-bottom:15px}.deep-focus-middle{margin:17px 0}.deep-focus-middle .focus-ring{width:113px;height:113px}.deep-focus-middle .focus-ring strong{font-size:30px}.preview-focus-actions{font-size:7px;gap:6px}.preview-focus-actions>span{padding:8px 9px}.preview-focus-footer{margin-top:17px;padding-top:12px}}
@media(max-width:540px){.deep-focus-card{padding:14px 19px}.preview-focus-toolbar{margin-bottom:12px}.deep-focus-middle{margin:15px 0}.deep-focus-middle .focus-ring{width:102px;height:102px}.preview-focus-footer{padding-top:10px}}