.now-timeline{--now-gutter:40px;--now-focus-width:calc((100% - var(--now-gutter) - var(--now-lane-gap)) * .4);--now-lane-gap:12px;--now-notes-left:calc(var(--now-gutter) + var(--now-focus-width) + var(--now-lane-gap));color:#000;background:#fff;border-radius:18px;min-width:0;padding:16px}.now-timeline-days{gap:12px;margin-bottom:16px;display:grid}.now-timeline-date{margin:0 0 8px;font-size:18px;font-weight:500;line-height:26px}.now-timeline-date span{color:#737373;margin-left:8px;font-size:14px;font-weight:400}.now-timeline .calendar-all-day{padding:0}.now-timeline .inline-error{margin:8px 0 0}.now-timeline-scale{isolation:isolate;margin:16px 0 12px;position:relative}.now-timeline-tick{left:var(--now-gutter);pointer-events:none;border-top:1px solid #f8fafc;position:absolute;right:0}.now-timeline-tick.is-hour{border-color:#edf0f3}.now-timeline-tick>span{width:var(--now-gutter);color:#94a3b8;padding-right:5px;font-size:11px;line-height:16px;position:absolute;top:-8px;right:100%}.now-timeline-phase{left:var(--now-gutter);width:var(--now-focus-width);background:color-mix(in srgb, var(--block-color) 10%, #fff);border-bottom:1px solid #fff;padding:8px 6px 8px 13px;position:absolute}.now-timeline-phase:before{content:"";background:var(--block-color);border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:5px}.now-timeline-phase>span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:18px;display:block;overflow:hidden}.now-timeline-routine{left:var(--now-notes-left);position:absolute;right:0}.now-timeline-routine:before{content:"";background:color-mix(in srgb, var(--block-color) 8%, #fff);border-radius:8px;position:absolute;inset:0 0 8px}.now-timeline-routine:after{content:"";background:var(--block-color);border-radius:3px;width:3px;position:absolute;top:0;bottom:8px;left:0}.now-timeline-natural-card{z-index:1;width:100%;display:flow-root;position:relative}.now-timeline-natural-card>.now-timeline-date{padding:8px 10px 0 18px}.now-timeline .note-block{background:color-mix(in srgb, var(--block-color) 8%, #fff);border:0;border-radius:8px;margin:0;padding:10px;position:relative}.now-timeline .note-block:before{content:"";background:var(--block-color);border-radius:3px;width:3px;position:absolute;top:10px;bottom:10px;left:8px}.now-timeline .note-block .block-heading{gap:4px 8px;min-height:27px;margin:0;padding-left:8px}.now-timeline .note-block .block-title{color:#000;background:0 0;min-width:0;max-width:100%;padding:0;font-size:16px;font-weight:500}.now-timeline .note-block .block-time{color:#737373;font-size:14px;font-weight:400}.now-timeline .note-block .routine-time{width:6em}.now-timeline .note-block .block-mode{max-width:100%;color:var(--block-color);background:0 0;border-radius:6px;padding:0 4px;font-size:14px}.now-timeline .note-block .block-content{padding:8px 0 0 8px}.now-timeline .note-block textarea{background:color-mix(in srgb, var(--block-color) 8%, transparent);color:#000;border-radius:6px;padding:6px;font-size:16px}.now-timeline .now-timeline-routine .note-block{background:0 0}.now-timeline .now-timeline-routine .note-block:before{display:none}.now-timeline-midnight{left:var(--now-gutter);z-index:1;pointer-events:none;border-top:1px dashed #94a3b8;position:absolute;right:0}.now-timeline-midnight>time{max-width:var(--now-focus-width);color:#737373;white-space:nowrap;background:#fff;padding:0 4px;font-size:11px;line-height:18px;position:absolute;top:-9px;left:0}.now-timeline-current{left:var(--now-gutter);z-index:2;pointer-events:none;border-top:1px solid #f08f9b;position:absolute;right:0}.now-timeline-current:before{content:"";background:#f08f9b;border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:-3px}.now-timeline-compact{gap:8px;display:grid}@media (width<=600px){.now-timeline{--now-lane-gap:8px;padding:12px}.now-timeline-phase{padding-left:11px;padding-right:3px}.now-timeline-phase>span{font-size:10px}.now-timeline .note-block{padding:8px}.now-timeline .note-block:before{left:6px}.now-timeline .note-block .block-title{font-size:14px}}:root{--app-max-width:1800px;--now-max-width:1440px;--desktop-gutter:28px;color:#334155;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f4f4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:none}button,select{cursor:pointer}button{-webkit-tap-highlight-color:transparent}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:default;opacity:.45}button,select,input{min-height:32px}.keyboard-navigation :is(button,select,input,textarea,a):focus-visible{outline-offset:4px;outline:2px solid #67c2ed}.home-page{gap:28px;max-width:380px;padding:80px 22px 36px;display:grid}.home-page h1{font-size:24px}.account-form{gap:20px;display:grid}.account-form label{gap:8px;font-size:14px;display:grid}.account-form input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 12px}.account-button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 16px}.account-button:hover{background:#f8fafc}.auth-page{color:#000;gap:20px;max-width:484px;padding:12px 28px 28px}.account-nav{align-items:center;gap:18px;min-height:44px;margin-bottom:16px;padding:0 44px 0 4px;display:flex}.account-nav button{color:#737373;background:0 0;border:0;padding:0;font-size:14px;font-weight:400}.account-nav button.active{color:#000;font-weight:700}.account-nav button:hover:not(:disabled){color:#000}.login-card .account-form{gap:12px}.login-email{--field-color:#67c2ed}.login-password{--field-color:#f08f9b}.login-field{background:color-mix(in srgb, var(--field-color) 8%, #fff);border-radius:8px;padding:12px;font-weight:700;position:relative}.login-field:before{content:"";background:var(--field-color);border-radius:3px;width:3px;position:absolute;top:12px;bottom:12px;left:12px}.login-field-title{padding-left:11px;font-size:18px;line-height:1.5}.login-field input{background:color-mix(in srgb, var(--field-color) 8%, transparent);border:0;border-radius:6px;width:calc(100% - 11px);min-height:44px;margin-left:11px;padding:6px;font-size:16px;font-weight:400}.login-submit{background:#ebfdf5;border-color:#07e282;border-radius:6px;justify-self:end;min-height:40px;padding:8px 16px;font-size:14px;font-weight:700}.login-submit:hover:not(:disabled){background:#d2fae9}.account-providers{flex-wrap:wrap;gap:12px;display:flex}.provider-button{background:#fefbec;border-color:#f6d73f;border-radius:6px;flex:150px;min-height:40px;padding:8px 10px;font-size:14px;font-weight:700}.provider-button:hover:not(:disabled){background:#fdf7d9}.modal{color:#000;background:#fff;border:0;border-radius:18px;width:min(484px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed}.modal::backdrop{background:#00000059}.modal-close{z-index:1;color:#737373;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex;position:absolute;top:12px;right:12px}.modal-close:hover{color:#000}.modal .auth-page{width:100%;margin:0 auto}.demo-content{padding:12px 28px 28px}.demo-content h1{text-align:left;align-items:center;min-height:44px;padding-right:44px;font-size:20px;font-weight:700;display:flex}.demo-content p{font-size:16px;line-height:1.6}.demo-account-actions{gap:12px;margin-top:24px;display:flex}.demo-account-actions .account-button{flex:1;font-size:14px;font-weight:700}.app-logo{width:92px;height:auto;position:absolute;top:20px;left:24px}.site-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;margin-bottom:32px;padding:0 24px;display:grid;position:relative}.page-nav{background:#fff;border-radius:0 0 18px 18px;justify-content:center;gap:24px;padding:6px 32px;display:flex}.site-header>.page-nav{grid-column:2}.header-navigation{grid-column:2;align-items:center;gap:16px;display:flex;position:relative}.main-menu{display:contents}.mobile-menu-logo{display:none}.header-period{color:#000;white-space:nowrap;align-items:center;gap:8px;font-size:16px;display:flex;position:absolute;top:6px;right:calc(100% + 16px)}.header-print{position:absolute;top:6px;left:calc(100% + 16px)}.page-nav button,.page-nav a{white-space:nowrap}.page-nav a{text-decoration:none}.page-nav a[aria-disabled=true]{cursor:default;opacity:.45}.header-navigation .page-nav [data-label]{place-items:center;display:grid}.header-navigation .page-nav [data-label]>span{grid-area:1/1}.header-navigation .page-nav [data-label]:after{content:attr(data-label);visibility:hidden;grid-area:1/1;font-weight:700}.nav-divider{color:#d1d1d1;align-self:center;font-size:16px}.page-nav button,.page-nav a,.header-period button,.header-actions button,.header-print,.mobile-nav-actions button{color:#737373;background:0 0;border:0;min-height:44px;padding:0;font-size:16px;font-weight:400;transition:color .15s}.header-period .nav-arrow,.header-print,.header-actions button{justify-content:center;align-items:center;display:inline-flex}.page-nav button.active,.page-nav a.active{color:#000;font-weight:700}:is(.page-nav,.header-period,.header-actions,.mobile-tabs,.mobile-nav-actions) button:hover:not(:disabled),.header-print:hover:not(:disabled),.page-nav a:hover:not([aria-disabled=true]){color:#000}.header-actions{justify-self:end;align-items:center;gap:18px;display:flex}.header-actions svg,.header-print svg{width:18px;height:18px}.header-actions .save-status{flex-basis:18px}.mobile-nav-actions{display:none}.page-nav .icon-nav svg{grid-area:1/1;width:24px;height:24px;display:block}.header-navigation .page-nav .icon-nav>span,.header-navigation .page-nav .icon-nav:after{display:none}:is(.header-actions,.mobile-nav-actions) .demo-button{color:#dc2626;font-size:14px;font-weight:700}:is(.header-actions,.mobile-nav-actions) .demo-button:hover:not(:disabled){color:#b91c1c}:is(.header-actions,.mobile-nav-actions) .login-button{background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.header-actions .login-button svg{width:24px;height:24px}.save-status{color:#94a3b8;flex:0 0 18px;align-self:center;display:inline-flex}.save-status.is-saved{color:#16a34a}.save-status.is-error{color:#dc2626}main{max-width:var(--app-max-width);margin:0 auto;padding-bottom:36px}.learn-layout{gap:28px;max-width:724px;margin:0 auto;padding:32px 22px 48px;display:grid}.learn-page{overflow-wrap:break-word;min-width:0;max-width:680px;font-size:16px;line-height:1.75}.learn-page h1,.learn-page h2,.learn-page h3,.learn-page h4{color:#000;text-align:left;text-wrap:balance;font-weight:600;line-height:1.35}.learn-page h1{letter-spacing:-.025em;max-width:580px;scroll-margin-top:88px;font-size:30px}.learn-page h2{margin:0 0 24px;scroll-margin-top:88px;font-size:18px}.learn-page h3{margin:32px 0 16px;font-size:16px}.learn-page h4{margin:24px 0 12px;font-size:15px}.learn-page p{margin:0 0 20px}.learn-page strong{font-weight:600}.learn-page .learn-subtitle{margin:16px 0 24px;font-size:18px;line-height:1.6}.learn-page>section{margin-top:20px}.learn-page>:is(header,section)>:last-child{margin-bottom:0}.learn-page a{color:inherit;text-underline-offset:4px;text-decoration-color:#a3a3a3}.learn-page a:hover{color:#000;text-decoration-color:currentColor}.learn-page ul,.learn-page ol{margin:0 0 24px;padding-left:24px}.learn-page li+li{margin-top:10px}.learn-contents{align-self:start;font-size:14px;line-height:1.6}.learn-contents p{color:#000;margin:0 0 16px;font-weight:600}.learn-contents ul{margin:0;padding:0;list-style:none}.learn-contents li+li{margin-top:12px}.learn-contents a{color:#737373;text-decoration:none;display:block}.learn-contents a:hover{color:#000}.learn-contents a[aria-current=location]{color:#000;font-weight:600}@media (width>=1000px){.learn-layout{grid-template-columns:240px minmax(0,1fr);gap:56px;max-width:1040px}.learn-contents{max-height:calc(100dvh - 64px);padding-top:8px;position:sticky;top:32px;overflow-y:auto}}.learn-figure{color:#737373;margin:32px 0}.learn-figure svg,.learn-figure img{width:100%;height:auto;display:block}.learn-figure-labels{text-align:center;gap:6px;margin-top:12px;font-size:12px;line-height:1.4;display:flex}.learn-figure-labels span{flex:1;min-width:0}.learn-figure figcaption{text-align:center;margin-top:16px;font-size:13px}.learn-resources{grid-template-columns:clamp(80px,18vw,140px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.learn-resources img{width:100%;height:auto;display:block}.learn-resources ul{margin:0;padding:0;list-style:none}.learn-table{margin:24px 0;overflow-x:auto}.learn-table table{border-collapse:collapse;text-align:left;width:100%;font-size:14px;line-height:1.6}.learn-table th,.learn-table td{vertical-align:top;border-bottom:1px solid #d9d9d9;padding:12px 10px}.learn-table th{color:#000;font-weight:600}.learn-table th:first-child{white-space:nowrap;padding-left:0}.learn-table td:last-child,.learn-table th:last-child{padding-right:0}.page-toolbar{justify-content:center;align-items:center;gap:18px;min-height:68px;padding:8px 16px 20px;display:flex}.week-view-controls{padding:0 var(--desktop-gutter);justify-content:flex-end;gap:8px;display:flex}.week-view-controls button{color:#737373;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:40px;min-height:40px;padding:8px;display:inline-flex}.week-view-controls button[aria-pressed=true]{color:#16a34a}.week-view-controls button:hover{background:#e5e5e5}.calendar-status-icon{color:#737373;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.calendar-status-icon svg{width:18px;height:18px}.calendar-status-icon.is-synced{color:#16a34a}.calendar-status-icon.has-error{color:#dc2626}.settings-page{color:#000;min-width:0}.settings-page h1{letter-spacing:-.025em;text-align:left;margin:0 0 28px;font-size:30px;font-weight:600}.settings-card,.learn-page>:is(header,section){background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:24px;scroll-margin-top:64px}.settings-card+.settings-card{margin-top:20px}.settings-card-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-card-heading h2{margin:0;font-size:18px;font-weight:600}.settings-account-details{gap:16px;margin:24px 0 0;font-size:14px;display:grid}.settings-account-details>div{gap:4px;display:grid}.settings-account-details dt{color:#737373;font-size:13px}.settings-account-details dd{overflow-wrap:anywhere;margin:0}.settings-login-methods{margin-top:24px}.settings-login-methods h3{margin:0 0 12px;font-size:14px;font-weight:600}.settings-login-methods ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.settings-login-methods li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:40px;font-size:14px;display:flex}.settings-password-form{max-width:380px;margin-top:20px}.settings-password-actions{justify-content:flex-end;gap:10px;display:flex}.settings-badge{color:#737373;background:#f4f4f4;border-radius:6px;padding:4px 9px;font-size:12px;line-height:1.5}.settings-badge.is-connected{color:#15803d;background:#f0fdf4}.settings-badge.has-error{color:#b91c1c;background:#fef2f2}.settings-card-actions{background:#fafafa;border-top:1px solid #ededed;border-radius:0 0 16px 16px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin:24px -24px -24px;padding:16px 24px;display:flex}.settings-button{color:#334155;background:#fff;border:1px solid #d4d4d4;border-radius:8px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:600}.settings-button:hover:not(:disabled){background:#f5f5f5;border-color:#a3a3a3}.settings-button.is-destructive{color:#b91c1c;border-color:#fecaca}.settings-button.is-destructive:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.settings-card .inline-error{overflow-wrap:anywhere;margin-top:20px}@media (width<=999px){.learn-contents{display:none}}.calendar-selection{border:0;gap:4px;min-width:0;margin:24px 0 0;padding:0;display:grid}.calendar-selection legend{color:#737373;margin-bottom:10px;padding:0;font-size:13px}.calendar-selection label{overflow-wrap:anywhere;cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:8px 10px;font-size:14px;display:flex}.calendar-selection label:has(input:checked){background:#f0fdf4}.calendar-selection label:hover{background:#f5f5f5}.calendar-selection input{accent-color:#16a34a;flex:0 0 16px;width:16px;height:16px;min-height:16px;margin:0}.calendar-selection:disabled label{cursor:default}.calendar-all-day{padding:4px 8px}.calendar-all-day h3{color:#737373;margin:0 0 6px;font-size:14px;font-weight:400}.calendar-events{margin:0 0 8px;padding:0;font-size:14px;line-height:1.5;list-style:none}.calendar-events li{overflow-wrap:anywhere}.calendar-events li+li{margin-top:4px}.calendar-events a{color:inherit;text-decoration:none}.calendar-events a:hover{text-decoration:underline}.calendar-event-time{color:#737373;white-space:nowrap;margin-right:8px}.calendar-all-day .calendar-events{margin-bottom:0}h1{text-align:center;margin:0;font-size:16px;font-weight:500}.toolbar-muted{color:#94a3b8;margin-left:5px;font-weight:400}.arrow-button{color:#94a3b8;background:0 0;border:0;padding:0 10px;font-size:26px;font-weight:300}.arrow-button:hover{color:#334155}.panel-heading{color:#000;text-align:center;margin:0 0 30px;font-size:16px;font-weight:500}.heading-date{color:#94a3b8;margin-top:5px;font-size:13px;font-weight:400;display:block}.swipe-toolbar{display:block}.swipe-toolbar-controls>.header-period{display:none}.mobile-tabs{justify-content:center;gap:3px;padding:0 10px 18px;display:flex}.mobile-tabs button{color:#737373;background:0 0;border:0;padding:5px 9px;font-size:14px;font-weight:400;transition:color .15s}.mobile-tabs button.active{color:#000;font-weight:700}.swipe-panels{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:flex-start;width:100%;display:flex;overflow-x:auto}.swipe-panels::-webkit-scrollbar{display:none}.swipe-panel{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;width:100%;min-width:0;padding:14px 22px 28px}.next-weeks{display:none}.day-blocks,.week-notes{gap:22px;display:grid}.today-grid .next-weeks{max-width:620px;margin:32px auto 0;display:block}.note-block{border:2px solid var(--block-color);background:#fff;border-radius:14px;min-width:0}.block-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 5px;margin:-12px 10px 0;display:flex}.block-title{text-align:left;background:#fff;border:0;min-height:22px;padding:0 5px;font-size:16px;font-weight:300;line-height:1.5}.block-time{color:#94a3b8;white-space:nowrap}.routine-time{width:8em;min-width:0;max-width:100%;min-height:0;font:inherit;field-sizing:content;background:0 0;border:0;border-radius:0;padding:0}.routine-time::-webkit-calendar-picker-indicator{display:none}.block-mode{color:var(--block-color);appearance:none;field-sizing:content;background:#fff;border:0;min-height:22px;margin-left:auto;padding:0 5px;font-size:15px;font-weight:700}.block-mode option{color:#334155}.block-content{padding:18px 12px 12px}textarea{width:100%;resize:none;field-sizing:content;appearance:none;background:0 0;border:0;border-radius:0;min-block-size:1.45em;margin:0;padding:0;font-size:16px;line-height:1.45;display:block;overflow:hidden}textarea::-webkit-resizer{display:none}.session-preview{text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px;font-size:13px;font-weight:500;line-height:1.5;overflow:hidden}.year-list,.year-past{width:calc(100% - 44px);max-width:860px;margin:12px auto 0}.year-list{display:grid}.year-past{color:#000;background:#fff;border-radius:18px;padding:12px}.year-past>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:18px;font-weight:500;line-height:26px;list-style:none;display:flex}.year-past>summary::-webkit-details-marker{display:none}.year-past>summary svg{color:#737373}.year-past>summary:hover svg{color:#000}.year-past .past-chevron-down,.year-past[open] .past-chevron-right{display:none}.year-past[open] .past-chevron-down{display:inline}.focus-panel{background:#fff;border:0;border-radius:18px;overflow:hidden}.template-body{padding:16px 16px 0;display:flow-root}.focus-form-column,.calendar-column{width:100%;min-width:0;max-width:620px;margin-inline:auto}.focus-form-column>.start-button{border-radius:12px;margin-top:16px;font-size:16px}.now-day-column{width:100%;min-width:0;max-width:760px;margin-inline:auto}.focus-workspace{align-items:start;gap:20px;display:grid}.focus-form-column>.focus-panel{padding-bottom:16px}.calendar-column>.timeline-panel{background:#fff;border-radius:18px;padding:16px}.calendar-column>.timeline-panel .card-heading{text-align:left;margin:0 0 24px}.calendar-column .card-title-label{margin:0;padding:0;font-size:20px;line-height:28px}.day-blocks,.year-list,.next-weeks .week-notes{background:#fff;border:2px solid #e2e8f0;border-radius:14px;gap:0}.day-blocks .block-content,.year-list .block-content,.next-weeks .block-content{padding:4px 12px 26px}.day-blocks .block-title,.year-list .block-title,.next-weeks .block-title{color:var(--block-color);font-weight:700}.day-blocks .block-time,.year-list .block-time,.next-weeks .block-time{color:inherit}.day-blocks .note-block,.year-list .note-block,.next-weeks .note-block{border:0;border-top:2px solid var(--block-color);border-radius:0;margin:0}.day-stack-heading{text-align:center;border:0;border-radius:14px 14px 0 0;margin:0;padding:0 10px 24px}.day-stack-label,.card-title-label{background:#fff;padding:0 5px;font-size:18px;line-height:22px;display:table}.day-stack-label{margin:-12px auto 0}.day-stack-heading .heading-date{margin:0 0 0 5px;font-size:16px;display:inline}.day-blocks .note-block:last-child,.year-list .note-block:last-child,.next-weeks .note-block:last-child{border-radius:0 0 14px 14px}.today-grid .card-heading{margin:-34px 0 24px}.today-grid .template-panel .card-heading{align-items:center;gap:16px;margin:0 0 16px;display:flex}.template-panel .template-title{flex:1;min-width:0}.template-delete{color:#a3a3a3;background:0 0;border:0;flex:0 0 28px;justify-content:center;align-items:center;min-height:28px;padding:0;display:inline-flex}.template-delete:hover:not(:disabled){color:#737373}.card-title-label{margin:0 auto}.template-title{color:#000;text-align:left;appearance:none;field-sizing:content;border:0;min-width:8ch;max-width:100%;min-height:28px;margin:0;padding:0;font-size:20px;font-weight:500;line-height:28px;display:block}.template-title::placeholder{color:#94a3b8}.template-picker{align-items:center;gap:8px;margin-bottom:16px;display:flex}.template-picker select{color:#000;background:#e8e8e8;border:0;border-radius:4px;flex:1;min-width:0;min-height:38px;padding:5px 10px;font-size:14px}.template-picker .quiet-button{background:#e8e8e8;flex:0 0 38px;justify-content:center;align-items:center;height:38px;padding:0;display:inline-flex}.phase-list{gap:8px;margin:0 0 6px;padding:0;list-style:none;display:grid}.phase-editor{background:color-mix(in srgb, var(--block-color) 8%, #fff);border:0;border-radius:8px;min-width:0;padding:12px;position:relative}.phase-editor:before{content:"";background:var(--block-color);border-radius:3px;width:3px;position:absolute;top:12px;bottom:12px;left:12px}.phase-heading{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:0;display:grid}.phase-delete{width:28px;height:28px;color:color-mix(in srgb, var(--block-color) 65%, #737373);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.phase-delete:hover:not(:disabled){color:color-mix(in srgb, var(--block-color) 65%, #000)}.phase-mode{color:#000;appearance:none;field-sizing:content;background:0 0;border:0;justify-self:start;min-width:0;max-width:100%;min-height:22px;padding:0 0 0 11px;font-size:18px;font-weight:700;line-height:1.5}.phase-mode option{color:#334155}.phase-duration-group{background:color-mix(in srgb, var(--block-color) 8%, transparent);border-radius:6px;align-items:center;display:flex}.phase-duration{box-sizing:content-box;text-align:center;color:#000;appearance:textfield;background:0 0;border:0;border-radius:6px;width:3ch;min-height:24px;padding:0 5px;font-size:18px;font-weight:700;line-height:1.5}.phase-duration::-webkit-inner-spin-button{appearance:none;margin:0}.phase-duration::-webkit-outer-spin-button{appearance:none;margin:0}.phase-heading :is(select,input,button):focus-visible{box-shadow:none;outline:none}.phase-heading .phase-delete:focus-visible{outline-offset:2px;outline:2px solid}.phase-notes{background:color-mix(in srgb, var(--block-color) 8%, transparent);color:#000;border-radius:6px;width:calc(100% - 11px);margin:8px 0 0 11px;padding:6px;font-size:16px}.phase-notes::placeholder{font-size:16px}.quiet-button{color:#000;background:#f1f5f9;border:0;border-radius:4px;padding:5px 10px;font-size:14px}.quiet-button:hover:not(:disabled){color:#334155;background:#e2e8f0}.template-add-phase{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:16px 16px 0;display:flex}.add-phase-button{background:color-mix(in srgb, var(--block-color) 24%, #fff);color:#000;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:6px 10px;font-size:14px;display:inline-flex}.add-phase-button svg{color:color-mix(in srgb, var(--block-color) 65%, #000);flex-shrink:0}.add-phase-button:hover:not(:disabled){background:color-mix(in srgb, var(--block-color) 40%, #fff)}.focus-form-column :is(.quiet-button,.template-picker select){font-size:16px}.start-button{color:#6d28d9;letter-spacing:.05em;background:#ede9fe;border:2px solid #c4b5fd;border-radius:0 0 14px 14px;width:100%;min-height:44px;margin:0;font-size:14px;font-weight:500;transition:background-color .15s,border-color .15s;display:block}.start-button:hover:not(:disabled){background:#ddd6fe;border-color:#a78bfa}.focus-timer-page{align-items:start;gap:20px;max-width:620px;padding:14px 22px 36px;display:grid}.timer-column{min-width:0}.timer-panel{color:#000;background:#fff;border-radius:18px;padding:16px}.timer-heading{text-align:left;overflow-wrap:anywhere;margin:0 0 16px;font-size:20px;font-weight:500;line-height:28px}.timer-phases{gap:8px;margin:0;padding:0;list-style:none;display:grid}.timer-phase{border:1px solid color-mix(in srgb, var(--block-color) 24%, #fff);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:12px 12px 12px 23px;display:grid;position:relative}.timer-phase:before{content:"";background:var(--block-color);border-radius:3px;width:3px;position:absolute;top:12px;bottom:12px;left:12px}.timer-phase.is-active{border-color:color-mix(in srgb, var(--block-color) 14%, #fff);background:color-mix(in srgb, var(--block-color) 14%, #fff)}.timer-phase.is-active :is(.timer-duration-controls,.timer-phase-notes){background:color-mix(in srgb, var(--block-color) 8%, transparent);border-color:#0000}.timer-phase-title{overflow-wrap:anywhere;min-width:0;margin:0;font-size:18px;font-weight:700;line-height:1.5}.timer-phase.is-finished>*{opacity:.5}.timer-duration-controls{border:1px solid color-mix(in srgb, var(--block-color) 24%, transparent);background:0 0;border-radius:6px;align-items:center;gap:2px;display:flex}.timer-duration-controls button{background:0 0;border:0;flex:none;width:28px;min-height:36px;padding:0;font-size:22px}.timer-countdown,.timer-completed{text-align:center;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:5ch;font-size:18px;display:inline-flex}.timer-completed{font-size:26px}.timer-phase.is-active .timer-countdown{font-weight:500}.timer-phase-notes{border:1px solid color-mix(in srgb, var(--block-color) 24%, transparent);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border-radius:6px;grid-column:1/-1;margin:0;padding:6px;font-size:16px;line-height:1.45}.timer-summary{color:#737373;font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin-top:16px;font-size:14px;display:flex}.timer-summary>div{margin-left:auto}.timer-summary p{text-align:right;margin:0 0 6px}.timeline{margin:10px 0 8px}.timeline-hour{border-top:1px solid #f1f5f9;left:0;right:0}.timeline-half-hour{border-top:1px solid #f8fafc;left:0;right:0}.timeline-hour-label{color:#94a3b8;background:#fff;padding-right:5px;font-size:12px;position:relative;top:-9px}.timeline-phase{box-sizing:border-box;background:color-mix(in srgb, var(--block-color) 8%, #fff);border:0;border-radius:0;padding:6px 8px 6px 17px;left:43px;right:0;overflow:hidden}.timeline-phase:before{content:"";background:var(--block-color);border-radius:3px;width:3px;position:absolute;top:6px;bottom:6px;left:6px}.timeline-phase.first-phase{border-top-left-radius:6px;border-top-right-radius:6px}.timeline-phase.last-phase{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.timeline-phase-label{color:#000;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;line-height:16px;overflow:hidden}.current-time-line{z-index:1;border-top:1px solid #f08f9b;left:40px;right:0}.current-time-line:before{content:"";background:#f08f9b;border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:-3px}.inline-error{color:#b91c1c;overflow-wrap:anywhere;margin:12px;font-size:14px;line-height:1.5}.inline-error .quiet-button{color:#b91c1c;margin-left:5px}.load-error,.loading-state{text-align:center;margin:28px}.loading-state{color:#94a3b8;font-size:15px}@media (width>=1000px){.site-header{max-width:var(--app-max-width);padding-inline:var(--desktop-gutter);margin-inline:auto}.site-header.is-now{max-width:var(--now-max-width)}.app-logo{left:var(--desktop-gutter)}.site-header:is(.is-learn,.is-settings){max-width:1040px;padding-inline:22px}.site-header:is(.is-learn,.is-settings) .app-logo{left:22px}.year-page{padding-inline:var(--desktop-gutter)}.timer-header,.focus-timer-page{max-width:1040px}.focus-timer-page{padding:36px var(--desktop-gutter);grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-tabs{display:none}.swipe-panels{scroll-snap-type:none;padding:20px var(--desktop-gutter);align-items:start;gap:30px 20px;display:grid;overflow:visible}.swipe-panel{scroll-snap-align:none;width:auto;padding:0}.week-grid,.today-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.week-grid{align-items:stretch;row-gap:42px}.week-grid .swipe-panel,.week-grid .swipe-panel>section,.week-grid :is(.day-blocks,.week-notes){flex-direction:column;display:flex}.week-grid .swipe-panel>section,.week-grid :is(.day-blocks,.week-notes){flex:1}.week-grid .day-stack-heading{flex:none}.week-grid .note-block{flex-direction:column;flex:1 0 auto;display:flex}.week-grid .block-heading{flex:none}.week-grid .block-content{flex-direction:column;flex:1 0 auto;display:flex}.week-grid textarea{flex:1 0 auto}.today-grid{max-width:var(--now-max-width);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-inline:auto;padding-top:36px}.today-grid>.swipe-panel{width:100%;max-width:none;margin-inline:0}.today-grid .focus-workspace{display:block}.today-grid .focus-form-column{max-width:none}.next-weeks{display:block}.year-list,.year-past{width:100%;max-width:none;margin-top:20px}}@media (width<=999px){.account-modal{border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0}.account-modal .auth-page{padding-top:max(12px, env(safe-area-inset-top,0px));padding-bottom:max(36px, env(safe-area-inset-bottom,0px))}.account-modal .modal-close{top:max(12px, env(safe-area-inset-top,0px))}.app-logo{top:calc(16px + env(safe-area-inset-top,0px));z-index:11;width:61px;position:fixed;bottom:auto;left:22px}.timer-header{max-width:620px;min-height:56px;margin:0 auto 24px}.timer-header .app-logo{width:92px;position:absolute;top:20px;bottom:auto;left:22px}.timer-nav{z-index:10;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.main-menu{z-index:10;width:calc(100% - 16px);max-width:560px;padding-bottom:env(safe-area-inset-bottom,0px);grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(4px,1vw,8px);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.site-header:has(.header-navigation){margin-bottom:24px;padding:0 12px;display:block;position:relative}.header-navigation{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid;position:static}.header-navigation .page-nav{border-radius:18px 18px 0 0;grid-area:1/1;justify-content:space-evenly;gap:2px;min-width:0;padding:6px clamp(6px,2vw,16px)}.site-header:has(.app-logo)+main{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}.header-period{grid-area:1/1;justify-self:start;position:static}.header-navigation>.header-period{grid-column:1/-1;justify-self:center}.header-print{grid-area:1/2;justify-self:end;min-width:44px;position:static}.header-actions{top:env(safe-area-inset-top,0px);z-index:11;gap:16px;min-height:44px;display:flex;position:fixed;right:22px}.header-actions>:is(button,.nav-divider){display:none}.mobile-nav-actions{grid-area:1/2;justify-self:end;align-items:center;gap:8px;min-height:44px;display:flex}.main-menu:has(.is-demo){grid-template-columns:minmax(0,1fr) auto}.mobile-nav-actions.is-demo{gap:4px}.mobile-nav-actions .demo-button{font-size:12px}.mobile-nav-actions .login-button svg{width:18px;height:18px}.site-header.is-week{margin-bottom:calc(52px + env(safe-area-inset-top,0px))}.site-header.is-week .header-period,.site-header.is-week .header-print{display:none}.mobile-tabs{z-index:5;background:#fff;padding-top:8px;position:sticky;top:0}.week-view-controls{flex-shrink:0;margin:0;padding:0}.swipe-toolbar{width:calc(100% - 44px);max-width:620px;margin:0 auto}.swipe-toolbar-controls{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.swipe-toolbar .header-period{gap:4px;display:flex;position:static}.swipe-toolbar .header-print{position:static}.swipe-toolbar .mobile-tabs{z-index:auto;background:#fff;border-radius:18px;justify-content:space-between;gap:0;padding:8px 12px;position:static}.swipe-toolbar .mobile-tabs button{padding-inline:4px}.swipe-panels{height:var(--panel-height,auto);overflow-y:hidden}.today-grid{gap:20px;height:auto;padding:14px 22px 28px;display:grid;overflow:visible}.today-grid>.swipe-panel{padding:0}.today-grid>.now-day-column{display:block}textarea{font-size:18px}.add-phase-label{display:none}.add-phase-button{width:44px;min-height:44px;padding:0}.phase-mode,.phase-duration{font-size:18px}.focus-panel,.day-panel{max-width:620px;margin-inline:auto}.toolbar-muted{font-size:14px}}.week-print{width:287mm;font-size:calc(12px * var(--print-density,1));color:#000;background:#fff;line-height:1.35}.week-print-page{width:100%;padding:1mm 0}.week-print-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:2mm;display:grid}.week-print-row+.week-print-row{margin-top:2mm}.week-print .next-weeks{display:block}.week-print .day-panel{max-width:none;margin:0}.week-print :is(.day-blocks,.week-notes){padding:calc(4px * var(--print-density,1));gap:calc(2px * var(--print-density,1));border-radius:calc(6px * var(--print-density,1));background:#fff;border:1px solid #d1d1d1;display:block}.week-print .day-stack-heading{margin:0 0 calc(4px * var(--print-density,1));padding:0 0 0 calc(1px + 10px * var(--print-density,1));text-align:left}.week-print .day-stack-label{font-size:calc(13px * var(--print-density,1));line-height:calc(18px * var(--print-density,1));margin:0;padding:0}.week-print .day-stack-heading .heading-date{font-size:calc(12px * var(--print-density,1))}.week-print :is(.day-blocks,.week-notes) .note-block{padding:calc(3px * var(--print-density,1)) calc(6px * var(--print-density,1));background:0 0;border:0;border-radius:0;margin:0;position:relative}.week-print .note-block:before{content:"";top:calc(3px * var(--print-density,1));bottom:calc(3px * var(--print-density,1));left:calc(6px * var(--print-density,1));width:calc(2px * var(--print-density,1));background:var(--block-color);border-radius:2px;position:absolute}.week-print .block-heading{padding-left:calc(7px * var(--print-density,1));gap:calc(4px * var(--print-density,1));margin:0}.week-print :is(.block-title,.block-mode){min-height:calc(18px * var(--print-density,1));font-size:calc(12px * var(--print-density,1));line-height:calc(18px * var(--print-density,1));color:#000;background:0 0;padding:0}.week-print .block-time{color:#737373;font-weight:400}.week-print .block-mode{display:none}.week-print .calendar-events{margin-bottom:calc(4px * var(--print-density,1));font-size:inherit}.week-print .calendar-events li+li{margin-top:calc(2px * var(--print-density,1))}.week-print .calendar-all-day{padding:calc(3px * var(--print-density,1)) calc(6px * var(--print-density,1))}.week-print .calendar-all-day h3{margin-bottom:calc(3px * var(--print-density,1));font-size:inherit}.week-print .block-content{padding:calc(4px * var(--print-density,1)) 0 0 calc(7px * var(--print-density,1))}.print-notes{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.35em}.week-print-balanced .week-print-full-page{gap:2mm;height:199mm;display:grid}.week-print-balanced .week-print-full-page>.week-print-row{min-height:0;margin-top:0}.week-print-balanced .week-print-full-page .week-print-row>div{height:var(--print-card-height)}.week-print-balanced .week-print-full-page :is(.day-blocks,.week-notes){flex:1;min-height:0}.week-print-balanced .week-print-row{align-items:stretch}.week-print-balanced .week-print-row>div,.week-print-balanced .week-print-row>div>section,.week-print-balanced :is(.day-blocks,.week-notes){flex-direction:column;flex:1;display:flex}.week-print-balanced .day-stack-heading{flex:none}.week-print-balanced .note-block{flex-direction:column;flex:1 0 auto;display:flex}.week-print-balanced .block-content{flex:1}.note-block.is-closed{flex:none;padding-bottom:10px}:is(.today-grid,.week-grid,.year-page) :is(.day-blocks,.week-notes,.year-list){color:#000;background:#fff;border:0;border-radius:18px;gap:8px;padding:16px}:is(.today-grid,.week-grid,.year-page) .day-stack-heading{text-align:left;margin-bottom:8px;padding:0}:is(.today-grid,.week-grid,.year-page) .day-stack-label{margin:0;padding:0;font-size:20px;line-height:28px}:is(.today-grid,.week-grid,.year-page) :is(.day-blocks,.week-notes,.year-list) .note-block{background:color-mix(in srgb, var(--block-color) 8%, #fff);border:0;border-radius:8px;padding:12px;position:relative}:is(.today-grid,.week-grid,.year-page) :is(.day-blocks,.week-notes,.year-list) .note-block:before{content:"";background:var(--block-color);border-radius:3px;width:3px;position:absolute;top:12px;bottom:12px;left:12px}:is(.today-grid,.week-grid,.year-page) .block-heading{gap:8px;min-height:27px;margin:0;padding-left:11px}:is(.today-grid,.week-grid,.year-page) .block-title{color:#000;background:0 0;padding:0;font-size:18px}:is(.today-grid,.week-grid,.year-page) .block-time{color:#737373;font-size:16px;font-weight:400}:is(.today-grid,.week-grid,.year-page) .block-mode{color:var(--block-color);background:0 0;border-radius:6px;padding:0 5px;font-size:16px}:is(.today-grid,.week-grid,.year-page) .block-content{padding:8px 0 0 11px}:is(.today-grid,.week-grid,.year-page) .block-content textarea{background:color-mix(in srgb, var(--block-color) 8%, transparent);color:#000;border-radius:6px;padding:6px;font-size:16px}:is(.week-grid,.year-page) :is(.day-blocks,.week-notes,.year-list){padding:12px}:is(.week-grid,.year-page) :is(.day-blocks,.week-notes,.year-list) .note-block{padding:8px}:is(.week-grid,.year-page) :is(.day-blocks,.week-notes,.year-list) .note-block:before{top:8px;bottom:8px;left:8px}:is(.week-grid,.year-page) .day-stack-label{font-size:18px;line-height:26px}:is(.week-grid,.year-page) .block-heading{padding-left:9px}:is(.week-grid,.year-page) .block-title{font-size:16px}:is(.week-grid,.year-page) .block-mode{padding-inline:4px}:is(.week-grid,.year-page) .block-content{padding:6px 0 0 9px}:is(.week-grid,.year-page) .block-content textarea{padding:4px}.year-past .year-list{width:auto;max-width:none;margin:12px 0 0;padding:0}@media screen{:root{scrollbar-gutter:stable both-edges}:root:has(.modal[open]){scrollbar-gutter:auto}.week-print{visibility:hidden;pointer-events:none;position:fixed;top:0;left:-10000px}}@media screen and (width<=999px){:root{scrollbar-gutter:auto}}@page week{size:A4 landscape;margin:5mm}@media print{body:has(.week-print){margin:0}body:has(.week-print) #app{display:none}.week-print{-webkit-print-color-adjust:exact;print-color-adjust:exact}.week-print-page{page:week;break-after:page}.week-print-page:last-child{break-after:auto}.week-print-row,.week-print .note-block{break-inside:avoid}.week-print .block-heading{break-after:avoid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}