:root{--button-radius: var(--radius-sm);--button-border-width: var(--border-width-sm);--button-border-style: var(--border-style-solid);--button-light-default-fill: var(--highlight);--button-light-default-border: var(--primary);--button-light-default-text: var(--text);--button-light-hover-fill: var(--highlight-light);--button-light-hover-border: var(--border);--button-light-hover-text: var(--text);--button-light-active-fill: var(--background);--button-light-active-border: var(--border);--button-light-active-text: var(--text);--button-dark-default-fill: var(--background);--button-dark-default-border: var(--border);--button-dark-default-text: var(--text);--button-dark-hover-fill: var(--highlight-light);--button-dark-hover-border: var(--border);--button-dark-hover-text: var(--text);--button-dark-active-fill: var(--highlight);--button-dark-active-border: var(--primary);--button-dark-active-text: var(--text);--button-toggle-fill: var(--highlight-light);--button-toggle-border-color: var(--primary-dark);--button-toggle-text-color: var(--text);--button-toggle-hover-fill: var(--highlight-light);--button-toggle-hover-border-color: var(--primary-dark);--button-toggle-hover-text-color: var(--text);--button-toggle-active-fill: var(--primary);--button-toggle-active-border-color: var(--primary-dark);--button-toggle-active-text-color: var(--text-light);--icon-action-fill: var(--highlight-light);--icon-action-border: var(--primary-dark);--icon-action-icon-color: var(--primary-dark);--icon-action-active-fill: var(--highlight-light);--icon-action-active-border: var(--primary-dark);--icon-action-active-icon-color: var(--primary-dark);--icon-action-hover-fill: var(--highlight);--icon-action-hover-border: var(--primary-dark);--icon-action-hover-icon-color: var(--background);--button-fill: var(--button-light-default-fill);--button-border-color: var(--button-light-default-border);--button-text-color: var(--button-light-default-text);--button-hover-fill: var(--button-light-hover-fill);--button-hover-border-color: var(--button-light-hover-border);--button-hover-text-color: var(--button-light-hover-text);--button-active-fill: var(--button-light-active-fill);--button-active-border-color: var(--button-light-active-border);--button-active-text-color: var(--button-light-active-text)}[data-button-scheme=dark]{--button-fill: var(--button-dark-default-fill);--button-border-color: var(--button-dark-default-border);--button-text-color: var(--button-dark-default-text);--button-hover-fill: var(--button-dark-hover-fill);--button-hover-border-color: var(--button-dark-hover-border);--button-hover-text-color: var(--button-dark-hover-text);--button-active-fill: var(--button-dark-active-fill);--button-active-border-color: var(--button-dark-active-border);--button-active-text-color: var(--button-dark-active-text)}.toggle-switch{--button-fill: var(--button-toggle-fill);--button-border-color: var(--button-toggle-border-color);--button-text-color: var(--button-toggle-text-color);--button-hover-fill: var(--button-toggle-hover-fill);--button-hover-border-color: var(--button-toggle-hover-border-color);--button-hover-text-color: var(--button-toggle-hover-text-color);--button-active-fill: var(--button-toggle-active-fill);--button-active-border-color: var(--button-toggle-active-border-color);--button-active-text-color: var(--button-toggle-active-text-color)}.toggle-switch{position:relative;width:60px;height:32px;border:var(--button-border-width) var(--button-border-style) var(--button-border-color);border-radius:16px;background:var(--button-fill);cursor:pointer;padding:2px;display:flex;align-items:center;transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box}.toggle-switch:hover:not(:disabled):not(.disabled){background:var(--button-hover-fill);border-color:var(--button-hover-border-color)}.toggle-thumb{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--button-text-color);left:4px;transition:left .2s ease,background .15s ease}.toggle-switch.active{background:var(--button-active-fill);border-color:var(--button-active-border-color)}.toggle-switch.active .toggle-thumb{left:calc(100% - 28px);background:var(--button-active-text-color)}.toggle-switch.active:hover:not(:disabled):not(.disabled) .toggle-thumb{background:var(--button-active-text-color)}[data-button-scheme=light]{--button-fill: var(--button-light-default-fill);--button-border-color: var(--button-light-default-border);--button-text-color: var(--button-light-default-text);--button-hover-fill: var(--button-light-hover-fill);--button-hover-border-color: var(--button-light-hover-border);--button-hover-text-color: var(--button-light-hover-text);--button-active-fill: var(--button-light-active-fill);--button-active-border-color: var(--button-light-active-border);--button-active-text-color: var(--button-light-active-text)}.icon-action-btn{width:var(--space-8, 40px);height:var(--space-8, 40px);border-radius:var(--radius-sm);padding:0;display:grid;place-items:center;box-sizing:border-box;line-height:0;background:var(--icon-action-fill);border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);color:var(--icon-action-icon-color);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.icon-action-btn svg{width:18px;height:18px;color:inherit;display:block;margin:0}button.icon-action-btn:hover:not(:disabled),button.icon-action-btn:focus-visible:not(:disabled),.icon-action-btn:hover,.icon-action-btn:focus-visible{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}button.icon-action-btn:active:not(:disabled),button.icon-action-btn[aria-pressed=true]:not(:disabled),.icon-action-btn:active,.icon-action-btn[aria-pressed=true]{background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}.icon-action-btn img{width:18px;height:18px;display:block;margin:0;transition:filter .15s ease,opacity .15s ease;filter:none;opacity:1}.icon-action-btn:hover img,.icon-action-btn:focus-visible img{filter:brightness(0) invert(1) saturate(100%);opacity:.95}.icon-action-btn--inline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);padding:8px 12px;height:auto;width:auto}.icon-action-btn--inline>svg,.icon-action-btn--inline>img{flex-shrink:0}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-dark)}html{scrollbar-color:var(--primary) transparent;scrollbar-width:autho}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--highlight),var(--primary));border:2px solid transparent;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary),var(--primary-dark))}*::-webkit-scrollbar-corner{background:var(--background-dark)}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-family-body);line-height:1.5;font-weight:var(--font-weight-regular);color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--button-radius);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);padding:var(--space-3) var(--space-4);font-size:var(--text-button-label-font-size);font-weight:var(--text-button-label-font-weight);font-family:inherit;background:var(--button-fill);color:var(--button-text-color);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}button:hover:not(:disabled){background:var(--button-hover-fill);border-color:var(--button-hover-border-color);color:var(--button-hover-text-color)}button:active:not(:disabled),button[aria-pressed=true]{background:var(--button-active-fill);border-color:var(--button-active-border-color);color:var(--button-active-text-color)}button:disabled{cursor:not-allowed;opacity:.6}button:focus,button:focus-visible{outline:2px solid var(--button-active-border-color);outline-offset:2px}*{box-sizing:border-box}body{margin:0;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height);font-weight:var(--text-body-regular-font-weight);background:var(--background);color:var(--text)}a{color:inherit;text-decoration:none}.app{min-height:100vh;width:100%}.appWithNavbar{padding-top:var(--space-10)}.page{max-width:1100px;margin:0 auto;padding:var(--space-7) var(--space-8) var(--space-10);width:100%}.greeting{margin:var(--space-1) 0 var(--space-2);font-family:var(--text-heading-1-font-family);font-size:var(--text-heading-1-font-size);line-height:var(--text-heading-1-line-height);font-weight:var(--text-heading-1-font-weight);letter-spacing:var(--text-heading-1-letter-spacing);color:var(--primary);text-align:left}.section{margin-top:var(--space-6)}.rating-timer-container{display:flex;gap:var(--space-6);align-items:flex-start;width:100%;max-width:1200px;margin:0 auto}.rating-cards-container{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start;flex:1}.timer-section{flex:0 0 auto}.sectionTitle{margin:0 0 var(--space-3);font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);line-height:var(--text-heading-2-line-height);font-weight:var(--text-heading-2-font-weight);letter-spacing:var(--text-heading-2-letter-spacing)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:900px){.grid2{grid-template-columns:1fr}}.card{background:var(--background-dark);border:var(--border-width-sm) solid var(--border);border-radius:var(--radius-lg);padding:var(--layout-card-padding)}.cardTitle{font-family:var(--text-heading-3-font-family);font-size:var(--text-heading-3-font-size);line-height:var(--text-heading-3-line-height);font-weight:var(--text-heading-3-font-weight);letter-spacing:var(--text-heading-3-letter-spacing);margin:0 0 10px}.muted{color:var(--text-light)}.btn{border:var(--button-border-width) var(--button-border-style) var(--button-border-color);background:var(--button-fill);color:var(--button-text-color);border-radius:var(--radius-full);padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-bold);cursor:pointer}.btnPrimary{border-width:var(--border-width-md)}.statsRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4)}.home-page{max-width:calc(1200px + (var(--space-8) * 2))}.home-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.55fr);gap:var(--space-8);align-items:flex-start;width:100%;max-width:1200px;margin:0 auto;justify-self:center}.home-left-column{width:auto;display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.home-right-column{width:auto;display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-start;min-width:0}.home-right-column .timer-section{width:100%}.home-right-column .timer-card{width:100%;max-width:100%}.home-reflection-launcher{width:72px;height:72px;border-radius:var(--radius-full);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);background:var(--button-fill);color:var(--button-text-color);display:grid;place-items:center;padding:0;margin-left:auto;cursor:pointer;box-shadow:var(--shadow-sm)}.home-reflection-launcher:hover{background:var(--button-hover-fill);border-color:var(--button-hover-border-color);color:var(--button-hover-text-color)}.home-reflection-launcher__icon{width:30px;height:30px;display:block}.workday-overlay__switch-btn{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:var(--space-2) var(--space-5);cursor:pointer;border-radius:var(--radius-sm);font-family:var(--text-button-label-font-family);font-size:var(--text-button-label-font-size);line-height:var(--text-button-label-line-height);font-weight:var(--font-weight-semibold);color:var(--text)}.workday-overlay__switch-btn .icon-remove-btn{width:36px;height:36px;border-radius:50%;border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);background:var(--icon-action-fill);padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.workday-overlay__switch-btn .icon-remove-btn:hover,.workday-overlay__switch-btn .icon-remove-btn:focus-visible{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}.workday-overlay__switch-btn .icon-remove-btn img{transition:transform .15s ease;transform-origin:center;width:16px;height:16px;object-fit:contain}.workday-overlay__switch-btn .icon-remove-btn:hover img,.workday-overlay__switch-btn .icon-remove-btn:focus-visible img{transform:scale(.88);filter:brightness(0) invert(1) saturate(100%);opacity:.95}.workday-overlay__switch-btn button.icon-add-btn{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:50%!important;border:var(--button-border-width) var(--button-border-style) var(--icon-action-border)!important;background:var(--icon-action-fill)!important;color:var(--icon-action-icon-color)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;line-height:0!important;box-sizing:border-box!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease!important}.workday-overlay__switch-btn button.icon-add-btn:hover,.workday-overlay__switch-btn button.icon-add-btn:focus-visible{background:var(--icon-action-hover-fill)!important;border-color:var(--icon-action-hover-border)!important;color:var(--icon-action-hover-icon-color)!important}.workday-overlay__switch-btn button.icon-add-btn:active,.workday-overlay__switch-btn button.icon-add-btn[aria-pressed=true]{background:var(--icon-action-active-fill)!important;border-color:var(--icon-action-active-border)!important;color:var(--icon-action-active-icon-color)!important}.workday-overlay__switch-btn button.add-pause-btn.icon-add-btn{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:var(--radius-sm)!important;border:var(--button-border-width) var(--button-border-style) var(--icon-action-border)!important;background:var(--icon-action-fill)!important;color:var(--icon-action-icon-color)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;line-height:0!important;box-sizing:border-box!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease!important}.workday-overlay__switch-btn button.add-pause-btn.icon-add-btn:hover,.workday-overlay__switch-btn button.add-pause-btn.icon-add-btn:focus-visible{background:var(--highlight)!important;border-color:var(--icon-action-hover-border)!important;color:var(--background)!important}.workday-overlay__switch-btn button.add-pause-btn.icon-add-btn:active,.workday-overlay__switch-btn button.add-pause-btn.icon-add-btn[aria-pressed=true]{background:var(--icon-action-active-fill)!important;border-color:var(--icon-action-active-border)!important;color:var(--icon-action-active-icon-color)!important}.workday-overlay__switch-btn button.add-pause-btn.icon-add-btn svg{width:18px!important;height:18px!important;display:block!important;color:inherit!important}.workday-overlay__switch-btn button.add-pause-btn.icon-add-btn:hover svg,.workday-overlay__switch-btn button.add-pause-btn.icon-add-btn:focus-visible svg{color:var(--background)!important}.workday-overlay__switch-btn button.icon-add-btn svg{width:18px;height:18px;display:block}.workday-overlay__switch-btn button.icon-add-btn.icon-add-btn--large{width:auto!important;min-width:40px!important;border-radius:var(--radius-sm)!important;padding:0 var(--space-4)!important;gap:var(--space-2)!important}.workday-overlay__switch-btn button.icon-add-btn.icon-add-btn--large svg{flex-shrink:0}.workday-overlay__input{flex:1;width:100%;height:40px;min-height:40px;box-sizing:border-box;border-radius:var(--radius-md);border:var(--border-width-sm) solid color-mix(in srgb,var(--text) 40%,transparent);background:var(--background);padding:0 14px;color:var(--text);caret-color:var(--text);-webkit-text-fill-color:var(--text);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height);font-weight:var(--text-body-regular-font-weight);outline:none}.pause-page-shell{max-width:1200px;margin:0 auto;padding:var(--space-8) 40px}@media(max-width:820px){.statsRow{grid-template-columns:1fr}.page{padding:var(--space-5) var(--space-6) var(--space-8)}.greeting{font-size:clamp(1.9rem,4.2vw,var(--text-heading-1-font-size))}.sectionTitle{font-size:clamp(1.2rem,2.8vw,var(--text-heading-2-font-size))}.home-layout{grid-template-columns:1fr;grid-template-areas:"timer" "sliders" "suggestions" "stats";gap:var(--space-5);max-width:900px}.home-left-column,.home-right-column{display:contents;width:auto}.rating-cards-container{grid-area:sliders;width:100%}.timer-section{grid-area:timer;width:100%}.home-right-column .pause-suggestions{grid-area:suggestions;width:100%}.stats-section{grid-area:stats;width:100%;max-width:none;margin-top:0}}.statBlock{text-align:center;padding:var(--space-3);border-radius:var(--radius-md);border:var(--border-width-sm) solid var(--border)}.statTop{text-decoration:underline;font-family:var(--text-heading-3-font-family);font-size:var(--text-heading-3-font-size);line-height:var(--text-heading-3-line-height);font-weight:var(--text-heading-3-font-weight);letter-spacing:var(--text-heading-3-letter-spacing);margin-bottom:var(--space-3)}.adviceBox{border:var(--border-width-md) solid var(--text);border-radius:var(--radius-md);padding:var(--space-4);background:var(--background-dark);max-width:900px}.pause-page{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-8)}.pause-page h1{text-align:center;font-family:var(--text-heading-1-font-family);font-size:var(--text-heading-1-font-size);line-height:var(--text-heading-1-line-height);font-weight:var(--text-heading-1-font-weight);letter-spacing:var(--text-heading-1-letter-spacing);margin:0 0 var(--space-7) 0}.pause-tabs{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-9)}.pause-tab{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);border:var(--border-width-sm) solid var(--border);background:var(--background-dark);cursor:pointer;font-size:var(--font-size-xs);color:var(--text)}.pause-tab.active{background:var(--highlight-light);border-color:var(--highlight-light)}.pause-grid{display:grid;gap:var(--space-7);justify-content:center}.pause-grid.cols-3{grid-template-columns:repeat(3,minmax(260px,1fr))}.pause-grid.cols-2{grid-template-columns:repeat(2,minmax(320px,1fr))}.pause-card{position:relative;display:flex;border:var(--border-width-sm) solid var(--text);border-radius:var(--radius-lg);overflow:hidden;background:var(--background-dark);min-height:120px}.pause-iconBox{width:120px;background:var(--highlight-light);display:flex;align-items:center;justify-content:center}.pause-iconBox img{width:54px;height:54px;object-fit:contain}.pause-content{flex:1;display:flex;align-items:center;padding:0 var(--space-6)}.pause-content h3{margin:0 12px 0 0;font-family:var(--text-heading-3-font-family);font-size:var(--text-heading-3-font-size);line-height:var(--text-heading-3-line-height);font-weight:var(--text-heading-3-font-weight);letter-spacing:var(--text-heading-3-letter-spacing);flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);display:inline-flex;background:transparent;color:var(--text);cursor:pointer;font-size:var(--text-body-regular-font-size);line-height:1;display:flex;align-items:center;justify-content:center}.pause-favBtn.active{background:var(--highlight-light);color:var(--text)}@media(max-width:980px){.pause-grid.cols-3{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media(max-width:640px){.pause-grid.cols-3,.pause-grid.cols-2{grid-template-columns:1fr}}.breathing-page{max-width:1200px;margin:0 auto;padding:var(--space-5) var(--space-6) var(--space-11);position:relative}.breathing-header{display:flex;align-items:center;margin-bottom:var(--space-6)}.back-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--icon-action-fill);border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);color:var(--icon-action-icon-color);cursor:pointer;line-height:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.back-btn:hover{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}.back-btn:active,.back-btn[aria-pressed=true]{background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}.back-btn svg{width:18px;height:18px;display:block}button.back-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--icon-action-fill);border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);color:var(--icon-action-icon-color);cursor:pointer;line-height:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}button.back-btn:hover{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}button.back-btn:active,button.back-btn[aria-pressed=true]{background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}button.back-btn svg{width:18px;height:18px;display:block}button.back-btn,button.back-btn.icon-action-btn{background:var(--icon-action-fill)!important;border:var(--button-border-width) var(--button-border-style) var(--icon-action-border)!important;color:var(--icon-action-icon-color)!important}button.back-btn:hover,button.back-btn.icon-action-btn:hover{background:var(--icon-action-hover-fill)!important;border-color:var(--icon-action-hover-border)!important;color:var(--icon-action-hover-icon-color)!important}button.back-btn:active,button.back-btn[aria-pressed=true],button.back-btn.icon-action-btn:active,button.back-btn.icon-action-btn[aria-pressed=true]{background:var(--icon-action-active-fill)!important;border-color:var(--icon-action-active-border)!important;color:var(--icon-action-active-icon-color)!important}.icon-remove-btn{background:var(--icon-action-fill)!important;border:var(--button-border-width) var(--button-border-style) var(--icon-action-border)!important;color:var(--icon-action-icon-color)!important}.icon-remove-btn:hover,.icon-remove-btn:focus-visible{background:var(--icon-action-hover-fill)!important;border-color:var(--icon-action-hover-border)!important;color:var(--icon-action-hover-icon-color)!important}.icon-remove-btn img{filter:none!important}.breathing-filters{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-9)}.filter-btn{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);background:var(--button-fill);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--button-text-color)}.filter-btn.active{background:var(--button-active-fill);border-color:var(--button-active-border-color);color:var(--button-active-text-color)}.breathing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-7);max-width:900px;margin:0 auto}.breathing-card{position:relative;border:var(--border-width-md) solid var(--text);border-radius:var(--radius-lg);background:var(--background);padding:var(--space-9) var(--space-5);min-height:140px;display:flex;align-items:center;justify-content:center;text-align:center}.breathing-card h3{margin:0;font-size:17px;font-weight:600;line-height:1.4;white-space:pre-line}.breathing-fav-btn{position:absolute;top:calc(var(--space-4) * -1);right:calc(var(--space-4) * -1);width:40px;height:40px;border-radius:var(--radius-full);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);background:var(--button-fill);cursor:pointer;font-size:var(--text-body-regular-font-size);line-height:1;display:flex;align-items:center;justify-content:center;color:var(--button-text-color)}.breathing-fav-btn.active{background:var(--button-active-fill);border-color:var(--button-active-border-color);color:var(--button-active-text-color)}.help-btn{position:fixed;bottom:var(--space-8);left:var(--space-8);width:60px;height:60px;padding:0;border-radius:var(--radius-full);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);background:var(--button-fill);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--button-text-color);font-size:var(--font-size-xl)}.help-btn:hover{background:var(--button-hover-fill);border-color:var(--button-hover-border-color);color:var(--button-hover-text-color)}.pause-card.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.exercise-detail-page{max-width:1200px;margin:0 auto;padding:var(--space-5) var(--space-6) var(--space-11);position:relative;width:100%;min-height:calc(100vh - 96px)}.exercise-detail-page__swirl{position:fixed;right:-80px;bottom:-80px;display:block;margin:0;padding:0;width:min(360px,42vw);height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.exercise-detail-top-row{display:flex;justify-content:flex-start;align-items:center;margin-bottom:var(--space-6);position:relative;z-index:1}.back-btn.exercise-detail-back{width:40px;height:40px;background:var(--icon-action-fill);border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);border-radius:var(--radius-sm);padding:0;color:var(--icon-action-icon-color);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.back-btn.exercise-detail-back:hover{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}.back-btn.exercise-detail-back:active,.back-btn.exercise-detail-back[aria-pressed=true]{background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}.exercise-detail-stage{min-height:calc(100vh - 240px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);margin-top:0;text-align:center;color:var(--text);opacity:1;transform:none;position:relative;z-index:1}.exercise-phase{margin:0;font-size:var(--text-heading-1-font-size);line-height:var(--text-heading-1-line-height);font-weight:var(--text-heading-1-font-weight);color:var(--text);opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.exercise-phase.is-visible{opacity:1;transform:translateY(0)}.exercise-circle{--circle-scale: 1;width:280px;height:280px;border-radius:50%;background:color-mix(in srgb,var(--highlight-light) 78%,var(--background) 22%);border:14px solid color-mix(in srgb,var(--background) 70%,var(--highlight-light) 30%);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 8%,transparent),inset 0 0 0 1px #fff3;display:flex;align-items:center;justify-content:center;transform:scale(var(--circle-scale));transition:transform var(--circle-transition-duration, .55s) ease,background-color .35s ease,border-color .35s ease;will-change:transform}.exercise-circle.is-idle{opacity:.88}.exercise-circle--idle{--circle-scale: 1}.exercise-circle.is-active{opacity:1}.exercise-circle--inhale{--circle-scale: 1.12}.exercise-circle--exhale{--circle-scale: .86}.exercise-circle--inhale-short{--circle-scale: 1.06}.exercise-circle-icon{width:52%;height:auto;object-fit:contain;opacity:.55}.exercise-toggle-btn{min-width:94px;padding:10px 18px;border-radius:var(--radius-md);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);background:var(--button-fill);color:var(--button-text-color);font-family:var(--text-button-label-font-family);font-size:var(--text-button-label-font-size);line-height:var(--text-button-label-line-height);font-weight:var(--text-button-label-font-weight);cursor:pointer}.exercise-toggle-btn:hover{background:var(--button-hover-fill);border-color:var(--button-hover-border-color);color:var(--button-hover-text-color)}@media(max-width:720px){.exercise-detail-page{padding-left:var(--space-4);padding-right:var(--space-4);min-height:auto}.exercise-detail-stage{min-height:calc(100vh - 220px);gap:var(--space-5)}.exercise-circle{width:230px;height:230px}.exercise-circle-icon{width:56%}}.nav{background:var(--highlight-light);border-bottom:var(--border-width-sm) solid var(--border);font-family:var(--font-family-body);height:var(--space-10);position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}.nav button:not(.profile){font-family:inherit;border:none;border-radius:0;padding:0;background:none;box-shadow:none}.nav button:hover,.nav button:focus,.nav button:focus-visible,.nav button:active{border:none;box-shadow:none}.navInner{max-width:1400px;margin:0 auto;height:100%;padding:0 28px;display:flex;align-items:center;justify-content:flex-start;gap:28px;position:relative}.brand{flex-shrink:0}.brandLogo{width:164px;height:32px;object-fit:contain}.linksMeasure,.todoMeasure{position:absolute;visibility:hidden;pointer-events:none;white-space:nowrap;left:-9999px;top:-9999px;font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.linksMeasure{display:flex;gap:32px}.navRight{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:28px}.profileActions{display:flex;align-items:center;gap:10px}.links{display:flex;gap:32px;align-items:center;justify-content:flex-end}.burger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;flex-shrink:0}.burger:hover{background:#0000000a}.burger.open{background:#0000000f}.burgerIconImage{width:20px;height:20px;display:block}.links.compact{display:none}.links.compact.open{display:flex;flex-direction:column;align-items:stretch;gap:8px;position:absolute;top:calc(100% + 10px);right:28px;min-width:210px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);box-shadow:var(--shadow-md);z-index:1100}.links.compact .link{text-align:left;padding:8px 4px}.link{background:none;border:none;font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text);cursor:pointer;opacity:1;transition:color .2s ease;padding:0}.link:hover{font-weight:var(--font-weight-extrabold);border:none;box-shadow:none}.link.active{font-weight:var(--font-weight-bold);border:none;box-shadow:none}.link.active:hover{font-weight:var(--font-weight-extrabold);border:none;box-shadow:none}.profile{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-circle);border:none;background:var(--primary);cursor:pointer;color:var(--background);display:flex;align-items:center;justify-content:center;padding:0;transition:filter .2s ease}.profile:hover{filter:brightness(.95)}.profile:hover svg,.profile:active svg{fill:currentColor}.profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.hrRow{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.timer-card{width:100%;max-width:800px;min-height:300px;height:auto;background:var(--highlight-light);border-radius:var(--radius-md);padding:var(--space-4);--button-fill: var(--button-dark-default-fill);--button-border-color: var(--button-dark-default-border);--button-text-color: var(--button-dark-default-text);--button-hover-fill: var(--button-dark-hover-fill);--button-hover-border-color: var(--button-dark-hover-border);--button-hover-text-color: var(--button-dark-hover-text);--button-active-fill: var(--button-dark-active-fill);--button-active-border-color: var(--button-dark-active-border);--button-active-text-color: var(--button-dark-active-text)}.btnStack{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;flex:1 1 200px;min-width:0}.btnStack .btn{width:min(220px,100%);background:var(--button-fill);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);border-radius:var(--radius-md);color:var(--button-text-color);padding:var(--space-2) var(--space-4);font-family:var(--text-button-label-font-family);font-size:var(--text-button-label-font-size);line-height:var(--text-button-label-line-height);font-weight:var(--text-button-label-font-weight);cursor:pointer}.btnStack .muted{color:var(--text-light);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height);font-weight:var(--text-body-small-font-weight)}.btnStack>div:not(.muted){color:var(--text);font-family:var(--font-family-body);font-weight:var(--font-weight-extrabold);font-size:var(--font-size-sm)}.finished-message{color:var(--text);font-family:var(--font-family-body);font-weight:var(--font-weight-extrabold);font-size:var(--font-size-md);margin-bottom:var(--space-2)}.breathingLogo{position:relative;width:fit-content;height:fit-content;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.breathing-logo-ball{position:relative;top:auto;left:auto;transform:none}.breathingLogo__layer,.breathingLogo__ring,.breathingLogo__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.breathingLogo__layer{border-radius:var(--radius-circle);animation:breatheOuter 8s ease-in-out infinite}.breathingLogo__layer--outer{background:var(--highlight-hover)}.breathingLogo__layer--inner{background:var(--highlight-light);animation:breatheInner 8s ease-in-out infinite}.breathingLogo__ring{overflow:visible}.breathingLogo__segment{transition:stroke-dashoffset .9s linear}.breathingLogo__segment--break{stroke:var(--primary)}.breathingLogo__segment--work{stroke:var(--primary-dark)}.breathingLogo__segment--error{stroke:var(--error-300)}@keyframes breatheOuter{0%,to{width:280px;height:280px}50%{width:220px;height:220px}}@keyframes breatheInner{0%,to{width:240px;height:240px}50%{width:200px;height:200px}}@keyframes breatheIcon{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.95)}}.breathingLogo__icon{width:80px;height:80px;object-fit:contain;animation:breatheIcon 8s ease-in-out infinite}.bigTime{font-family:var(--font-family-heading);font-size:clamp(1.85rem,2.8vw,var(--font-size-2xl));line-height:var(--line-height-xl);font-weight:var(--font-weight-bold);color:var(--primary-dark)}.timer-reminder-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--text) 20%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timer-reminder-card{width:min(560px,100%);border-radius:var(--radius-lg);border:var(--border-width-sm) solid var(--border);background:var(--background);padding:var(--space-8);box-shadow:0 20px 48px color-mix(in srgb,var(--text) 20%,transparent);--button-fill: var(--button-dark-default-fill);--button-border-color: var(--button-dark-default-border);--button-text-color: var(--button-dark-default-text);--button-hover-fill: var(--button-dark-hover-fill);--button-hover-border-color: var(--button-dark-hover-border);--button-hover-text-color: var(--button-dark-hover-text);--button-active-fill: var(--button-dark-active-fill);--button-active-border-color: var(--button-dark-active-border);--button-active-text-color: var(--button-dark-active-text)}.timer-reminder-card__eyebrow{margin:0 0 var(--space-2);color:var(--primary-dark);font-family:var(--text-button-label-font-family);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.timer-reminder-card__title{margin:0 0 var(--space-3);font-family:var(--font-family-heading);font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.1;color:var(--text)}.timer-reminder-card__copy{margin:0;color:var(--text-light);font-family:var(--text-body-regular-font-family);line-height:var(--text-body-regular-line-height)}.timer-reminder-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.timer-reminder-card__secondary{--button-fill: var(--button-dark-default-fill);--button-border-color: var(--button-dark-default-border);--button-text-color: var(--button-dark-default-text);--button-hover-fill: var(--button-dark-hover-fill);--button-hover-border-color: var(--button-dark-hover-border);--button-hover-text-color: var(--button-dark-hover-text);--button-active-fill: var(--button-dark-active-fill);--button-active-border-color: var(--button-dark-active-border);--button-active-text-color: var(--button-dark-active-text)}.timer-reminder-card__secondary:hover{background:var(--button-hover-fill);border-color:var(--button-hover-border-color);color:var(--button-hover-text-color)}.timer-break-overlay{position:fixed;inset:0;z-index:45;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--text) 24%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timer-break-overlay__card{position:relative;width:min(780px,100%);max-height:calc(100vh - 32px);overflow-y:auto;border-radius:var(--radius-lg);border:var(--border-width-sm) solid var(--border);background:var(--background);padding:var(--space-8);box-shadow:0 24px 56px color-mix(in srgb,var(--text) 20%,transparent);--button-fill: var(--button-dark-default-fill);--button-border-color: var(--button-dark-default-border);--button-text-color: var(--button-dark-default-text);--button-hover-fill: var(--button-dark-hover-fill);--button-hover-border-color: var(--button-dark-hover-border);--button-hover-text-color: var(--button-dark-hover-text);--button-active-fill: var(--button-dark-active-fill);--button-active-border-color: var(--button-dark-active-border);--button-active-text-color: var(--button-dark-active-text)}.timer-break-overlay__close{position:absolute;top:12px;right:12px;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:var(--button-border-width) var(--button-border-style) var(--button-border-color);background:var(--highlight-light);color:var(--button-text-color);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.timer-break-overlay__close:hover,.timer-break-overlay__close:focus,.timer-break-overlay__close:focus-visible{background:var(--highlight-light);border-color:var(--button-border-color);color:var(--button-text-color)}.timer-break-overlay__close-icon{transition:transform .15s ease;transform-origin:center}.timer-break-overlay__close:hover .timer-break-overlay__close-icon,.timer-break-overlay__close:focus .timer-break-overlay__close-icon,.timer-break-overlay__close:focus-visible .timer-break-overlay__close-icon{transform:scale(.88)}.timer-break-overlay__close-icon{width:16px;height:16px;object-fit:contain;display:block}.timer-break-overlay__eyebrow{margin:0 0 var(--space-2);color:var(--primary-dark);font-family:var(--text-button-label-font-family);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.timer-break-overlay__title{margin:0 0 var(--space-3);font-family:var(--font-family-heading);font-size:clamp(1.4rem,2.5vw,2.15rem);line-height:1.08;color:var(--text)}.timer-break-overlay__copy{margin:0;max-width:60ch;color:var(--text-light);font-family:var(--text-body-regular-font-family);line-height:var(--text-body-regular-line-height)}.timer-break-overlay__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-6)}.timer-break-option-group{display:flex;flex-direction:column;gap:var(--space-2)}.timer-break-option-group__label{display:inline-flex;align-items:center;align-self:flex-start;min-height:1.7rem;padding:0 var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary-dark);font-family:var(--text-button-label-font-family);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}@media(max-width:720px){.timer-reminder-card{padding:var(--space-6);border-radius:var(--radius-md)}.timer-reminder-card__actions{flex-direction:column}.timer-reminder-card__actions .btn{width:100%}.timer-break-overlay__card{padding:var(--space-6);border-radius:var(--radius-md)}.timer-break-overlay__grid{grid-template-columns:1fr}}@media(max-width:900px){.timer-card{padding:var(--space-4)}.breathingLogo{width:fit-content;height:fit-content}.hrRow{gap:var(--space-3)}.btnStack{min-width:min(200px,100%)}}@media(max-width:1100px){.hrRow{flex-direction:column;align-items:center}.breathingLogo{align-self:center}.btnStack{min-width:0;width:100%;align-items:center}.btnStack .btn{width:min(220px,100%);font-size:clamp(.82rem,1.4vw,var(--text-button-label-font-size))}.btnStack .muted,.btnStack>div:not(.muted){text-align:center}.bigTime{font-size:clamp(1.7rem,3.6vw,2.4rem)}}.breathe{position:relative;display:grid;place-items:center;flex:0 0 auto}.breathe__layer{position:absolute;inset:0;margin:auto;border-radius:var(--radius-circle);box-shadow:inset 0 0 0 1px #ffffff73}.breathe__layer--outer{width:100%;height:100%;background:var(--highlight-hover);animation:breatheOuter 8s ease-in-out infinite}.breathe__layer--inner{width:calc(100% - 20px);height:calc(100% - 20px);background:var(--highlight-light);animation:breatheInner 8s ease-in-out infinite}.breathe__icon{position:absolute;inset:0;margin:auto;display:block;z-index:1;width:34%;height:34%;object-fit:contain;animation:breatheIcon 8s ease-in-out infinite}@keyframes breatheOuter{0%,to{transform:scale(1)}50%{transform:scale(.92)}}@keyframes breatheInner{0%,to{transform:scale(1)}50%{transform:scale(.96)}}@keyframes breatheIcon{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.pause-suggestions{display:flex;flex-direction:column;gap:var(--space-5);color:var(--text);margin-top:var(--space-4)}.pause-suggestions-page{max-width:1200px;padding-top:var(--space-5);padding-bottom:var(--space-10);position:relative;overflow:hidden;min-height:calc(100vh - 96px)}.pause-suggestions-page__swirl{position:fixed;right:-80px;bottom:-80px;display:block;margin:0;padding:0;width:min(400px,42vw);height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.pause-page-top-row{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;margin-bottom:140px}.pause-page-back{position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:40px;background:var(--icon-action-fill);border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--icon-action-icon-color);line-height:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.pause-page-back:hover{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}.pause-page-back:active,.pause-page-back[aria-pressed=true]{background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}.pause-page-back svg{width:18px;height:18px}.pause-page-tabs{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;max-width:640px;--button-fill: var(--button-light-active-fill);--button-border-color: var(--button-light-active-border);--button-text-color: var(--button-light-active-text);--button-hover-fill: var(--button-light-hover-fill);--button-hover-border-color: var(--button-light-hover-border);--button-hover-text-color: var(--button-light-hover-text);--button-active-fill: var(--button-light-default-fill);--button-active-border-color: var(--button-light-default-border);--button-active-text-color: var(--button-light-default-text)}.pause-page-tab{font-family:var(--font-family-heading);color:var(--button-text-color);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);padding:10px 14px;border-radius:12px;background:var(--button-fill);cursor:pointer;box-sizing:border-box;flex:1;min-width:0;font-size:var(--font-size-sm)}.pause-page-tab:hover{background:var(--button-hover-fill);border-color:var(--button-hover-border-color);color:var(--button-hover-text-color)}.pause-page-tab.active{background:var(--button-active-fill);color:var(--button-active-text-color);border-color:var(--button-active-border-color)}.pause-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,240px));justify-content:center;gap:var(--space-4);justify-items:center;position:relative;z-index:1}.pause-page-empty{grid-column:1 / -1;margin:0;text-align:center;font-family:var(--font-family-body);font-size:var(--font-size-md);color:var(--text-light);padding-top:var(--space-8)}.pause-suggestions__title{margin:0 0 12px 4px;font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);font-size:var(--text-heading-2-font-size);color:var(--text)}.pause-suggestions__grid{display:grid;grid-template-columns:repeat(3,minmax(0,240px));gap:var(--space-4);align-items:start;justify-content:center;justify-items:center}.pause-suggestion-card{position:relative;width:100%;max-width:240px;min-height:128px;display:grid;grid-template-columns:82px 1fr;overflow:hidden;border:var(--border-width-md) solid var(--primary);border-radius:var(--radius-lg);background:var(--background-dark);color:var(--text);box-sizing:border-box;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease;--button-fill: var(--button-dark-default-fill);--button-border-color: var(--button-dark-default-border);--button-text-color: var(--button-dark-default-text);--button-hover-fill: var(--button-dark-hover-fill);--button-hover-border-color: var(--button-dark-hover-border);--button-hover-text-color: var(--button-dark-hover-text);--button-active-fill: var(--button-dark-active-fill);--button-active-border-color: var(--button-dark-active-border);--button-active-text-color: var(--button-dark-active-text)}.pause-suggestion-card--compact{width:100%;min-height:118px}.pause-suggestion-card--compact .pause-suggestion-card__media{padding:var(--space-3) var(--space-2)}.pause-suggestion-card--compact .pause-suggestion-card__media img{width:56px;height:56px}.pause-suggestion-card--compact .pause-suggestion-card__body{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3)}.pause-suggestion-card--compact .pause-suggestion-card__title{margin-top:6px;font-size:var(--font-size-sm)}.pause-suggestion-card:not(.pause-suggestion-card--no-hover):hover,.pause-suggestion-card:not(.pause-suggestion-card--no-hover):focus-visible{transform:translateY(-3px);border-color:var(--primary-dark);box-shadow:0 16px 30px color-mix(in srgb,var(--text) 16%,transparent)}.pause-suggestion-card[role=button]{cursor:pointer}.pause-suggestion-card__media{display:flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-2);background:color-mix(in srgb,var(--highlight-light) 72%,transparent)}.pause-suggestion-card__media img{display:block;width:64px;height:64px;object-fit:contain}.pause-suggestion-card__body{display:flex;align-items:flex-start;justify-content:center;min-height:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-3);border-left:var(--border-width-md) solid color-mix(in srgb,var(--primary) 22%,transparent);background:var(--background-dark);text-align:center}.pause-suggestion-card:not(.pause-suggestion-card--no-hover):hover .pause-suggestion-card__media{background:var(--background-dark)}.pause-suggestion-card:not(.pause-suggestion-card--no-hover):hover .pause-suggestion-card__body{background:color-mix(in srgb,var(--highlight-light) 72%,transparent)}.pause-suggestion-card__title{margin:12px 0 0;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:1.2;font-weight:var(--font-weight-regular);color:var(--text)}.pause-suggestion-card__favorite{position:absolute;right:12px;bottom:12px;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:var(--border-width-md) solid var(--primary);background:var(--highlight-light);color:var(--primary);overflow:hidden}.pause-suggestion-card__favorite img{position:relative;z-index:1;width:var(--space-5);height:var(--space-4);object-fit:contain;transition:transform .15s ease,opacity .15s ease;transform-origin:center;will-change:transform,opacity}.pause-suggestion-card__favorite-custom{position:relative;z-index:2;width:18px;height:18px;object-fit:contain;opacity:1!important}.pause-suggestion-card__favorite-fill{position:absolute;inset:0;margin:auto;width:24px;height:19px;color:var(--primary);opacity:0;transition:opacity .15s ease,transform .15s ease;transform-origin:center}.pause-suggestion-card__favorite-fill svg{display:block;width:100%;height:100%}.pause-suggestion-card__favorite.is-active .pause-suggestion-card__favorite-fill{color:var(--primary);opacity:1}.pause-suggestion-card__favorite.is-active img{opacity:0}.pause-suggestion-card__favorite:hover img,.pause-suggestion-card__favorite:hover .pause-suggestion-card__favorite-fill{transform:scale(.88)}.pause-suggestion-card__favorite:focus-visible img,.pause-suggestion-card__favorite:focus-visible .pause-suggestion-card__favorite-fill{transform:scale(.88)}@media(prefers-reduced-motion:reduce){.pause-suggestion-card__favorite img,.pause-suggestion-card__favorite .pause-suggestion-card__favorite-fill{transition:none;transform:none!important}}.pause-suggestion-card__favorite:hover,.pause-suggestion-card__favorite:focus,.pause-suggestion-card__favorite:focus-visible{background:var(--highlight-light);border-color:var(--primary);color:var(--primary)}.pause-suggestion-card__favorite.is-active{background:var(--highlight-light);border-color:var(--primary)}.pause-suggestion-card--compact .pause-suggestion-card__favorite{display:none}.pause-suggestions__cta{width:200px;height:48px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);border:var(--border-width-md) solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text);font-family:var(--font-family-heading);font-size:var(--font-size-sm);line-height:1;font-weight:var(--font-weight-semibold);white-space:nowrap}.pause-suggestions__cta:hover{border-color:var(--border);box-shadow:none}.pause-overlay{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:color-mix(in srgb,var(--text) 8%,transparent)}.pause-overlay__card{position:relative;width:min(680px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:22px 24px 24px;border-radius:var(--radius-lg);background:var(--highlight-light);border:var(--border-width-sm) solid var(--border)}.pause-overlay__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:var(--radius-full);border:var(--border-width-md) solid var(--primary);background:var(--highlight-light);display:grid;place-items:center;padding:0}.pause-overlay__close img{width:16px;height:16px;transition:transform .15s ease;transform-origin:center}.pause-overlay__close:hover img,.pause-overlay__close:focus img,.pause-overlay__close:focus-visible img{transform:scale(.88)}.pause-overlay__intro{margin:0 0 var(--space-6);max-width:560px;margin-left:auto;margin-right:auto;text-align:left;padding-right:54px;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height);font-weight:var(--text-body-regular-font-weight);color:var(--text)}.pause-overlay__intro--breath{max-width:520px;text-align:center;padding-right:0}.pause-overlay .pause-suggestion-card{margin:0 auto var(--space-6)}.pause-overlay__steps{margin:0 auto;max-width:560px;text-align:left;padding-left:1.2em;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height);font-weight:var(--text-body-regular-font-weight);color:var(--text)}.pause-overlay__subtitle{margin:var(--space-8) auto var(--space-2);max-width:560px;text-align:left;font-family:var(--text-button-label-font-family);font-size:var(--text-button-label-font-size);font-weight:var(--text-button-label-font-weight);line-height:var(--text-button-label-line-height);color:var(--text)}.pause-overlay__effect{margin:0 auto;max-width:560px;text-align:left;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height);font-weight:var(--text-body-regular-font-weight);color:var(--text)}.pause-overlay__done{display:block;width:min(420px,100%);margin:var(--space-9) auto 0;padding:14px 18px;background:var(--button-fill);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);color:var(--button-text-color)}.pause-overlay__done--breath{background:var(--button-active-fill);border-color:var(--button-active-border-color);color:var(--button-active-text-color)}.pause-overlay__done--breath:hover{background:var(--button-hover-fill);border-color:var(--button-hover-border-color);color:var(--button-hover-text-color)}@media(max-width:820px){.pause-suggestions__grid,.pause-page-grid{grid-template-columns:1fr;justify-items:center}.pause-suggestion-card{max-width:240px}.pause-page-grid,.pause-suggestions__grid{gap:var(--space-3)}}@media(max-width:720px){.pause-suggestions-page{padding-left:var(--space-4);padding-right:var(--space-4);min-height:auto}.pause-page-top-row{align-items:flex-start;margin-bottom:var(--space-6)}.pause-page-back{position:static;transform:none;margin-right:var(--space-3)}.pause-page-tabs{max-width:none;flex-wrap:wrap;justify-content:flex-start}.pause-page-tab{flex:0 0 auto}.pause-suggestion-card{width:100%}.pause-overlay__card{padding:var(--space-6) var(--space-4) var(--space-6)}.pause-overlay__close{width:40px;height:40px}.pause-overlay__intro,.pause-overlay__steps,.pause-overlay__effect{font-size:var(--text-body-regular-font-size)}}.settings-section{width:100%;margin-top:18px;display:flex;flex-direction:column;gap:20px}.settings-hours-container{width:520px;background:var(--highlight-light);padding:16px 20px;border-radius:12px;display:flex;flex-direction:column;gap:16px}.reminders-group{width:520px;display:flex;flex-direction:column;gap:12px;padding:16px 20px;border-radius:12px;background:var(--highlight-light)}.reminder-times-group{display:flex;flex-direction:column;gap:12px}.reminders-empty{margin:0;color:var(--text-light);font-family:var(--font-family-body);font-size:var(--font-size-sm)}.reminder-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.time-inputs-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.time-input-group{display:flex;flex-direction:column;gap:6px}.settings-label{font-family:var(--font-family-heading);font-size:var(--font-size-sm);color:var(--text-primary);margin:0}.time-input{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--text-light);background:var(--background);border:1px solid var(--border);padding:10px 12px;border-radius:8px;box-sizing:border-box}.time-input:focus{outline:none;border-color:var(--primary)}.pauses-group{display:flex;flex-direction:column;gap:12px}.pauses-title{font-family:var(--font-family-heading);font-size:var(--font-size-sm);color:var(--text-primary);margin:0}.pause-row--header{display:grid;grid-template-columns:minmax(120px,.9fr) 1fr 1fr auto;gap:12px;align-items:center;padding:0 2px}.pause-row__label{font-family:var(--font-family-heading);font-size:var(--font-size-xs);color:var(--text-light);text-transform:uppercase;letter-spacing:.04em}.pause-row__label--spacer{display:block}.pause-row{display:grid;grid-template-columns:minmax(120px,.9fr) 1fr 1fr auto;gap:12px;align-items:flex-end}.pause-row--break-item{align-items:center}.pause-row .time-input-group{min-width:0}.custom-dropdown--compact{width:100%}.custom-dropdown-trigger--compact{min-height:38px;padding:8px 12px;font-size:var(--font-size-xs)}.custom-dropdown-trigger--compact .dropdown-arrow{width:16px;height:16px;margin-left:6px}.custom-dropdown-menu--compact{border-radius:14px}.remove-pause-btn{padding:6px;width:32px;height:32px}.remove-pause-btn img{transition:transform .15s ease;transform-origin:center}.remove-pause-btn:hover img,.remove-pause-btn:focus-visible img{transform:scale(.88);filter:none!important;opacity:.95}button.remove-pause-btn{width:36px!important;height:36px!important;padding:0!important;border-radius:50%!important;border:var(--button-border-width) var(--button-border-style) var(--icon-action-border)!important;background:var(--icon-action-fill)!important;color:var(--icon-action-icon-color)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-sizing:border-box!important;line-height:0!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease!important}button.remove-pause-btn:hover,button.remove-pause-btn:focus-visible{background:var(--icon-action-fill)!important;border-color:var(--icon-action-border)!important;color:var(--icon-action-icon-color)!important}button.remove-pause-btn img{width:18px!important;height:18px!important;object-fit:contain!important;transition:transform .15s ease!important}button.remove-pause-btn:hover img,button.remove-pause-btn:focus-visible img{transform:scale(.88)!important;filter:none!important;opacity:.95!important}.add-pause-btn{width:40px;height:40px;padding:0;border-radius:8px;background:var(--icon-action-fill);border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);color:var(--icon-action-icon-color);cursor:pointer;display:grid;place-items:center;box-sizing:border-box;line-height:0;align-self:center;margin-top:8px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.add-pause-btn:hover,.add-pause-btn:focus-visible{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}.add-pause-btn svg{width:18px;height:18px;color:inherit;display:block;margin:0}.add-pause-btn:active,.add-pause-btn[aria-pressed=true]{background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}button.add-pause-btn.icon-add-btn{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:var(--radius-sm)!important;border:var(--button-border-width) var(--button-border-style) var(--icon-action-border)!important;background:var(--icon-action-fill)!important;color:var(--icon-action-icon-color)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;line-height:0!important;box-sizing:border-box!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease!important}button.add-pause-btn.icon-add-btn:hover,button.add-pause-btn.icon-add-btn:focus-visible{background:var(--icon-action-hover-fill)!important;border-color:var(--icon-action-hover-border)!important;color:var(--icon-action-hover-icon-color)!important}button.add-pause-btn.icon-add-btn svg{width:18px!important;height:18px!important;display:block!important;color:inherit!important}button.add-pause-btn.icon-add-btn:hover svg,button.add-pause-btn.icon-add-btn:focus-visible svg{color:var(--icon-action-hover-icon-color)!important}@media(max-width:640px){.pause-row,.pause-row--header{grid-template-columns:1fr}.pause-row__label--spacer,.pause-row__label{display:none}.custom-dropdown--compact{width:100%}.pause-row__label{font-size:10px}}.dropdowns-group{display:flex;flex-direction:column;gap:12px;width:520px}.dropdown-wrapper{position:relative}.dropdown{width:100%;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--text-light);background:var(--background);border:1px solid var(--primary);padding:12px 36px 12px 16px;border-radius:8px;box-sizing:border-box;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23414141' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:24px}.dropdown:focus{outline:none;border-color:var(--primary)}option{background:var(--highlight-light);border:2px solid var(--primary-dark);border-radius:4px}option:hover{background:var(--primary);color:var(--background)}.toggles-group{display:flex;flex-direction:column;gap:14px;width:520px}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-label{font-family:var(--font-family-heading);font-size:var(--font-size-sm);color:var(--text-primary);margin:0}.toggle-switch{position:relative;width:60px;height:32px;border:var(--border-width-sm) solid var(--primary-dark);border-radius:16px;background:var(--highlight-light);cursor:pointer;padding:2px;display:flex;align-items:center;box-sizing:border-box;transition:background-color .2s ease,border-color .2s ease}.toggle-switch:hover:not(:disabled):not(.disabled){background:var(--highlight-light);border-color:var(--primary-dark)}.toggle-switch:hover:not(:disabled):not(.disabled) .toggle-thumb{background:var(--primary-dark)}.toggle-switch.active{background:var(--primary);border-color:var(--primary-dark)}.toggle-switch.active:hover:not(:disabled):not(.disabled){background:var(--primary-dark)}.toggle-thumb{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--primary);left:4px;transition:left .2s ease,background .15s ease}.toggle-switch.active .toggle-thumb{left:calc(100% - 28px);background:var(--highlight-light)}.toggle-switch.active:hover:not(:disabled):not(.disabled) .toggle-thumb{background:var(--highlight-light)}.toggle-switch:disabled,.toggle-switch.disabled{background:var(--border);border-color:var(--border);cursor:not-allowed}.toggle-switch:disabled .toggle-thumb,.toggle-switch.disabled .toggle-thumb{background:var(--background)}.workday-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:var(--space-6);background:transparent}.workday-overlay__card{width:min(680px,100%);min-height:min(560px,calc(100vh - 64px));border-radius:24px;border:var(--border-width-sm) solid color-mix(in srgb,var(--text) 45%,transparent);background:var(--background-dark);padding:clamp(20px,3vw,32px);box-shadow:var(--shadow-lg);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;--button-fill: var(--button-dark-default-fill);--button-border-color: var(--button-dark-default-border);--button-text-color: var(--button-dark-default-text);--button-hover-fill: var(--button-dark-hover-fill);--button-hover-border-color: var(--button-dark-hover-border);--button-hover-text-color: var(--button-dark-hover-text);--button-active-fill: var(--button-dark-active-fill);--button-active-border-color: var(--button-dark-active-border);--button-active-text-color: var(--button-dark-active-text);--icon-action-fill: var(--highlight-light);--icon-action-border: var(--primary-dark);--icon-action-icon-color: var(--primary-dark);--icon-action-hover-fill: var(--highlight);--icon-action-hover-border: var(--primary-dark);--icon-action-hover-icon-color: var(--background);--icon-action-active-fill: var(--highlight-light);--icon-action-active-border: var(--primary-dark);--icon-action-active-icon-color: var(--primary-dark)}.workday-overlay__close{position:absolute;top:var(--space-4);right:var(--space-4);left:auto;transform:none;width:40px;height:40px;padding:0;display:grid;place-items:center;box-sizing:border-box;line-height:0;background:var(--icon-action-fill);border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);color:var(--icon-action-icon-color);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.workday-overlay__close.icon-remove-btn{border-radius:50%!important}.workday-overlay__close svg,.workday-overlay__add svg{width:18px;height:18px;color:inherit;display:block;margin:0}.workday-overlay__close img,.pause-overlay__close img,.company-modal__close img{width:18px;height:18px;display:block;margin:0;object-fit:contain;transition:filter .15s ease,opacity .15s ease}.workday-overlay__close:hover img,.workday-overlay__close:focus-visible img{width:14px;height:14px}.pause-overlay__close:hover img,.company-modal__close:hover img,.pause-overlay__close:focus-visible img,.company-modal__close:focus-visible img{filter:brightness(0) saturate(100%) invert(100%)}.workday-overlay__close:hover img,.workday-overlay__close:focus-visible img{filter:none!important}.workday-overlay__close.icon-remove-btn:hover,.workday-overlay__close.icon-remove-btn:focus-visible,.pause-overlay__close.icon-remove-btn:hover,.pause-overlay__close.icon-remove-btn:focus-visible,.company-modal__close.icon-remove-btn:hover,.company-modal__close.icon-remove-btn:focus-visible{background:var(--icon-action-fill)!important;border-color:var(--icon-action-border)!important;color:var(--icon-action-icon-color)!important}.workday-overlay__close.icon-remove-btn:hover img,.workday-overlay__close.icon-remove-btn:focus-visible img,.pause-overlay__close.icon-remove-btn:hover img,.pause-overlay__close.icon-remove-btn:focus-visible img,.company-modal__close.icon-remove-btn:hover img,.company-modal__close.icon-remove-btn:focus-visible img{filter:none!important}.pause-overlay__close:active img,.company-modal__close:active img{filter:none}.workday-overlay__close:hover,.workday-overlay__close:focus-visible,.workday-overlay__add:hover,.workday-overlay__add:focus-visible{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}.workday-overlay__close:hover,.workday-overlay__close:focus-visible{background:var(--icon-action-fill)!important;border-color:var(--icon-action-border)!important;color:var(--icon-action-icon-color)!important}.workday-overlay__close:active,.workday-overlay__close[aria-pressed=true],.workday-overlay__add:active,.workday-overlay__add[aria-pressed=true]{background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}.workday-overlay__title{margin:6px 0 0;font-family:var(--text-heading-1-font-family);font-size:calc(var(--text-heading-1-font-size) * .88);line-height:var(--text-heading-1-line-height);font-weight:var(--text-heading-1-font-weight);letter-spacing:var(--text-heading-1-letter-spacing);color:var(--text)}.workday-overlay__question{margin:40px 0 0;font-family:var(--text-heading-2-font-family);font-size:calc(var(--text-heading-2-font-size) * .92);line-height:var(--text-heading-2-line-height);font-weight:var(--text-heading-2-font-weight);letter-spacing:var(--text-heading-2-letter-spacing);color:var(--text)}.workday-overlay__helper{margin:18px 0 0;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height);font-weight:var(--text-body-regular-font-weight);color:var(--text)}.workday-overlay__switch{display:inline-flex;gap:0;background:var(--highlight-light);padding:4px;border-radius:var(--radius-md);width:280px;height:40px;margin-top:28px}.workday-overlay__switch-row{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:28px}.workday-overlay__switch-row .workday-overlay__switch{margin-top:0}.workday-overlay__switch-btn{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none}.workday-overlay__switch-btn.active{background:var(--primary);color:var(--background);height:32px;padding:0 var(--space-5)}.workday-overlay__calendar-btn{width:40px;height:40px;min-width:40px;border-radius:var(--radius-md);border:var(--border-width-sm) solid var(--primary-dark);background:var(--highlight-light);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-sizing:border-box;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.workday-overlay__calendar-icon{width:20px;height:20px;display:block;color:inherit;flex-shrink:0}.workday-overlay__calendar-btn.active{background:var(--primary);border-color:var(--primary-dark);color:var(--background)}button.workday-overlay__calendar-btn:hover:not(:disabled),button.workday-overlay__calendar-btn:focus-visible,button.workday-overlay__calendar-btn.active:hover:not(:disabled),button.workday-overlay__calendar-btn.active:focus-visible{background:var(--highlight);border-color:var(--primary-dark);color:var(--background)}.workday-overlay__form{width:100%;margin-top:28px}.workday-overlay__entry-row{display:flex;gap:12px;width:100%;align-items:center}.workday-overlay__input{flex:1;width:100%;height:40px;min-height:40px;box-sizing:border-box;border-radius:var(--radius-md);border:var(--border-width-sm) solid color-mix(in srgb,var(--text) 40%,transparent);background:var(--background);padding:0 14px;color:var(--primary-dark);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height);font-weight:var(--text-body-regular-font-weight);outline:none}.workday-overlay__input::placeholder{color:color-mix(in srgb,var(--text) 55%,transparent)}.workday-overlay__submit{align-self:center;padding:10px 14px;border-radius:12px;border:1px solid var(--border, var(--text));background:var(--background);color:var(--text);font-family:var(--font-family-heading);font-size:var(--font-size-sm);box-sizing:border-box;cursor:pointer}.workday-overlay__submit:hover{background:var(--highlight-light)}.workday-overlay__add{align-self:center;margin-top:0;width:40px;height:40px;min-width:40px;padding:0;display:grid;place-items:center;box-sizing:border-box;line-height:0;border-radius:var(--radius-sm);background:var(--icon-action-fill);border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);color:var(--icon-action-icon-color);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.workday-overlay__add svg{width:18px;height:18px;color:inherit;display:block;margin:0}button.workday-overlay__add.icon-add-btn{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:var(--radius-sm)!important;border:var(--button-border-width) var(--button-border-style) var(--icon-action-border)!important;background:var(--icon-action-fill)!important;color:var(--icon-action-icon-color)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;line-height:0!important;box-sizing:border-box!important}button.workday-overlay__add.icon-add-btn:hover,button.workday-overlay__add.icon-add-btn:focus-visible{background:var(--icon-action-hover-fill)!important;border-color:var(--icon-action-hover-border)!important;color:var(--icon-action-hover-icon-color)!important}button.workday-overlay__add.icon-add-btn:active,button.workday-overlay__add.icon-add-btn[aria-pressed=true]{background:var(--icon-action-active-fill)!important;border-color:var(--icon-action-active-border)!important;color:var(--icon-action-active-icon-color)!important}.workday-overlay__add:hover,.workday-overlay__add:focus-visible{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}.workday-overlay__add:active,.workday-overlay__add[aria-pressed=true]{background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}.workday-overlay__delete{width:40px;height:40px;border-radius:50%;align-self:center}.workday-overlay__list{width:100%;list-style:none;margin:24px 0 0;padding:0 6px 0 0;display:flex;flex-direction:column;gap:8px;text-align:left;max-height:184px;overflow-y:auto;scrollbar-gutter:stable}.workday-overlay__list--calendar{margin-top:28px;max-height:232px}.workday-overlay__item,.workday-overlay__empty{width:100%;height:40px;min-height:40px;box-sizing:border-box;border-radius:22px;border:var(--border-width-sm) solid var(--border);background:var(--background);padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.workday-overlay__calendar-item{height:52px;min-height:52px;justify-content:flex-start;border-radius:18px}.workday-overlay__calendar-time{width:72px;flex-shrink:0;color:var(--primary-dark);font-family:var(--text-button-label-font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.workday-overlay__calendar-text{min-width:0;display:flex;flex-direction:column;gap:2px}.workday-overlay__calendar-location{color:color-mix(in srgb,var(--text) 65%,transparent);font-family:var(--text-body-regular-font-family);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workday-overlay__empty{justify-content:center;color:color-mix(in srgb,var(--text) 65%,transparent);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size)}.workday-overlay__item-label{flex:1;color:var(--text);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height);font-weight:var(--text-body-regular-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workday-overlay__delete{flex-shrink:0;border:none;background:transparent;color:var(--primary-dark);font-family:var(--text-button-label-font-family);font-size:16px;font-weight:var(--font-weight-semibold);cursor:pointer;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.workday-overlay__check{flex-shrink:0;width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--radius-md);border:var(--border-width-sm) solid var(--primary);display:flex;align-items:center;justify-content:center;margin-right:0;cursor:pointer;background:var(--highlight-light);color:var(--primary);overflow:hidden;padding:0}.workday-overlay__check.done{background:var(--primary);color:var(--background);border-color:var(--primary-dark)}.workday-overlay__check-icon{width:14px;height:14px;display:block;flex-shrink:0}.workday-overlay__item-label.done{text-decoration:line-through;color:var(--text-light)}.workday-overlay__input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 8%,transparent)}.workday-overlay__submit{margin-top:auto;align-self:center;min-width:160px}@media(max-width:520px){.workday-overlay__switch-row,.workday-overlay__switch{width:100%}}.slider-card{background:var(--background-dark);border:var(--border-width-sm) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);min-height:150px}.slider-label{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-family:var(--text-heading-3-font-family);font-size:var(--text-heading-3-font-size);font-weight:var(--text-heading-3-font-weight);color:var(--text)}.slider-icon{font-size:1.5em}.slider-icon-img{width:24px;height:24px;object-fit:contain}.stress-slider-card{background:var(--background-dark);border:var(--border-width-md) solid var(--highlight);border-radius:var(--radius-lg);padding:var(--space-5);width:100%;max-width:400px;box-sizing:border-box}.stress-slider-card .slider-label,.energy-slider-card .slider-label{gap:var(--space-3)}.slider-header-text{min-width:0;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text)}.slider-scale-container{display:flex;flex-direction:column;gap:var(--space-4);position:relative}.slider-numbers{position:absolute;top:0;left:8px;right:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:0;pointer-events:none;align-items:center}.slider-number{font-family:var(--font-family-body);font-size:var(--text-body-regular-font-size);font-weight:var(--font-weight-regular);color:var(--primary-dark);flex:1 1 0;text-align:center;box-sizing:border-box}.slider-dots-wrapper{position:relative;height:40px;display:flex;align-items:center;margin-top:var(--space-7)}.slider-line{position:absolute;top:50%;left:14px;right:14px;height:4px;background:var(--highlight-light);border-radius:2px;transform:translateY(-50%);z-index:1}.slider-dots{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);width:100%;padding:0 var(--space-2)}.slider-dot{width:12px;height:12px;border-radius:var(--radius-circle);border:none;background:var(--highlight);cursor:pointer;transition:transform .16s ease,background .16s ease;padding:0;display:block;margin:0 auto}.slider-dot:hover{transform:scale(1.15)}.slider-card .slider-dot.active{transform:scale(1.6);background:var(--primary);box-shadow:0 4px 12px #7693821f;z-index:3}.energy-slider-card{background:var(--background-dark);border:var(--border-width-md) solid var(--highlight);border-radius:var(--radius-lg);padding:var(--space-5);width:100%;max-width:400px;box-sizing:border-box}@media(max-width:1150px){.slider-card{padding:var(--space-3);gap:var(--space-3);min-height:138px}.stress-slider-card,.energy-slider-card{padding:var(--space-4)}.slider-label{gap:var(--space-1)}.slider-icon-img{width:20px;height:20px}.slider-header-text{font-size:.86rem}.slider-scale-container{gap:var(--space-3)}.slider-dots-wrapper{height:34px;margin-top:var(--space-6)}.slider-line{left:13px;right:13px;height:3px}.slider-number{font-size:.85rem}.slider-dot{width:10px;height:10px}.slider-card .slider-dot.active{transform:scale(1.45)}}.stats-section{padding:var(--space-3) 0;max-width:400px;margin-top:var(--space-2)}.section-title{margin:0 0 var(--space-3) var(--space-1);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);font-size:var(--text-heading-2-font-size);color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-5);row-gap:var(--space-5);align-items:start;justify-content:stretch}.stat-card{background:var(--highlight-light);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin:0;box-shadow:0 1px #00000005;width:200px;display:flex;flex-direction:column;align-items:center}.stat-card.small{min-height:120px;width:100%}.stat-card.small:first-child{justify-self:start}.stat-card.small:nth-child(2){justify-self:end}.stat-card.large{grid-column:1 / -1;min-height:160px;width:100%;display:flex;flex-direction:column;justify-content:center;justify-self:stretch}.stat-row{display:flex;align-items:center;gap:var(--space-2)}.stat-icon{color:var(--primary);flex:0 0 28px}.stat-label{font-family:var(--font-family-body);font-size:var(--text-body-small-font-size);color:var(--text)}.stat-number{margin-top:var(--space-2);font-family:var(--font-family-heading);font-weight:var(--font-weight-extrabold);font-size:44px;line-height:1;color:var(--primary-dark)}.stat-number-row{display:flex;gap:var(--space-8);align-items:baseline;margin-top:8px}.stat-number.split{font-size:48px}.stat-sublabel{margin-top:8px;color:var(--text);font-family:var(--font-family-body);font-size:var(--text-body-small-font-size)}.split-labels{display:flex;gap:var(--space-8);margin-top:6px}.split-sublabel{color:var(--text)}@media(max-width:900px){.stats-section{max-width:none;padding:0}.stats-grid{column-gap:var(--space-3);row-gap:var(--space-3)}.stat-card{width:100%;padding:var(--space-3)}.stat-card.small{min-height:108px}.stat-card.large{min-height:136px}.stat-number{font-size:38px}.stat-number.split{font-size:42px}}:root{--avatar-size: 240px}.profile-section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:80px;width:100%;align-items:start}.profile-info-column{display:flex;flex-direction:column;align-items:center;gap:16px}.avatar-wrap{width:var(--avatar-size);height:var(--avatar-size);position:relative}.avatar-button{width:100%;height:100%;padding:0;border-radius:50%;border:2px solid var(--primary-dark);background:var(--highlight);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.avatar-button:hover,.avatar-button:active,.avatar-button:focus,.avatar-button:focus-visible{background:var(--primary);border-color:var(--primary-dark);color:var(--background)}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-svg{width:50%;height:50%;color:var(--background)}.avatar-remove-btn{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);background:var(--icon-action-fill);padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.avatar-remove-btn:hover,.avatar-remove-btn:focus-visible{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}.avatar-remove-btn img{transition:transform .15s ease;transform-origin:center}.avatar-remove-btn:hover img,.avatar-remove-btn:focus-visible img{transform:scale(.88);filter:brightness(0) invert(1) saturate(100%);opacity:.95}.avatar-remove-btn img{width:16px;height:16px;color:var(--background);object-fit:contain}.profile-name-row{display:flex;align-items:center;gap:8px}.profile-name{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);color:var(--primary);margin:0}.name-input{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);color:var(--text);padding:6px 8px;border:1px solid var(--border-color-default);border-radius:6px;max-width:300px;box-sizing:border-box}.company-name-row{display:flex;align-items:center;gap:8px;margin-top:8px}.company-name-row[hidden]{display:none}.company-name{font-family:var(--font-family-heading);font-size:var(--font-size-lg);color:var(--primary);margin:0}.company-name--placeholder{color:var(--text-light)}.company-name-input{font-family:var(--font-family-heading);font-size:var(--font-size-lg);color:var(--primary)}.edit-pencil{background:var(--highlight-light);border:var(--button-border-width) var(--button-border-style) var(--primary-dark);padding:4px;display:inline-flex;align-items:center;justify-content:center;color:var(--primary);line-height:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}button.edit-pencil,button.edit-pencil.icon-action-btn{background:var(--highlight-light)!important;border:var(--button-border-width) var(--button-border-style) var(--primary-dark)!important;color:var(--primary)!important}.edit-pencil:hover:not(:disabled),.edit-pencil:focus-visible:not(:disabled),.edit-pencil:active:not(:disabled),.edit-pencil[aria-pressed=true]:not(:disabled),button.edit-pencil:hover:not(:disabled),button.edit-pencil:focus-visible:not(:disabled),button.edit-pencil:active:not(:disabled),button.edit-pencil[aria-pressed=true]:not(:disabled),button.edit-pencil.icon-action-btn:hover:not(:disabled),button.edit-pencil.icon-action-btn:focus-visible:not(:disabled),button.edit-pencil.icon-action-btn:active:not(:disabled),button.edit-pencil.icon-action-btn[aria-pressed=true]:not(:disabled){background:var(--highlight);border-color:var(--primary-dark);color:var(--background);background:var(--highlight)!important;border-color:var(--primary-dark)!important;color:var(--background)!important}.edit-icon{width:18px;height:18px;display:block}.profile-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.profile-action-error{margin:-4px 0 4px;color:var(--danger, #b42318);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height)}.calendar-link-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--space-4);background:#1f2a2457}.calendar-link-modal__card{position:relative;width:min(420px,100%);background:var(--background);border:var(--border-width-sm) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6)}.calendar-link-modal__close{position:absolute;top:var(--space-3);right:var(--space-3);bottom:auto}.calendar-link-modal__card h2{margin:0 0 var(--space-3);font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-3-font-size);line-height:var(--text-heading-3-line-height)}.calendar-link-modal__card p{margin:0 0 var(--space-5);color:var(--text-light);line-height:var(--text-body-regular-line-height)}.calendar-link-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}.calendar-link-modal__actions .action-btn{font-family:var(--text-button-label-font-family);font-size:var(--text-button-label-font-size);line-height:var(--text-button-label-line-height);font-weight:var(--text-button-label-font-weight);text-decoration:none}.favorites-section{display:flex;flex-direction:column;gap:12px}.favorites-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 8px}.favorites-column{display:flex;flex-direction:column;gap:12px}.favorites-section--hidden{visibility:hidden}.action-btn{font-family:var(--font-family-heading);color:var(--button-text-color);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);padding:10px 14px;border-radius:12px;background:var(--button-fill);cursor:pointer;box-sizing:border-box}.action-btn:hover{background:var(--button-hover-fill);border-color:var(--button-hover-border-color);color:var(--button-hover-text-color)}.avatar-gallery-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:1200}.avatar-gallery-card{background:var(--background);border-radius:12px;padding:18px;max-width:92vw;max-height:92vh;display:flex;flex-direction:column;gap:12px;align-items:center;box-shadow:0 10px 30px #0000004d}.avatar-gallery-close{align-self:flex-end;background:transparent;border:none;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.avatar-gallery-img{max-width:calc(var(--avatar-size) * 1.6);max-height:calc(var(--avatar-size) * 1.6);width:auto;height:auto;object-fit:contain;border-radius:8px}.avatar-gallery-actions{display:flex;gap:10px;margin-top:6px}@media(max-width:900px){:root{--avatar-size: 180px}.profile-section{grid-template-columns:minmax(160px,.75fr) minmax(0,1.25fr);gap:16px}.profile-info-column{grid-column:1;grid-row:1}.profile-section>.favorites-section{grid-column:1 / -1;grid-row:2}.profile-section>.favorites-section .favorites-column{flex-direction:row;flex-wrap:wrap}.profile-section>:not(.profile-info-column):not(.favorites-section){grid-column:2;grid-row:1}.profile-section>.settings-section{min-width:0;gap:14px;margin-top:0}.profile-section>.settings-section .settings-hours-container,.profile-section>.settings-section .reminders-group,.profile-section>.settings-section .dropdowns-group,.profile-section>.settings-section .toggles-group{width:100%;max-width:100%;box-sizing:border-box}.profile-section>.settings-section .settings-hours-container,.profile-section>.settings-section .reminders-group{padding:12px 14px;gap:12px}.profile-section>.settings-section .time-inputs-row,.profile-section>.settings-section .pause-row,.profile-section>.settings-section .pause-row--header{gap:10px}.profile-section>.settings-section .settings-label,.profile-section>.settings-section .pauses-title,.profile-section>.settings-section .toggle-label,.profile-section>.settings-section .time-input,.profile-section>.settings-section .custom-dropdown-trigger,.profile-section>.settings-section .custom-dropdown-option{font-size:var(--font-size-xs)}.profile-section>.settings-section .time-input,.profile-section>.settings-section .custom-dropdown-trigger{padding:8px 10px}.profile-section>.settings-section .custom-dropdown-trigger{padding-right:32px}.profile-section>.settings-section .toggle-switch{width:52px;height:28px}.profile-section>.settings-section .toggle-thumb{width:20px;height:20px}.profile-section>.settings-section .toggle-switch.active .toggle-thumb{left:calc(100% - 24px)}}.custom-dropdown{position:relative;width:100%}.custom-dropdown-trigger{width:100%;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--text-light);background:var(--background);border:1px solid var(--primary);padding:12px 36px 12px 16px;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s,background-color .2s}.custom-dropdown-trigger:hover{background:var(--highlight-hover)}.custom-dropdown-trigger:focus{outline:none;border-color:var(--primary);background:var(--highlight-hover)}.dropdown-arrow{width:20px;height:20px;color:var(--text-light);transition:transform .2s ease;pointer-events:none;margin-left:8px;flex-shrink:0}.dropdown-arrow.open{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--background);border:2px solid var(--primary-dark);border-radius:20px;margin-top:4px;z-index:1000;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;overflow-x:hidden}.custom-dropdown-option{width:100%;padding:12px 16px;background:var(--highlight-light);border:none;border-radius:0;text-align:left;cursor:pointer;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--text-light);transition:background-color .15s ease;display:block}.custom-dropdown-option:hover{background:var(--primary);color:var(--background)}.custom-dropdown-option.selected{background:var(--primary);color:var(--background);font-weight:500}.custom-dropdown-option:focus{outline:none;background:var(--primary);color:var(--background)}.profilesettings-page__layout{display:flex;flex-direction:column;gap:24px}.profilesettings-page__header{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4, 16px);align-items:start;margin-bottom:var(--space-7, 28px)}.profilesettings-back{width:var(--space-8, 40px);height:var(--space-8, 40px);border-radius:var(--radius-sm);padding:0;display:flex;align-items:center;justify-content:center;background:var(--icon-action-fill);border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);color:var(--icon-action-icon-color);cursor:pointer;line-height:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.profilesettings-back:hover,.profilesettings-back:focus-visible{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}.profilesettings-back:active,.profilesettings-back[aria-pressed=true]{background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}.profilesettings-back svg{width:18px;height:18px}.profilesettings-page__eyebrow{margin:0 0 6px;font-family:var(--font-family-heading);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-dark)}.profilesettings-page__title{margin:0;font-family:var(--text-heading-1-font-family);font-size:var(--text-heading-1-font-size);line-height:var(--text-heading-1-line-height);font-weight:var(--text-heading-1-font-weight);color:var(--primary-dark)}.profilesettings-page__copy{margin:8px 0 0;max-width:720px;color:var(--text-light);font-family:var(--font-family-body);font-size:var(--font-size-md)}.profilesettings-page__status{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-sm)}.profilesettings-page__status--error{color:var(--error-dark)}.profilesettings-page__status--success{color:var(--success)}.profilesettings-page__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profilesettings-page__card{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:16px;background:var(--highlight-light)}.profilesettings-page__card--danger{grid-column:1 / -1;border:1px solid var(--error-dark);background:var(--warning-light)}.profilesettings-page__card-title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-xl);color:var(--text-primary)}.profilesettings-page__card-copy{margin:4px 0 0;color:var(--text-light);font-family:var(--font-family-body);font-size:var(--font-size-sm)}.profilesettings-page__form{display:flex;flex-direction:column;gap:12px}.profilesettings-page__field{display:flex;flex-direction:column;gap:6px}.profilesettings-page__label{font-family:var(--font-family-heading);font-size:var(--font-size-sm);color:var(--text-primary)}.profilesettings-page__value,.profilesettings-page__input{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--text)}.profilesettings-page__value,.profilesettings-page__input{padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--background)}.profilesettings-page__input:focus{outline:none;border-color:var(--primary)}.profilesettings-page__hint{margin:0;color:var(--text-light);font-family:var(--font-family-body);font-size:var(--font-size-sm)}.profilesettings-page__danger-button{background:var(--error-dark);border-color:var(--error-dark);color:var(--background)}.profilesettings-page__danger-button:hover{background:var(--error);border-color:var(--error);color:var(--background)}.profilesettings-page__link-button{background:var(--background);border-color:var(--border);color:var(--text)}.profilesettings-page__link-button:hover{background:var(--highlight-light);border-color:var(--primary-dark);color:var(--text)}.profilesettings-delete-modal{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px;background:#191b248f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profilesettings-delete-modal__card{width:min(520px,100%);display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:24px;background:var(--background);border:1px solid color-mix(in srgb,var(--error-dark) 24%,var(--border));box-shadow:0 32px 80px #0f121c47}.profilesettings-delete-modal__title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-2xl);line-height:1.15;color:var(--error-dark)}.profilesettings-delete-modal__copy{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-md);line-height:1.6;color:var(--text-light)}.profilesettings-delete-modal__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.profilesettings-delete-modal__danger{background:var(--error-dark);border-color:var(--error-dark);color:var(--background)}.profilesettings-delete-modal__danger:hover:not(:disabled){background:var(--error);border-color:var(--error);color:var(--background)}.profilesettings-delete-modal__secondary{background:var(--highlight-light);border-color:var(--border);color:var(--text)}.profilesettings-delete-modal__secondary:hover:not(:disabled){background:var(--highlight);border-color:var(--primary-dark);color:var(--text)}@media(max-width:900px){.profilesettings-page__grid{grid-template-columns:1fr}.profilesettings-page__card--danger{grid-column:auto}.profilesettings-delete-modal{padding:16px}.profilesettings-delete-modal__card{padding:22px;border-radius:20px}.profilesettings-delete-modal__actions{flex-direction:column-reverse}.profilesettings-delete-modal__actions .action-btn{width:100%}}.reports-layout{display:grid;grid-template-columns:400px 1fr;gap:var(--space-8);align-items:start}.reports-left{min-width:0}.reports-right h1{margin:0 0 var(--space-3);font-family:var(--text-heading-1-font-family);font-size:var(--text-heading-1-font-size);line-height:var(--text-heading-1-line-height);font-weight:var(--text-heading-1-font-weight);letter-spacing:var(--text-heading-1-letter-spacing)}.reports-date{margin:0 0 var(--space-2);color:var(--primary-dark);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height)}.reports-desc{margin:0 0 var(--space-6);color:var(--text-light)}.timeline{background:var(--highlight-light);border:var(--border-width-sm) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);position:relative}.timeline:before{content:"";position:absolute;left:calc(var(--space-6) + 20px);top:12px;bottom:12px;width:2px;background:var(--border);z-index:0;pointer-events:none}.timeline-item{display:grid;grid-template-columns:40px 1fr;column-gap:var(--space-4);align-items:center;padding:var(--space-3) 0}.timeline-icon{width:40px;height:40px;background:var(--highlight);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;z-index:1}.timeline-icon img{max-width:24px;max-height:24px}.timeline-content{display:grid;grid-template-columns:72px 1.3fr 1fr;column-gap:var(--space-4);align-items:center}.timeline-time{color:var(--primary-dark)}.timeline-topic{font-weight:var(--font-weight-bold)}.timeline-info{color:var(--primary-dark);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height)}.timeline-warning{background:var(--warning-light);border:var(--border-width-sm) solid var(--warning);border-radius:var(--radius-md);padding:var(--space-3)}.report-agenda-card{margin-top:var(--space-6);background:var(--background);border:var(--border-width-sm) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.report-agenda-card__header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;margin-bottom:var(--space-4)}.report-agenda-card__header h2{margin:0;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-3-font-size);line-height:var(--text-heading-3-line-height)}.report-agenda-card__header span,.report-agenda-card__empty,.report-agenda-card__error{margin:0;color:var(--text-light);font-size:var(--text-body-small-font-size)}.report-agenda-card__error{color:var(--danger, #b42318)}.report-agenda-card__list{display:grid;gap:var(--space-3)}.report-agenda-card__item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:var(--space-4);align-items:start;padding:var(--space-3) 0;border-top:var(--border-width-sm) solid var(--border)}.report-agenda-card__item time{color:var(--primary-dark);font-size:var(--text-body-small-font-size)}.report-agenda-card__item h3{margin:0;font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height)}.report-agenda-card__item p{margin:var(--space-1) 0 0;color:var(--text-light);font-size:var(--text-body-small-font-size)}@media(max-width:1100px){.reports-layout{grid-template-columns:1fr;gap:var(--space-6)}.reports-left{display:none;max-width:100%}.reports-left--open{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:var(--space-5);align-items:start;padding:var(--space-4);background:var(--background);border:var(--border-width-sm) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.reports-left .rating-cards-container{display:flex;flex-direction:column;gap:var(--space-4);align-items:stretch}.reports-left .stress-slider-card,.reports-left .energy-slider-card{max-width:none}.reports-left .stats-section{width:100%;max-width:400px;margin-top:0;padding-top:0}.reports-left .stats-section .section-title{display:none}}@media(max-width:760px){.reports-right h1{font-size:var(--text-heading-2-font-size);line-height:var(--text-heading-2-line-height)}.reports-left--open{grid-template-columns:1fr}.reports-left .stats-section{max-width:none}.timeline{padding:var(--space-4)}.timeline:before{left:calc(var(--space-4) + 20px)}.timeline-item{align-items:start}.timeline-content{grid-template-columns:1fr;row-gap:var(--space-1)}}@media(max-width:520px){.timeline{padding:var(--space-3)}.timeline:before{left:calc(var(--space-3) + 18px)}.timeline-item{grid-template-columns:36px 1fr;column-gap:var(--space-3)}.timeline-icon{width:36px;height:36px}}.reports-week-page{box-sizing:border-box;height:auto;overflow:visible}.reports-week-layout{align-items:start}.reports-week-right{display:flex;flex-direction:column;gap:var(--space-4)}.reports-week-right .reports-desc{margin-bottom:var(--space-2)}.weekly-timeline{padding-bottom:0}.weekly-timeline-item{align-items:start}.weekly-timeline-icon{background:var(--highlight)}.weekly-timeline-icon img{max-width:24px;max-height:24px}.weekly-timeline-content{display:grid;grid-template-columns:126px 1fr;column-gap:var(--space-4);align-items:start}.weekly-timeline-day{font-weight:var(--font-weight-semibold);color:var(--text-light);padding-top:2px}.weekly-timeline-summary{color:var(--text)}.weekly-analytics-section{display:flex;flex-direction:column;gap:var(--space-3)}.weekly-analytics-section h2{margin:0;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);line-height:var(--text-heading-2-line-height);font-weight:var(--text-heading-2-font-weight);color:var(--text)}.weekly-analytics-section p{margin:0;color:var(--text-light)}.weekly-graphs-scroll{display:flex;flex-direction:column;gap:var(--space-6);overflow:visible}.reports-week-layout .reports-left{position:sticky;top:calc(var(--space-10) + var(--space-7));align-self:start}.chart-card{background:var(--highlight-light);border:var(--border-width-sm) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4) var(--space-3)}.weekly-chart{display:block;width:100%;height:auto}.chart-grid-line{stroke:var(--border);stroke-width:1;stroke-dasharray:3 5;opacity:.75}.chart-grid-line.x-grid{opacity:.45}.chart-axis-label{fill:var(--text-light);font-size:11px;font-family:var(--font-family-body)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:center;justify-content:center;padding-top:var(--space-4);color:var(--text);font-weight:var(--font-weight-semibold)}.chart-legend span{display:inline-flex;align-items:center;gap:var(--space-2)}.legend-swatch{width:18px;height:18px;border-radius:999px;display:inline-block}.legend-taken{background:var(--primary)}.legend-worked{background:var(--error)}.legend-not-worked{background:var(--highlight)}.legend-stress{background:var(--error)}.legend-energy{background:var(--primary)}@media(max-width:1100px){.reports-week-page{height:auto;overflow:visible}.reports-week-layout .reports-left{position:static;top:auto}.weekly-graphs-scroll{overflow:visible}}@media(max-width:760px){.weekly-timeline-content{grid-template-columns:1fr;row-gap:var(--space-1)}.chart-card{padding:var(--space-3);overflow-x:auto}.weekly-chart{min-width:560px}}.reports-page{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-5) var(--space-8) var(--space-10)}.reports-top-row{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:var(--space-6)}.reports-top-actions{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:var(--space-2)}.reports-back,.reports-panel-toggle{width:40px;height:40px;background:var(--icon-action-fill);border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--icon-action-icon-color);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.reports-panel-toggle{display:none}.reports-back svg{width:18px;height:18px}.reports-panel-toggle-icon{width:18px;height:18px;display:block;background:currentColor;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-chart-no-axes-combined-icon%20lucide-chart-no-axes-combined'%3e%3cpath%20d='M12%2016v5'/%3e%3cpath%20d='M16%2014.639V21'/%3e%3cpath%20d='M20%2010.656V21'/%3e%3cpath%20d='m22%203-8.646%208.646a.5.5%200%200%201-.708%200L9.354%208.354a.5.5%200%200%200-.707%200L2%2015'/%3e%3cpath%20d='M4%2018.463V21'/%3e%3cpath%20d='M8%2014.656V21'/%3e%3c/svg%3e") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-chart-no-axes-combined-icon%20lucide-chart-no-axes-combined'%3e%3cpath%20d='M12%2016v5'/%3e%3cpath%20d='M16%2014.639V21'/%3e%3cpath%20d='M20%2010.656V21'/%3e%3cpath%20d='m22%203-8.646%208.646a.5.5%200%200%201-.708%200L9.354%208.354a.5.5%200%200%200-.707%200L2%2015'/%3e%3cpath%20d='M4%2018.463V21'/%3e%3cpath%20d='M8%2014.656V21'/%3e%3c/svg%3e") center / contain no-repeat}button.back-btn.reports-back:hover:not(:disabled),button.reports-panel-toggle:hover:not(:disabled),button.reports-panel-toggle:focus-visible:not(:disabled){background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}button.back-btn.reports-back:active:not(:disabled),button.back-btn.reports-back[aria-pressed=true]:not(:disabled),button.reports-panel-toggle:active:not(:disabled){background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}.reports-toggle{display:inline-flex;align-items:center;gap:0;background:var(--highlight-light);padding:3px;border-radius:var(--radius-md);width:240px;height:40px;box-sizing:border-box}.toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;padding:0 var(--space-5);height:100%;cursor:pointer;border-radius:var(--radius-sm);font-family:var(--text-button-label-font-family);font-weight:var(--font-weight-semibold);font-size:var(--text-button-label-font-size);line-height:var(--text-button-label-line-height);color:var(--text);box-sizing:border-box}.toggle-btn.active{background:var(--primary);color:var(--background);height:100%;padding:0 var(--space-4)}.premium-icon{width:16px;height:16px;margin-right:0;flex-shrink:0}@media(max-width:1100px){.reports-page{max-width:860px;padding-inline:var(--space-5)}.reports-panel-toggle{display:flex}}@media(max-width:640px){.reports-page{padding-inline:var(--space-4)}.reports-top-row{justify-content:flex-end;min-height:40px}.reports-toggle{width:min(210px,calc(100% - 100px))}.toggle-btn{padding:0 var(--space-3)}}:root{--font-family-heading: "Lora", serif;--font-family-body: "Nunito", sans-serif;--font-size-xxxs: 12px;--font-size-xxs: 14px;--font-size-xs: 16px;--font-size-sm: 20px;--font-size-md: 24px;--font-size-lg: 28px;--font-size-xl: 32px;--font-size-2xl: 36px;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-xs: 22px;--line-height-sm: 28px;--line-height-md: 36px;--line-height-lg: 42px;--line-height-xl: 46px;--letter-spacing-default: 0px;--text-heading-1-font-family: var(--font-family-heading);--text-heading-1-font-weight: var(--font-weight-bold);--text-heading-1-font-size: var(--font-size-2xl);--text-heading-1-line-height: var(--line-height-xl);--text-heading-1-letter-spacing: var(--letter-spacing-default);--text-heading-2-font-family: var(--font-family-heading);--text-heading-2-font-weight: var(--font-weight-semibold);--text-heading-2-font-size: var(--font-size-xl);--text-heading-2-line-height: var(--line-height-lg);--text-heading-2-letter-spacing: var(--letter-spacing-default);--text-heading-3-font-family: var(--font-family-heading);--text-heading-3-font-weight: var(--font-weight-regular);--text-heading-3-font-size: var(--font-size-lg);--text-heading-3-line-height: var(--line-height-md);--text-heading-3-letter-spacing: var(--letter-spacing-default);--text-body-regular-font-family: var(--font-family-body);--text-body-regular-font-weight: var(--font-weight-regular);--text-body-regular-font-size: 18px;--text-body-regular-line-height: var(--line-height-sm);--text-body-bold-font-family: var(--font-family-body);--text-body-bold-font-weight: var(--font-weight-bold);--text-body-bold-font-size: var(--font-size-sm);--text-body-bold-line-height: var(--line-height-sm);--text-body-small-font-family: var(--font-family-body);--text-body-small-font-weight: var(--font-weight-regular);--text-body-small-font-size: var(--font-size-xs);--text-body-small-line-height: var(--line-height-xs);--text-navigation-default-font-family: var(--font-family-body);--text-navigation-default-font-weight: var(--font-weight-regular);--text-navigation-default-font-size: var(--font-size-sm);--text-navigation-default-line-height: var(--line-height-sm);--text-navigation-default-color: var(--text-primary);--text-navigation-hover-font-family: var(--font-family-body);--text-navigation-hover-font-weight: var(--font-weight-bold);--text-navigation-hover-font-size: var(--font-size-sm);--text-navigation-hover-line-height: var(--line-height-sm);--text-navigation-hover-color: var(--text-brand);--text-navigation-active-font-family: var(--font-family-body);--text-navigation-active-font-weight: var(--font-weight-extrabold);--text-navigation-active-font-size: var(--font-size-md);--text-navigation-active-line-height: var(--line-height-sm);--text-navigation-active-color: var(--text-brand);--text-link-default-font-family: var(--font-family-body);--text-link-default-font-weight: var(--font-weight-regular);--text-link-default-font-size: var(--font-size-sm);--text-link-default-line-height: var(--line-height-sm);--text-link-default-color: var(--text-brand);--text-link-default-decoration: underline;--text-link-hover-color: var(--primary-400);--text-link-active-color: var(--primary-500);--text-button-label-font-family: var(--font-family-heading);--text-button-label-font-weight: var(--font-weight-bold);--text-button-label-font-size: var(--font-size-sm);--text-button-label-line-height: var(--line-height-sm);--text-button-label-color: var(--text-on-light);--text-input-value-font-family: var(--font-family-body);--text-input-value-font-weight: var(--font-weight-regular);--text-input-value-font-size: var(--font-size-sm);--text-input-value-line-height: var(--line-height-sm);--text-input-value-color: var(--text-primary);--text-input-placeholder-font-family: var(--font-family-body);--text-input-placeholder-font-weight: var(--font-weight-regular);--text-input-placeholder-font-size: var(--font-size-sm);--text-input-placeholder-line-height: var(--line-height-sm);--text-input-placeholder-color: var(--text-placeholder);--text-input-disabled-font-family: var(--font-family-body);--text-input-disabled-font-weight: var(--font-weight-regular);--text-input-disabled-font-size: var(--font-size-sm);--text-input-disabled-line-height: var(--line-height-sm);--text-input-disabled-color: var(--text-disabled)}:root{--background: #fffcf5;--background-dark: #f4edd9;--text: #1a1a1a;--text-light: #414141;--border: #c0c3b8;--primary-dark: #596e62;--primary: #769382;--highlight-dark: #7e8f83;--highlight: #a8bfaf;--highlight-light: #e4ebe6;--highlight-hover: #f2f5f3;--success: #6baf8e;--warning: #e3cb91;--warning-light: #f6efdd;--error: #da8383;--error-dark: #a46262;--info: #8cb2c8}:root{--border-width-none: 0px;--border-width-sm: 1px;--border-width-md: 2px;--border-width-xl: 5px;--border-style-solid: solid;--radius-none: 0px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--radius-circle: 50%;--border-color-token-default: var(--border-300);--border-color-token-green: var(--border-green-300);--border-color-token-brand: var(--primary-300);--border-color-token-success: var(--success-300);--border-color-token-warning: var(--warning-300);--border-color-token-error: var(--error-300);--border-color-token-info: var(--info-300);--border-container-width: var(--border-width-xl);--border-container-style: var(--border-style-solid);--border-container-radius: var(--radius-lg);--border-container-color: var(--border-color-token-default);--border-control-width: var(--border-width-md);--border-control-style: var(--border-style-solid);--border-control-radius: var(--radius-sm);--border-control-color: var(--border-color-token-default);--border-checkbox-width: var(--border-width-md);--border-checkbox-style: var(--border-style-solid);--border-checkbox-radius: var(--radius-xs);--border-checkbox-color: var(--border-color-token-default);--border-toggle-width: var(--border-width-md);--border-toggle-style: var(--border-style-solid);--border-toggle-radius: var(--radius-md);--border-toggle-color: var(--border-color-token-default);--border-round-radius: var(--radius-circle);--border-state-success: var(--border-color-token-success);--border-state-warning: var(--border-color-token-warning);--border-state-error: var(--border-color-token-error);--border-state-info: var(--border-color-token-info);--border-state-focus: var(--border-color-token-brand);--border-state-default: var(--border-color-token-default);--border-state-hover: var(--border-color-token-green);--border-state-disabled: var(--border-color-token-default)}:root{--shadow-offset-none-x: 0px;--shadow-offset-none-y: 0px;--shadow-offset-sm-x: 0px;--shadow-offset-sm-y: 2px;--shadow-blur-sm: 4px;--shadow-spread-none: 0px;--shadow-spread-glow: 4px;--shadow-opacity-soft: .25;--shadow-color-button-hover: var(--primary-200);--shadow-color-input-hover: var(--text-secondary-200);--shadow-color-image: var(--primary-200);--shadow-color-dropdown-hover: var(--highlight-100);--shadow-color-nav: var(--highlight-200);--shadow-button-hover: var(--shadow-offset-sm-x) var(--shadow-offset-sm-y) var(--shadow-blur-sm) var(--shadow-spread-none) var(--shadow-color-button-hover);--shadow-input-hover: var(--shadow-offset-sm-x) var(--shadow-offset-sm-y) var(--shadow-blur-sm) var(--shadow-spread-none) var(--shadow-color-input-hover);--shadow-dropdown-glow: var(--shadow-offset-none-x) var(--shadow-offset-none-y) var(--shadow-blur-sm) var(--shadow-spread-glow) var(--shadow-color-dropdown-hover);--shadow-img-default: var(--shadow-offset-sm-x) var(--shadow-offset-sm-y) var(--shadow-blur-sm) var(--shadow-spread-none) var(--shadow-color-image);--shadow-nav-dropdown: var(--shadow-offset-sm-x) var(--shadow-offset-sm-y) var(--shadow-blur-sm) var(--shadow-spread-none) var(--shadow-color-nav)}:root{--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--space-13: 120px;--space-14: 240px;--grid-desktop-small-columns: 10;--grid-desktop-small-margin: var(--space-7);--grid-desktop-small-gutter: var(--space-5);--grid-desktop-large-columns: 10;--grid-desktop-large-margin: var(--space-8);--grid-desktop-large-gutter: var(--space-6);--layout-section: var(--space-10);--layout-container-padding: var(--space-7);--layout-card-padding: var(--space-6);--layout-component-gap: var(--space-4);--layout-input-padding-x: var(--space-4);--layout-input-padding-y: var(--space-3);--layout-button-padding-x: var(--space-5);--layout-button-padding-y: var(--space-3)}.upgrade-root{padding:var(--layout-container-padding) var(--space-4) var(--space-11);background:var(--surface-page, var(--background))}.upgrade-inner{max-width:1180px;margin:0 auto}.upgrade-top-row{position:relative;min-height:40px;margin-bottom:18px}.upgrade-back{position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:40px;background:var(--icon-action-fill);border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;color:var(--icon-action-icon-color);line-height:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.upgrade-back:hover{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}.upgrade-back:active,.upgrade-back[aria-pressed=true]{background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}.upgrade-back svg{width:18px;height:18px}.upgrade-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:22px}.upgrade-header-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.upgrade-title{font-family:var(--text-heading-1-font-family);font-weight:var(--text-heading-1-font-weight);font-size:var(--text-heading-1-font-size);line-height:var(--text-heading-1-line-height);color:var(--text);margin:0}.billing-toggle{display:inline-flex;align-items:center;gap:0;background:var(--highlight-light);padding:3px;border-radius:var(--radius-md);width:256px;height:40px;box-sizing:border-box}.billing-option{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;padding:0 var(--space-3);height:100%;border-radius:var(--radius-sm);font-family:var(--text-button-label-font-family);font-weight:var(--font-weight-semibold);font-size:var(--text-button-label-font-size);line-height:var(--text-button-label-line-height);color:var(--text);cursor:pointer;white-space:nowrap;box-sizing:border-box}.billing-option--active{background:var(--primary);color:var(--background);height:100%;padding:0 var(--space-3)}.billing-option,.billing-option--active{transition:background-color .16s ease,color .16s ease,transform .12s ease}.billing-option:focus,.billing-option--active:focus{outline:3px solid var(--border-state-focus);outline-offset:2px}.plans-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:start;justify-content:center;padding-bottom:var(--space-6)}.plan-card{background:var(--surface-card, var(--background-dark));border-radius:var(--radius-lg);padding:18px 16px 12px;box-shadow:0 8px 14px #0000000f;width:100%;max-width:none;min-width:0;height:400px;display:flex;flex-direction:column;position:relative;overflow:hidden;justify-self:center;--button-fill: var(--button-dark-default-fill);--button-border-color: var(--button-dark-default-border);--button-text-color: var(--button-dark-default-text);--button-hover-fill: var(--button-dark-hover-fill);--button-hover-border-color: var(--button-dark-hover-border);--button-hover-text-color: var(--button-dark-hover-text);--button-active-fill: var(--button-dark-active-fill);--button-active-border-color: var(--button-dark-active-border);--button-active-text-color: var(--button-dark-active-text)}.plan-card--featured{box-shadow:0 14px 26px #00000014}.plan-heading{text-align:center;font-family:var(--text-heading-3-font-family);font-size:22px;min-height:42px;margin:0 0 6px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;white-space:nowrap}.plan-divider{border:none;height:2px;width:min(280px,100%);margin:6px auto 12px;border-radius:var(--radius-sm);background:var(--primary)}.plan-price{text-align:center;font-family:var(--text-heading-1-font-family);font-size:34px;min-height:52px;margin:0 0 6px;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center}.plan-price--compact{min-height:44px;margin:0 0 4px;gap:2px;justify-content:flex-start}.plan-price .per{display:block;font-size:var(--text-body-small-font-size);margin-top:4px;color:var(--text-light)}.plan-features{list-style:none;padding:0;margin:0;flex:1 0 auto;display:flex;flex-direction:column;gap:4px}.plan-features li{font-family:var(--text-body-regular-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-regular-line-height);margin:0;color:var(--text-light);display:grid;grid-template-columns:24px 1fr;align-items:center;column-gap:var(--space-4)}.plan-check{width:24px;height:24px;margin-right:0;flex-shrink:0;color:var(--primary-dark)}.plan-cta-wrap{display:flex;justify-content:center;margin-top:auto;padding-top:4px;padding-bottom:0}.plan-cta{background:var(--button-fill);color:var(--button-text-color);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font-family:var(--text-button-label-font-family);font-size:var(--text-button-label-font-size);cursor:pointer;width:100%;min-width:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:opacity .14s ease,background-color .16s ease,color .16s ease,border-color .16s ease}.plan-cta:hover{background:var(--button-hover-fill);color:var(--button-hover-text-color);border-color:var(--button-hover-border-color)}.plan-cta:active{background:var(--button-active-fill);color:var(--button-active-text-color);border-color:var(--button-active-border-color)}.plan-cta:focus{outline:var(--border-width-md) solid var(--border-state-focus);outline-offset:var(--space-1)}.plan-cta[disabled],.billing-option[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}@media(max-width:980px){.upgrade-title{font-size:36px}.plan-features li{font-size:20px}}.payment-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0000005c;z-index:60}.payment-card{background:var(--surface-card, var(--background-dark));padding:20px;border-radius:var(--radius-md);box-shadow:0 12px 30px #0000001f;width:min(420px,calc(100% - 40px));--button-fill: var(--button-dark-default-fill);--button-border-color: var(--button-dark-default-border);--button-text-color: var(--button-dark-default-text);--button-hover-fill: var(--button-dark-hover-fill);--button-hover-border-color: var(--button-dark-hover-border);--button-hover-text-color: var(--button-dark-hover-text);--button-active-fill: var(--button-dark-active-fill);--button-active-border-color: var(--button-dark-active-border);--button-active-text-color: var(--button-dark-active-text)}.payment-card h3{margin:0 0 8px;font-family:var(--text-heading-3-font-family)}.payment-card p{margin:0 0 12px;color:var(--text-light)}.payment-fields{display:grid;gap:8px;margin-bottom:12px}.payment-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-label{display:block;font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);color:var(--text-light);margin-bottom:2px}.payment-input{width:100%;height:38px;border:var(--border-width-sm) solid var(--border);border-radius:var(--radius-sm);padding:0 10px;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-small-font-size);color:var(--text);background:var(--background);box-sizing:border-box}.payment-input:focus{outline:2px solid var(--border-state-focus);outline-offset:1px}.payment-actions{display:flex;gap:var(--space-3);align-items:center;justify-content:stretch}.payment-actions .plan-cta{width:auto;flex:1 1 0}.payment-actions .plan-cta.plan-cta--secondary{background:var(--brand-highlight, var(--highlight-light));color:var(--text);border:var(--border-width-md) solid var(--highlight-dark)}@media(max-width:640px){.payment-inline-fields{grid-template-columns:1fr}}.admin-page{position:relative;overflow:hidden;min-height:calc(100vh - var(--space-10))}.admin-shell{display:flex;flex-direction:column;gap:var(--space-6)}.admin-summary-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:var(--space-4);align-items:start}.admin-hero{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:start;padding:var(--layout-card-padding);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--background-dark) 74%,white 26%),color-mix(in srgb,var(--highlight-light) 60%,white 40%));box-shadow:0 18px 42px color-mix(in srgb,var(--primary-dark) 12%,transparent)}.admin-back,.admin-button,.admin-action{border:var(--button-border-width) var(--button-border-style) var(--button-border-color);background:var(--button-fill);color:var(--button-text-color);border-radius:var(--radius-full);cursor:pointer}.admin-back{width:var(--space-8);height:var(--space-8);display:flex;align-items:center;justify-content:center;padding:0;background:var(--icon-action-fill);border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);color:var(--icon-action-icon-color);border-radius:var(--radius-sm);line-height:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.admin-back svg{width:18px;height:18px}.admin-back:hover,.admin-back:focus-visible{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}.admin-back:active,.admin-back[aria-pressed=true]{background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}.admin-hero__copy{min-width:0}.admin-hero__actions{display:flex;align-items:flex-start}.admin-button{padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-bold)}.admin-button:disabled{opacity:.6;cursor:wait}.admin-eyebrow{margin:0 0 var(--space-1);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height);letter-spacing:.08em;text-transform:uppercase;color:var(--text-light)}.admin-title{margin:0;font-family:var(--text-heading-1-font-family);font-size:var(--text-heading-1-font-size);line-height:var(--text-heading-1-line-height);font-weight:var(--text-heading-1-font-weight);color:var(--primary-dark)}.admin-copy{max-width:760px;margin:var(--space-3) 0 0;color:var(--text-light);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height)}.admin-metrics,.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.admin-card{border:1px solid color-mix(in srgb,var(--border) 75%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--background-dark) 78%,white 22%);box-shadow:0 18px 42px color-mix(in srgb,var(--primary-dark) 10%,transparent);padding:var(--layout-card-padding)}.admin-card--wide{grid-column:span 2}.admin-card--metric{display:flex;flex-direction:column;gap:var(--space-2)}.admin-card--status{align-self:stretch}.admin-card__hint,.admin-card__copy{color:var(--text-light);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height)}.admin-card__copy{margin:0 0 var(--space-4)}.admin-card--locked{max-width:560px}.admin-card__header{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.admin-card__label{display:inline-block;margin-bottom:var(--space-1);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height);letter-spacing:.06em;text-transform:uppercase;color:var(--text-light)}.admin-card__title{margin:0;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);line-height:var(--text-heading-2-line-height);font-weight:var(--text-heading-2-font-weight);color:var(--text)}.admin-card__value{font-family:var(--text-heading-1-font-family);font-size:clamp(2rem,3vw,3rem);line-height:1;color:var(--primary-dark)}.admin-action-list{display:flex;flex-wrap:wrap;gap:var(--space-3)}.admin-action{padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-bold)}.admin-action:hover,.admin-button:hover,.admin-back:hover{background:var(--button-hover-fill);border-color:var(--button-hover-border-color);color:var(--button-hover-text-color)}.admin-plan-list,.admin-status-list,.admin-activity-list,.admin-table{display:flex;flex-direction:column;gap:var(--space-3)}.admin-plan-row,.admin-status-row,.admin-activity-row,.admin-table__row,.admin-table__head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:var(--space-3);align-items:center}.admin-plan-row,.admin-status-row,.admin-activity-row,.admin-table__row{padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--background) 70%,white 30%)}.admin-plan-row span,.admin-status-row span,.admin-activity-row span,.admin-table__row span,.admin-table__row div span{color:var(--text-light)}.admin-table__head{padding:0 var(--space-3);font-size:var(--text-body-small-font-size);letter-spacing:.06em;text-transform:uppercase;color:var(--text-light)}.admin-table__row div,.admin-table__user{display:flex;flex-direction:column;gap:2px}.admin-table__meta{font-size:var(--text-body-small-font-size);color:var(--text-light)}.admin-badge{justify-self:start;display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:var(--font-weight-bold)}.admin-badge--basic{background:color-mix(in srgb,var(--highlight-light) 72%,white 28%);color:var(--primary-dark)}.admin-badge--premium{background:color-mix(in srgb,var(--primary) 18%,white 82%);color:var(--primary-dark)}.admin-badge--company{background:color-mix(in srgb,var(--success) 18%,white 82%);color:var(--success)}.admin-badge--admin{background:color-mix(in srgb,var(--error) 16%,white 84%);color:var(--error-dark)}.admin-status--ok{color:var(--success)}.admin-status--bad{color:var(--error-dark)}.admin-empty,.admin-error{margin:0;color:var(--text-light)}.admin-error{color:var(--error-dark)}@media(max-width:960px){.admin-summary-row,.admin-metrics,.admin-grid{grid-template-columns:1fr}.admin-card--wide{grid-column:auto}}@media(max-width:720px){.admin-hero,.admin-plan-row,.admin-status-row,.admin-activity-row,.admin-table__row,.admin-table__head{grid-template-columns:1fr}.admin-plan-row,.admin-status-row,.admin-activity-row,.admin-table__row,.admin-table__head{gap:var(--space-2)}}.company-management-page{position:relative;overflow:hidden;min-height:calc(100vh - var(--space-10));padding-top:var(--space-4)}.company-management-page__swirl{position:absolute;right:calc(var(--space-8) * -1);bottom:calc(var(--space-6) * -1);width:min(340px,38vw);opacity:.22;pointer-events:none;-webkit-user-select:none;user-select:none}.company-management-header{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:start;margin-bottom:var(--space-7)}.company-management-back{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm);padding:0;display:flex;align-items:center;justify-content:center;margin-top:var(--space-1);line-height:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.company-management-back{background:var(--icon-action-fill);border:var(--button-border-width) var(--button-border-style) var(--icon-action-border);color:var(--icon-action-icon-color)}.company-management-back:hover,.company-management-back:focus-visible{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}.company-management-back:active,.company-management-back[aria-pressed=true]{background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}.company-management-back img,.company-modal__close img,.company-management-add img{width:18px;height:18px;display:block;transition:filter .15s ease,opacity .15s ease;filter:none}.company-management-back:hover img,.company-management-back:focus-visible img,.company-management-add:hover img,.company-management-add:focus-visible img{filter:brightness(0) invert(1) saturate(100%);opacity:.95}.company-modal__close,.company-modal__close:hover,.company-modal__close:focus,.company-modal__close:focus-visible{background:var(--highlight-light)}.company-modal__close img{transition:transform .15s ease;transform-origin:center}.company-modal__close:hover img,.company-modal__close:focus img,.company-modal__close:focus-visible img{transform:scale(.88)}.company-management-eyebrow{margin:0 0 var(--space-1);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height);letter-spacing:.08em;text-transform:uppercase;color:var(--text-light)}.company-management-title{margin:0;font-family:var(--text-heading-1-font-family);font-size:var(--text-heading-1-font-size);line-height:var(--text-heading-1-line-height);font-weight:var(--text-heading-1-font-weight);color:var(--primary-dark)}.company-management-intro{max-width:720px;margin:var(--space-3) 0 0;color:var(--text-light);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height)}.company-management-add{align-self:start;display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap}.company-management-add{line-height:var(--text-button-label-line-height)}.company-management-add svg,.company-management-add img{width:18px;height:18px;display:block;margin:0}.company-management-reset{line-height:var(--text-body-regular-line-height);gap:0}.company-management-reset:hover,.company-management-reset:focus-visible{background:var(--icon-action-hover-fill);border-color:var(--icon-action-hover-border);color:var(--icon-action-hover-icon-color)}.company-management-reset:active,.company-management-reset[aria-pressed=true]{background:var(--icon-action-active-fill);border-color:var(--icon-action-active-border);color:var(--icon-action-active-icon-color)}.company-management-stack{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-6)}.company-management-panel{border:1px solid color-mix(in srgb,var(--border) 75%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--background-dark) 78%,white 22%);box-shadow:0 18px 42px color-mix(in srgb,var(--primary-dark) 12%,transparent);padding:var(--layout-card-padding)}.company-management-panel__header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.company-management-panel__header--employees{align-items:center}.company-management-panel__title{margin:0;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);line-height:var(--text-heading-2-line-height);font-weight:var(--text-heading-2-font-weight);color:var(--text)}.company-management-panel__copy{margin:var(--space-1) 0 0;color:var(--text-light);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height)}.employee-table__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);margin:0;padding:var(--space-3) var(--space-4);text-align:center}.employee-table__empty-state-title{color:var(--primary-dark);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height);font-weight:var(--font-weight-bold)}.employee-table__empty-state-copy{max-width:28rem;color:var(--text-light);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height)}.theme-panel{display:flex;flex-direction:column;gap:var(--space-4)}.theme-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.theme-swatch{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--background) 70%,white 30%);text-align:left}.theme-swatch--active{border-color:var(--primary);box-shadow:0 12px 28px color-mix(in srgb,var(--primary-dark) 14%,transparent);transform:translateY(-1px)}.theme-swatch__swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1);width:100%}.theme-swatch__chip{height:var(--space-4);border-radius:var(--radius-full)}.theme-swatch__label{font-family:var(--text-heading-3-font-family);font-size:var(--text-heading-3-font-size);line-height:var(--text-heading-3-line-height);font-weight:var(--text-heading-3-font-weight);color:var(--text)}.theme-swatch__description{color:var(--text-light);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height)}.custom-theme-editor{display:flex;flex-direction:column;gap:var(--space-4)}.custom-theme-editor__header{display:flex;align-items:start;justify-content:space-between}.custom-theme-editor__actions{display:inline-flex;align-items:center;gap:var(--space-2)}.custom-theme-editor__title{margin:0;font-family:var(--text-heading-3-font-family);font-size:var(--text-heading-3-font-size);line-height:var(--text-heading-3-line-height);font-weight:var(--text-heading-3-font-weight);color:var(--text)}.custom-theme-editor__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.theme-color-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-3)}.theme-color-tile{display:flex;flex-direction:column;width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--background) 70%,white 30%);cursor:pointer}.theme-color-tile input[type=color]{width:100%;height:auto;aspect-ratio:1 / 1;flex:1 1 auto;border:0;padding:0;background:transparent;cursor:pointer}.theme-color-tile__label{display:block;padding:.45rem .5rem;text-align:center;color:var(--text);background:color-mix(in srgb,var(--background) 75%,white 25%);border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height)}.theme-color-tile input[type=color]::-webkit-color-swatch-wrapper{padding:0}.theme-color-tile input[type=color]::-webkit-color-swatch{border:0;border-radius:0}.theme-color-tile:has(input[type=color]:focus-visible){outline:2px solid var(--primary);outline-offset:2px}.theme-preview{padding:var(--space-4);border-radius:var(--radius-md);background:linear-gradient(145deg,color-mix(in srgb,var(--background-dark) 72%,white 28%),color-mix(in srgb,var(--highlight-light) 60%,white 40%));border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.theme-preview--compact{background:color-mix(in srgb,var(--highlight-light) 58%,white 42%)}.theme-preview__badge{display:inline-flex;align-items:center;padding:5px var(--space-2);margin-bottom:var(--space-2);border-radius:999px;background:var(--primary);color:var(--background);font-size:var(--text-body-small-font-size);font-weight:var(--font-weight-bold)}.theme-preview__title{margin:0;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);line-height:var(--text-heading-2-line-height);font-weight:var(--text-heading-2-font-weight);color:var(--primary-dark)}.theme-preview__copy{margin:var(--space-2) 0 var(--space-3);color:var(--text-light);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height)}.theme-preview__bars{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.theme-preview__bars span{height:var(--space-6);border-radius:var(--radius-full)}.company-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb,var(--highlight-light) 68%,white 32%);border:1px solid color-mix(in srgb,var(--border) 75%,transparent)}.company-toggle-row .toggle-switch{flex:0 0 60px}.company-toggle-row__title{margin:0 0 var(--space-1);font-family:var(--text-heading-3-font-family);font-size:var(--text-heading-3-font-size);line-height:var(--text-heading-3-line-height);font-weight:var(--text-heading-3-font-weight);color:var(--text)}.employee-table{overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:var(--radius-md)}.employee-table__header,.employee-row{display:grid;grid-template-columns:1.05fr 1fr .7fr .55fr;gap:var(--space-3);align-items:center}.employee-table__header{padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--highlight-light) 82%,white 18%);color:var(--text-light);font-family:var(--text-body-bold-font-family);font-size:var(--text-body-bold-font-size);line-height:var(--text-body-bold-line-height)}.employee-table__body{display:flex;flex-direction:column}.employee-row{width:100%;padding:var(--space-3) var(--space-4);text-align:left;border:0;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:0;background:transparent;color:var(--text);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height);cursor:pointer}.employee-row:hover{background:color-mix(in srgb,var(--highlight-hover) 80%,transparent)}.employee-row--selected{background:color-mix(in srgb,var(--highlight-light) 66%,white 34%)}.employee-name{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold)}.employee-status{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:5px var(--space-3);border-radius:999px;border:1px solid transparent;font-size:var(--text-body-small-font-size);font-weight:var(--font-weight-bold)}.employee-status--online,.company-stats__status--online{background:var(--highlight);color:var(--background);border-color:var(--highlight-dark)}.employee-status--offline,.company-stats__status--offline{background:var(--background-dark);color:var(--text);border-color:color-mix(in srgb,var(--border) 85%,transparent)}.employee-status--stale-offline,.company-stats__status--stale-offline{background:var(--error);color:var(--background);border-color:var(--error-dark)}.company-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:var(--space-6);overflow-y:auto;background:color-mix(in srgb,var(--text) 30%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.company-modal__card{position:relative;width:min(560px,100%);max-height:min(88vh,900px);overflow:auto;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:var(--background);box-shadow:0 26px 60px color-mix(in srgb,var(--primary-dark) 20%,transparent)}.company-modal__card--stats{width:min(620px,100%);background:linear-gradient(160deg,color-mix(in srgb,var(--background) 88%,white 12%),color-mix(in srgb,var(--highlight-light) 20%,var(--background) 80%))}.company-modal__card--confirm{width:min(460px,100%);padding:var(--space-6);border:1px solid color-mix(in srgb,var(--error-dark) 18%,var(--border));box-shadow:0 24px 58px color-mix(in srgb,var(--error-dark) 18%,transparent)}.company-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border-radius:50%;padding:0;display:grid;place-items:center}.company-modal__title{margin:0;font-family:var(--text-heading-2-font-family);font-size:var(--text-heading-2-font-size);line-height:var(--text-heading-2-line-height);font-weight:var(--text-heading-2-font-weight);color:var(--text)}.company-modal__copy{margin:var(--space-2) 0 0;color:var(--text-light);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height)}.company-modal__copy--stats{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.company-form{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-5)}.company-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.company-field{display:flex;flex-direction:column;gap:var(--space-2);color:var(--text);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height)}.company-field span{font-family:var(--text-heading-3-font-family);font-size:var(--text-heading-3-font-size);line-height:var(--text-heading-3-line-height);font-weight:var(--text-heading-3-font-weight);color:var(--text)}.company-field input,.company-field select{width:100%;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:color-mix(in srgb,var(--highlight-light) 54%,white 46%);padding:var(--space-3) var(--space-4);font-family:var(--text-input-value-font-family);font-size:var(--text-input-value-font-size);color:var(--text)}.company-field input:focus,.company-field select:focus{outline:2px solid color-mix(in srgb,var(--primary) 35%,transparent);outline-offset:1px}.company-field--color input{min-height:54px;padding:var(--space-1)}.company-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.company-modal__actions--confirm{margin-top:var(--space-5)}.company-modal__actions--stats{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.company-modal__primary,.company-modal__secondary{min-width:140px}.company-form__error{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--error-dark) 72%,transparent);background:color-mix(in srgb,var(--error) 18%,white 82%);color:var(--error-dark);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height)}.company-modal__secondary{background:color-mix(in srgb,var(--highlight-light) 70%,white 30%)}.company-modal__danger{min-width:160px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--error-dark) 70%,transparent);background:color-mix(in srgb,var(--error) 24%,white 76%);color:var(--error-dark)}.company-modal__danger:hover{background:color-mix(in srgb,var(--error) 34%,white 66%);border-color:var(--error-dark);color:var(--error-dark)}.company-stats__header{display:flex;justify-content:flex-start;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding-right:0}.company-stats-controls{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--highlight-light) 72%,white 28%)}.company-field--inline{display:grid;grid-template-columns:auto minmax(180px,240px);align-items:center;gap:var(--space-3)}.company-field--inline span,.company-field--inline input[type=date]{margin:0}.company-stats__status{display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--space-1)) calc(var(--space-3));border-radius:999px;font-size:var(--text-body-small-font-size);font-weight:var(--font-weight-bold);min-width:76px}.company-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.company-stat-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb,var(--highlight-light) 58%,white 42%);border:1px solid color-mix(in srgb,var(--border) 76%,transparent);box-shadow:0 10px 26px color-mix(in srgb,var(--primary-dark) 10%,transparent)}.company-stat-card__label{font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height);color:var(--text-light)}.company-stat-card__value{font-family:var(--text-heading-1-font-family);font-size:var(--text-heading-1-font-size);line-height:var(--text-heading-1-line-height);font-weight:var(--text-heading-1-font-weight);color:var(--primary-dark);margin-top:calc(var(--space-1))}.company-stat-card__meta{color:var(--text-light);font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);line-height:var(--text-body-small-line-height)}@media(max-width:1080px){.company-management-header{grid-template-columns:1fr}.company-management-add{justify-self:start}.theme-swatches,.custom-theme-editor__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-color-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:760px){.company-management-page{padding-top:var(--space-2)}.theme-swatches,.custom-theme-editor__grid,.theme-color-grid,.company-form__grid,.company-stats-grid,.employee-table__header,.employee-row{grid-template-columns:1fr}.company-stats__header,.company-toggle-row{flex-direction:column;align-items:stretch}.company-field--inline{grid-template-columns:1fr}.company-modal{padding:var(--space-4)}.company-modal__card{padding:var(--space-5)}}.page.login-root{max-width:none;margin:0;padding:0;width:100%;min-height:100vh}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;height:100vh;width:100%;overflow:hidden}.login-left,.login-right{display:flex;align-items:center;justify-content:center;padding:0;min-width:0}.login-left{background:var(--highlight-light)}.login-right{background:var(--background)}.login-left-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;width:min(520px,calc(100% - 4rem));max-width:520px}.login-right-inner{width:min(520px,calc(100% - 4rem));max-width:520px;display:flex;flex-direction:column;gap:.8rem}.login-mobile-hero{display:none}.login-left .breathe{width:min(14rem,45vw);height:min(14rem,45vw)}.login-left-title{margin:0;color:var(--text);font-family:var(--text-heading-2-font-family);font-size:clamp(1.2rem,1.8vw,1.75rem);font-weight:var(--text-heading-2-font-weight);line-height:var(--text-heading-2-line-height)}.login-left-title .text{color:var(--text)}.login-left-title .primary,.login-hero .primary{color:var(--primary)}.hero-row .breathe,.login-mobile-hero{display:none}.login-left-sub,.login-body,.login-footer{margin:0;font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height)}.login-left-sub{color:var(--primary-dark);max-width:520px}.login-hero{margin:0;color:var(--text);font-family:var(--text-heading-1-font-family);font-size:clamp(2rem,3.8vw,3rem);font-weight:var(--text-heading-1-font-weight);line-height:1.3}.login-body{color:var(--text-light);max-width:520px}.login-form{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--highlight-light);border-radius:var(--radius-lg);width:100%;max-width:520px;--button-fill: var(--button-dark-default-fill);--button-border-color: var(--button-dark-default-border);--button-text-color: var(--button-dark-default-text);--button-hover-fill: var(--button-dark-hover-fill);--button-hover-border-color: var(--button-dark-hover-border);--button-hover-text-color: var(--button-dark-hover-text);--button-active-fill: var(--button-dark-active-fill);--button-active-border-color: var(--button-dark-active-border);--button-active-text-color: var(--button-dark-active-text)}.login-form-field{display:flex;flex-direction:column;gap:.4rem}.login-form-field--with-dropdown{position:relative}.form-check{display:flex;align-items:center;gap:.6rem;margin-top:.2rem;color:var(--text-light);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height)}.form-check input{width:1rem;height:1rem;margin:0;accent-color:var(--primary)}.form-error{margin:.1rem 0 0;color:var(--primary-dark);font-family:var(--text-body-regular-font-family);font-size:var(--text-body-regular-font-size);line-height:var(--text-body-regular-line-height)}.form-label{color:var(--text);font-family:var(--text-button-label-font-family);font-size:var(--text-button-label-font-size);font-weight:var(--font-weight-regular);line-height:var(--text-button-label-line-height)}.form-input,.login-submit{border-radius:var(--radius-md);border:1px solid var(--border)}.form-input{width:100%;box-sizing:border-box;padding:.8rem .95rem;background:var(--background);color:var(--text);font-family:var(--text-input-value-font-family);font-size:var(--text-input-value-font-size);line-height:var(--text-input-value-line-height)}.form-input::placeholder{color:var(--border);opacity:1;font-family:var(--text-input-placeholder-font-family);font-size:var(--text-input-placeholder-font-size);line-height:var(--text-input-placeholder-line-height)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}.recent-email-dropdown{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:20;padding:.4rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--background) 96%,var(--highlight-light));box-shadow:var(--shadow-dropdown-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recent-email-dropdown__header{padding:.35rem .45rem .45rem;color:var(--text-light);font-family:var(--text-button-label-font-family);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.recent-email-dropdown__items{display:flex;flex-direction:column;gap:.2rem}.recent-email-dropdown__item{display:grid;gap:.15rem;width:100%;padding:.55rem .65rem;border:1px solid transparent;border-radius:var(--radius-xs);background:transparent;text-align:left;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.recent-email-dropdown__item:hover,.recent-email-dropdown__item:focus-visible{background:var(--highlight-light);border-color:color-mix(in srgb,var(--primary) 18%,var(--border));transform:translateY(-1px)}.recent-email-dropdown__email{color:var(--text);font-family:var(--text-input-value-font-family);font-size:var(--text-input-value-font-size);line-height:var(--text-input-value-line-height)}.recent-email-dropdown__hint{color:var(--text-light);font-family:var(--text-body-regular-font-family);font-size:.78rem;line-height:1.2}.login-submit{margin-top:.25rem;padding:.8rem 1rem;background:var(--button-fill);color:var(--button-text-color);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);font-family:var(--text-button-label-font-family);font-size:var(--text-button-label-font-size);font-weight:var(--font-weight-regular);line-height:var(--text-button-label-line-height);transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.login-submit:hover{background:var(--button-hover-fill);border-color:var(--button-hover-border-color);color:var(--button-hover-text-color)}.login-submit:active{background:var(--button-active-fill);border-color:var(--button-active-border-color);color:var(--button-active-text-color);transform:translateY(1px)}.login-footer{color:var(--text-light);text-align:center}.auth-link-button{padding:0;border:0;background:transparent;color:var(--primary);font:inherit;font-weight:var(--font-weight-regular);text-decoration:underline;text-underline-offset:.15em}.auth-link-button:hover{border-color:transparent;box-shadow:none;color:var(--primary-dark)}.auth-link-button:focus,.auth-link-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.onboarding-step-indicators{display:flex;justify-content:center;gap:.6rem;margin-bottom:.5rem}.step-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--border);transition:background-color .2s ease}.step-dot--active{background:var(--primary)}.onboarding-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.25rem}.onboarding-field{display:flex;flex-direction:column;gap:.25rem}.form-select{appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23556064' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:1rem}@media(max-width:900px){.login-page{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.login-right{min-height:auto;padding:1.75rem 1.25rem}.login-left{display:none}.login-left-inner,.login-right-inner,.login-form{width:100%;max-width:520px}.login-right{align-items:flex-start}.login-mobile-hero{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;text-align:center;padding:0 0 .25rem}.login-mobile-hero .breathe{width:min(10rem,32vw);height:min(10rem,32vw)}.hero-row{display:flex;align-items:center;gap:.9rem}.hero-row .breathe{display:block;width:clamp(56px,16vw,88px);aspect-ratio:1 / 1;height:auto;flex:0 0 auto}.login-mobile-hero{display:block;text-align:left;margin-top:.6rem}.hero-row h1.login-hero{margin:0;font-size:clamp(1.6rem,6.6vw,2.2rem);line-height:1.12}.hero-row .login-body{display:none}.login-form-container{flex:1 1 auto;display:flex;align-items:center;justify-content:center;width:100%}}@media(max-width:640px){.login-page{min-height:100dvh}.login-right{padding:1.1rem .9rem 1.35rem;align-items:flex-start}.login-right-inner{width:100%;gap:.7rem}.login-mobile-hero{display:block;text-align:left;margin-top:0}.login-mobile-hero .breathe{width:min(8.8rem,36vw);height:min(8.8rem,36vw)}.login-hero{font-size:clamp(1.8rem,8vw,2.4rem);line-height:1.15}.login-body,.login-footer,.login-left-sub{font-size:.95rem}.login-form{padding:.85rem;gap:.42rem}.form-input,.login-submit{padding:.72rem .88rem}.recent-email-dropdown{left:0;right:0}.onboarding-row{grid-template-columns:1fr}.onboarding-actions{flex-direction:column-reverse;align-items:stretch}.login-secondary,.login-submit--small{flex:none;width:100%}}.onboarding-actions{display:flex;gap:.6rem;margin-top:.5rem;align-items:center}.login-secondary{flex:1 1 auto;padding:.8rem 1rem;background:var(--background);color:var(--text);border-radius:var(--radius-md);border:1px solid var(--border)}.login-submit--small{padding:.6rem .8rem;flex:0 0 42%}
