@font-face{font-family:Whisper;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/whisper-latin-Cp1j6fK2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Whisper;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/whisper-latin-ext-BMtNFKE-.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/opensans-latin-CWNzRldh.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Open Sans;font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/opensans-latin-ext-DPNHYqvY.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:dark;--color-bg: #000000;--color-surface: #160b05;--color-surface-raised: #3f180b;--color-text: #e5d7c6;--color-text-heading: #fedaa0;--color-text-muted: #d0ad88;--color-text-subtle: #a68a6a;--color-action: #e5d7c6;--color-action-hover: #d0ad88;--color-text-on-action: #000000;--color-control-edge: #d0ad88;--color-accent: #d86e2c;--color-border: #3f180b;--color-border-strong: #d86e2c;--color-pill-border: rgb(229 215 198 / .16);--color-pill-segment-hover: rgb(229 215 198 / .08);--color-success: #7f9c76;--color-focus: #fedaa0;--gradient-scrim-top: linear-gradient(to bottom, rgb(0 0 0 / .85), rgb(0 0 0 / 0));--gradient-scrim-full: linear-gradient( to bottom, rgb(0 0 0 / .92), rgb(0 0 0 / .6) 45%, rgb(0 0 0 / .9) );--gradient-scrim-mobile: linear-gradient( to bottom, rgb(0 0 0 / .92) 0%, rgb(0 0 0 / .7) 26%, rgb(0 0 0 / .55) 42%, rgb(0 0 0 / .9) 62%, rgb(0 0 0 / .95) 100% );--text-shadow-hero-display: 0 0 20px rgb(0 0 0 / 1), 0 0 20px rgb(0 0 0 / 1), 0 0 20px rgb(0 0 0 / 1), 0 0 20px rgb(0 0 0 / 1), 0 0 20px rgb(0 0 0 / 1);--scrim-focus-deep: rgb(0 0 0 / .55);--font-display: "Whisper", "Segoe Script", "Bradley Hand", cursive, sans-serif;--font-body: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-wordmark: clamp(3rem, 13vw, 4rem);--text-display-lg: clamp(2.5rem, 5vw, 3.5rem);--text-display-md: clamp(2rem, 4vw, 2.75rem);--text-display-sm: clamp(1.75rem, 3vw, 2rem);--text-xl: 1.375rem;--text-lg: 1.125rem;--text-md: 1rem;--text-sm: .875rem;--text-xs: .75rem;--text-timer: clamp(3.5rem, 12vw, 6rem);--font-variant-numeric: tabular-nums;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.6;--weight-regular: 400;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--header-block: calc( var(--text-wordmark) * var(--leading-tight) + var(--text-sm) * var(--leading-normal) + var(--space-10) );--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--border-hairline: 1px;--motion-fast: .15s;--motion-base: .25s;--motion-slow: .4s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-entrance: cubic-bezier(.16, 1, .3, 1);--button-primary-max-width: 24rem;--focus-ring-width: 2px;--focus-ring-offset: 2px;--tap-target-min: 44px}@media(min-width:640px){:root{--header-block: calc( var(--text-wordmark) * var(--leading-tight) + var(--text-sm) * var(--leading-normal) + var(--space-12) )}}@media(max-width:639px){:root{--text-wordmark: min(21vw, 17vh)}}@media(prefers-reduced-motion:reduce){:root{--motion-fast: .01ms;--motion-base: .01ms;--motion-slow: .01ms}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}button{font:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-regular);line-height:var(--leading-tight);color:var(--color-text-heading);margin:0}p{margin:0}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}::selection{background:var(--color-surface-raised);color:var(--color-text-heading)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-target-min);padding:var(--space-3) var(--space-6);border:var(--border-hairline) solid transparent;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-snug);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.button--primary{min-height:3rem;padding:var(--space-4) var(--space-8);width:100%;max-width:var(--button-primary-max-width);background:var(--color-action);color:var(--color-text-on-action)}.button--secondary{background:transparent;border-color:var(--color-control-edge);color:var(--color-control-edge)}.button--ghost{background:transparent;color:var(--color-text-muted)}.button--primary:not(:disabled):not([aria-disabled=true]):hover{background:var(--color-action-hover);color:var(--color-text-on-action)}.button--secondary:not(:disabled):not([aria-disabled=true]):hover{background:var(--color-surface-raised)}.button--ghost:not(:disabled):not([aria-disabled=true]):hover{color:var(--color-text-heading)}.button:not(:disabled):not([aria-disabled=true]):active{transform:translateY(1px)}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.header{position:absolute;top:0;left:0;right:0;z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--space-4);padding:var(--space-8) var(--space-8) var(--space-6) var(--space-8)}.wordmark{display:flex;flex-direction:column;align-items:flex-end;text-decoration:none;text-align:right}.wordmark__name{font-family:var(--font-display);font-size:var(--text-wordmark);line-height:var(--leading-tight);color:var(--color-text-heading)}.wordmark__logo{height:calc(var(--text-wordmark) * var(--leading-tight));max-width:80vw;width:auto;display:block}.wordmark__tagline{font-family:var(--font-display);font-size:2rem;color:var(--color-text-muted);line-height:.6;padding-right:8px}@media(max-width:639px){.header{align-items:flex-start;justify-content:center;padding:var(--space-8) var(--space-6) var(--space-5) var(--space-6)}.wordmark{text-align:center}}@media(min-width:1024px){.header{padding-right:var(--space-20)}}.breakroom{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:36rem;transition:opacity .9s var(--ease-entrance)}.breakroom--loading{opacity:0}.breakroom__title,.breakroom__title--active{font-size:var(--text-display-lg);margin-bottom:clamp(var(--space-2),2vh,var(--space-4));transition:color var(--motion-base) var(--ease-standard)}.breakroom--focus-active .breakroom__title--active{color:var(--color-accent);font-size:calc(var(--text-display-lg) * 1.5)}.breakroom--focus-active .breakroom__title{color:var(--color-accent)}.breakroom--focus-active .button--primary{background:var(--color-accent)}.breakroom__lead{font-family:var(--font-display);color:var(--color-text-muted);font-size:2.1rem;max-width:32rem;margin-inline:auto;margin-bottom:clamp(var(--space-5),4vh,var(--space-10))}.breakroom__setup{display:flex;flex-direction:column;align-items:center;gap:clamp(var(--space-4),2.5vh,var(--space-6))}.breakroom__setup--fade-out{opacity:0;transition:opacity .3s ease}.mode,.duration{border:0;margin:0;padding:0;min-width:0}.mode__legend,.duration__legend,.options__legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mode__options,.duration__options{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:center;padding:var(--space-1);background:var(--color-surface-raised);border:var(--border-hairline) solid var(--color-pill-border);border-radius:var(--radius-full)}.duration__unit-label,.duration__value--mobile{display:none}.duration__value--infinity{font-size:1.3rem;font-weight:400}.mode__option,.duration__option{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-target-min);line-height:var(--leading-snug);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-weight:var(--weight-semibold);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard)}.mode__option{min-height:3rem;padding:var(--space-3) clamp(var(--space-4),2vw,var(--space-6));font-size:var(--text-lg)}.duration__option{min-height:var(--tap-target-min);padding:var(--space-2) clamp(var(--space-3),1.4vw,var(--space-4));font-size:var(--text-sm)}.mode__option:before,.duration__option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--radius-full);background:var(--color-action);opacity:0;transition:opacity var(--motion-base) var(--ease-standard)}.mode__option--selected:before,.duration__option--selected:before{opacity:1}.mode__option:not(.mode__option--selected):hover,.duration__option:not(.duration__option--selected):hover{background:var(--color-pill-segment-hover);color:var(--color-text-heading)}.mode__input,.duration__input{position:absolute;width:1px;height:1px;margin:-1px;opacity:0;pointer-events:none}.mode__option:focus-within,.duration__option:focus-within{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}@supports selector(:has(*)){.mode__option:focus-within,.duration__option:focus-within{outline:none}.mode__option:has(.mode__input:focus-visible),.duration__option:has(.duration__input:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.mode__option--selected,.duration__option--selected{color:var(--color-text-on-action);font-weight:var(--weight-bold)}.options{border:0;margin:0;padding:0;min-width:0}.options__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-5);margin:0;padding:0;list-style:none}.options__item{display:inline-flex;flex-wrap:wrap;align-items:center;row-gap:var(--space-1);gap:var(--space-2);min-height:var(--tap-target-min);font-size:var(--text-md);color:var(--color-text);cursor:pointer}.options__item label{white-space:nowrap}.options__checkbox{width:1.15rem;height:1.15rem;margin:0;accent-color:var(--color-control-edge)}.keep-awake-fallback{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none;z-index:-1}.breakroom__active{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.breakroom__timer{font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-timer);line-height:var(--leading-tight);font-variant-numeric:var(--font-variant-numeric);color:var(--color-text-heading)}.breakroom__timer--elapsed{color:var(--color-text-muted)}.breakroom__active{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);animation:fade-in .7s var(--ease-entrance) both}.breakroom__active .button--secondary{background:#e5d7c61a;color:var(--color-text-subtle)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes flash-focus{0%{background-color:transparent}20%{background-color:#fddaa038}50%{background-color:#fddaa059}80%{background-color:#fddaa038}to{background-color:transparent}}.app:has(.breakroom--focus-flash){position:relative}.app:has(.breakroom--focus-flash):after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fddaa059;animation:flash-focus .12s ease both;pointer-events:none;z-index:99999}@media(prefers-reduced-motion:reduce){.app:has(.breakroom--focus-flash):after,.app:has(.breakroom--focus-flash),.breakroom__active,.breakroom--focus-active .breakroom__active,.breakroom__setup--fade-out{animation:none!important;transition:none!important}}.breakroom__timer-label{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-3)}.status:empty{display:none}.status{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-left:2px solid var(--color-text-muted);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);max-width:32rem}.status--success{border-left-color:var(--color-success)}.status--attention{border-left-color:var(--color-accent)}.status--neutral{border-left-color:var(--color-text-muted)}.status__icon{flex:none;width:1.25rem;height:1.25rem;margin-top:.1rem}.status--success .status__icon{color:var(--color-success)}.status--attention .status__icon{color:var(--color-accent)}.status--neutral .status__icon{color:var(--color-text-muted)}.status__label{font-weight:var(--weight-semibold)}@media(max-width:639px){.breakroom__timer{font-size:clamp(3rem,18vw,4.5rem)}}@media(max-width:1023px){.breakroom__title{text-shadow:var(--text-shadow-hero-display)}}@media(max-width:639px)and (min-height:700px){.breakroom__lead{margin-bottom:clamp(var(--space-6),6vh,var(--space-10))}}@media(max-width:639px){.breakroom__title{font-size:2.8rem}}@media(max-width:639px){.duration__value--desktop{display:none}.duration__value--mobile{display:inline}.duration__option{min-height:var(--tap-target-min);padding:5px clamp(20px,6vw,60px);font-size:clamp(.875rem,2.2vw,1rem)}.duration{position:relative;width:100%;overflow:visible}.duration__unit-label{position:absolute;right:-20px;bottom:0;display:block;margin:0;font-size:.8rem;color:var(--color-text-muted);line-height:1;pointer-events:none;z-index:1;padding-left:var(--space-1)}.duration__options{width:fit-content;margin-inline:auto}}@media(max-width:639px)and (max-height:620px){.breakroom__title{margin-bottom:clamp(var(--space-2),1.5vh,var(--space-4))}.breakroom__lead{margin-bottom:clamp(var(--space-4),3vh,var(--space-10))}.breakroom__setup{gap:clamp(var(--space-3),2vh,var(--space-6))}}.footer{border-top:var(--border-hairline) solid var(--color-border);padding:var(--space-8);text-align:center;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.footer__text{font-size:var(--text-sm);color:var(--color-text-subtle)}.footer__link{color:var(--color-text-subtle);font-size:var(--text-sm);text-decoration:none;transition:color var(--motion-fast) var(--ease-standard)}.footer__link:hover{color:var(--color-text-heading)}.footer__link--credit{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.footer__tools{display:flex;align-items:center;gap:var(--space-4)}.footer__settings{background:transparent;border:0;padding:0;cursor:pointer}@media(max-width:639px){.footer{flex-direction:column;justify-content:center;align-items:center;gap:var(--space-2)}.footer__tools{justify-content:center}.footer__fullscreen{display:none}}.footer__fullscreen{background:transparent;border:0;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);line-height:0;transition:color var(--motion-fast) var(--ease-standard)}.footer__fullscreen:hover{color:var(--color-text-heading)}.consent{position:fixed;bottom:var(--space-4);inset-inline:var(--space-4);z-index:50;max-width:42rem;margin-inline:auto;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:var(--border-hairline) solid var(--color-border-strong);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);animation:consent-in var(--motion-base) var(--ease-entrance) both}@keyframes consent-in{0%{opacity:0;transform:translateY(var(--space-3))}}.consent__text{flex:1 1 16rem;font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-snug)}.consent__link{color:var(--color-text-heading);text-decoration:underline;text-underline-offset:2px}.consent__actions{display:flex;gap:var(--space-2)}.consent__button{min-height:var(--tap-target-min);padding:var(--space-2) var(--space-5)}.consent .button--primary.consent__button{width:auto}@media(max-width:639px){.consent{bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));inset-inline:var(--space-2);padding:var(--space-3) var(--space-4);gap:var(--space-2) var(--space-3)}.consent__actions{flex:1 1 auto;justify-content:flex-end}}.app{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.hero{position:relative;display:grid;grid-template-columns:1fr;flex:1 1 auto}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;background:var(--gradient-scrim-full);pointer-events:none}.hero .hero__scrim--deep{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;background:var(--scrim-focus-deep);opacity:0;transition:opacity var(--motion-base) var(--ease-standard)}.hero:has(.breakroom--focus-active) .hero__scrim--deep{opacity:1}.hero__content{position:relative;display:flex;align-items:center;justify-content:center;padding-block:calc(var(--header-block) + var(--space-4)) clamp(2.5rem,6vh,4rem);padding-inline:var(--space-6)}@media(max-width:639px){.hero__scrim{background:var(--gradient-scrim-mobile)}.hero__img{top:auto;bottom:0;height:135%}}@media(min-width:640px){.hero__content{padding-block:calc(var(--header-block) + var(--space-6)) clamp(2.5rem,6vh,4rem);padding-inline:var(--space-8)}}@media(max-width:639px)and (max-height:620px){.hero__content{padding-block:calc(var(--header-block) + var(--space-2)) clamp(1.5rem,5vh,3rem)}}@media(min-width:1024px){.hero{grid-template-columns:minmax(0,42%) 1fr}.hero__media{position:relative;inset:auto}.hero__scrim{inset:0 0 auto 0;height:30vh;background:var(--gradient-scrim-top)}.hero__content{padding-block:calc(var(--header-block) + var(--space-6)) clamp(3rem,7vh,4rem);padding-inline:var(--space-12) min(42%,100% - var(--space-12) - 28rem)}}