:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8eadf;font-synthesis:none;text-rendering:optimizelegibility;--carbon:#11130f;--surface:#171a15;--surface-raised:#1d211b;--rail:#343a30;--mist:#e8eadf;--muted:#909889;--signal:#a9ef78;--warning:#f1b75b;--final:#ff7165;background:#11130f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--carbon);min-width:320px;min-height:100%}body{background:linear-gradient(#ffffff05 1px, transparent 1px), var(--carbon);background-size:100% 64px;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.site-header{border-bottom:1px solid #e8eadf17;justify-content:space-between;align-items:center;width:min(100%,1440px);height:76px;margin:0 auto;padding:0 32px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:12px;font-size:14px;font-weight:650;display:flex}.brand-mark{border:1px solid #626a5c;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span{background:var(--signal);content:"";border-radius:2px;width:2px;height:5px;position:absolute}.brand-mark:before{top:3px}.brand-mark:after{bottom:3px}.brand-mark span{transform-origin:bottom;height:6px;top:10px;transform:rotate(42deg)}.setup-shell,.timer-shell{min-height:100vh}.setup-card{grid-template-columns:minmax(0,.85fr) minmax(440px,1fr);align-items:end;gap:clamp(56px,9vw,150px);width:min(1120px,100% - 64px);min-height:calc(100vh - 76px);margin:0 auto;padding:96px 0 116px;display:grid}.eyebrow{color:var(--signal);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:700}.setup-intro h1{letter-spacing:-.065em;max-width:590px;margin:0;font-size:clamp(42px,6vw,76px);font-weight:520;line-height:.98}.setup-intro>p:last-child{max-width:440px;color:var(--muted);margin:28px 0 0;font-size:16px;line-height:1.65}.time-fields{grid-template-columns:1fr auto 1fr;align-items:end;gap:18px;display:grid}.time-fields label{color:var(--muted);gap:10px;font-size:12px;font-weight:650;display:grid}.time-fields input{width:100%;min-width:0;color:var(--mist);font-variant-numeric:tabular-nums;letter-spacing:-.06em;background:0 0;border:0;border-bottom:1px solid #60685a;border-radius:0;padding:16px 0 13px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(33px,4vw,52px)}.field-arrow{color:#626a5c;padding-bottom:22px;font-size:18px}.field-hint,.form-error,.copy-status{min-height:20px;color:var(--muted);margin:12px 0 0;font-size:12px}.form-error{color:var(--final)}.setup-actions,.sound-tests,.timer-controls{gap:10px;margin-top:36px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;min-height:46px;padding:0 18px;font-size:13px;font-weight:700;transition:background-color .16s,border-color .16s,transform .16s}.button:hover{transform:translateY(-1px)}.button-primary{border-color:var(--signal);color:#172010;background:var(--signal)}.button-primary:hover{background:#bcff8d}.button-secondary{background:#1a1d18;border-color:#4c5347}.button-secondary:hover,.button-quiet:hover{background:#20241d;border-color:#737d6a}.button-quiet{color:var(--muted);background:0 0;border-color:#0000}.timer-shell{grid-template-rows:auto auto 1fr auto;display:grid;overflow:hidden}.header-actions{gap:6px;display:flex}.header-button,.icon-button,.text-button{cursor:pointer;background:0 0;border:0;min-height:40px}.header-button{color:#aeb5a7;border-radius:6px;padding:0 12px;font-size:12px}.header-button:hover{color:var(--mist);background:#1d211a}kbd{color:#697164;margin-left:6px;font-family:inherit;font-size:10px}.enable-alerts{width:min(620px,100% - 48px);color:var(--mist);cursor:pointer;text-align:left;background:#f1b75b13;border:1px solid #f1b75b73;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:20px auto 0;padding:12px 16px;display:grid}.enable-alerts:hover{border-color:var(--warning);background:#f1b75b1f}.restore-alerts{color:#c8cbbf;cursor:pointer;background:#f1b75b0b;border:1px solid #f1b75b47;border-radius:999px;align-items:center;gap:9px;width:fit-content;min-height:34px;margin:14px auto 0;padding:0 12px;font-size:11px;display:flex}.restore-alerts:hover{background:#f1b75b16;border-color:#f1b75b94}.restore-alerts>span{background:var(--warning);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #f1b75b73}.restore-alerts strong{font-size:inherit}.restore-alerts small{color:#858c7e;font-size:10px}.enable-alerts strong,.enable-alerts small{display:block}.enable-alerts strong{font-size:12px}.enable-alerts small{color:#a9a28f;margin-top:3px;font-size:11px}.speaker-icon{color:#241b0d;background:var(--warning);border-radius:50%;place-items:center;width:28px;height:28px;font-size:17px;display:grid}.timer-stage{align-content:center;width:min(1440px,100%);margin:0 auto;padding:48px 32px 36px;display:grid}.timer-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.timer-grid:before{content:"";background:#e8eadf1a;width:1px;position:absolute;top:0;bottom:0;left:50%}.timer-card{min-width:0;padding:0 clamp(26px,4vw,74px)}.timer-meta{justify-content:space-between;align-items:center;gap:20px;display:flex}.timer-meta h2{color:#b6bcae;margin:0;font-size:13px;font-weight:650}.timer-status{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:7px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;display:flex}.timer-status>span{background:var(--signal);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #a9ef7866}.timer-digits{color:var(--signal);font-variant-numeric:tabular-nums;letter-spacing:-.095em;text-align:center;white-space:nowrap;margin:clamp(20px,4vh,44px) 0 clamp(26px,4vh,42px);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(72px,10vw,176px);font-weight:300;line-height:.88}.progress-track{background:var(--rail);width:100%;height:2px;overflow:hidden}.progress-track span{background:var(--signal);height:100%;transition:width .2s linear;display:block}.timer-card-warning.is-complete .timer-digits{color:var(--warning);animation:.9s ease-out milestone-pulse}.timer-card-warning.is-complete .progress-track span,.timer-card-warning.is-complete .timer-status>span{background:var(--warning)}.timer-card-final.is-complete .timer-digits{color:var(--final);animation:.9s ease-out milestone-pulse}.timer-card-final.is-complete .progress-track span,.timer-card-final.is-complete .timer-status>span{background:var(--final)}.timer-controls{justify-content:center;margin-top:clamp(42px,8vh,86px)}.timer-notice{min-height:18px;color:var(--warning);text-align:center;margin:14px 0 0;font-size:11px}.timer-footer{color:#737b6e;border-top:1px solid #e8eadf17;align-items:center;gap:12px;min-height:58px;padding:0 32px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;display:flex}.footer-note{margin-left:auto;font-family:Inter,ui-sans-serif,sans-serif}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050604c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.alert-panel{background:var(--surface-raised);border:1px solid #3e4539;border-radius:12px;width:min(500px,100%);max-height:calc(100vh - 40px);padding:28px;overflow:auto;box-shadow:0 28px 90px #00000073}.panel-heading{justify-content:space-between;gap:20px;display:flex}.panel-heading h2{letter-spacing:-.035em;max-width:360px;margin:0;font-size:25px;font-weight:540;line-height:1.15}.icon-button{width:40px;color:var(--muted);border-radius:6px;font-size:25px}.status-row,.notification-row{border-top:1px solid #343a30;border-bottom:1px solid #343a30;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding:17px 0;font-size:13px;display:flex}.status-ready{color:var(--signal)}.status-needed{color:var(--warning)}.volume-control{grid-template-columns:70px 1fr 42px;align-items:center;gap:12px;margin-top:26px;font-size:12px;display:grid}.volume-control input{accent-color:var(--signal)}.volume-control output{color:var(--muted);text-align:right;font-family:SFMono-Regular,Consolas,monospace}.sound-tests{margin-top:18px}.notification-row{border-bottom:0;align-items:flex-start;margin-top:28px}.notification-row p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45}.text-button{color:var(--signal);font-size:12px;font-weight:700}.permission-message{min-height:18px;color:var(--muted);margin:2px 0 0;font-size:11px}.panel-arm{width:100%;margin-top:18px}@keyframes milestone-pulse{0%{opacity:.35;text-shadow:0 0}45%{opacity:1;text-shadow:0 0 38px}to{text-shadow:0 0}}@media (width<=800px){.site-header{height:66px;padding:0 18px}.setup-card{width:min(100% - 36px,560px);min-height:auto;padding:68px 0 72px;display:block}.setup-intro h1{font-size:clamp(42px,12vw,64px)}.setup-card form{margin-top:68px}.timer-shell{grid-template-rows:auto auto 1fr auto;overflow:visible}.timer-stage{align-content:start;padding:36px 18px 30px}.timer-grid{grid-template-columns:1fr;gap:46px}.timer-grid:before{display:none}.timer-card{padding:0}.timer-digits{margin:24px 0 28px;font-size:clamp(70px,22vw,112px)}.timer-controls{margin-top:48px}}@media (width<=500px){.brand{gap:8px;font-size:12px}.brand-mark{width:23px;height:23px}.header-actions{gap:0}.header-button{min-width:44px;padding:0 7px;font-size:11px}.header-button kbd{display:none}.enable-alerts{width:calc(100% - 28px);margin-top:14px}.restore-alerts small,.enable-alerts small{display:none}.time-fields{grid-template-columns:1fr;gap:28px}.field-arrow{display:none}.time-fields input{font-size:48px}.setup-actions,.sound-tests{display:grid}.timer-stage{padding-top:34px}.timer-grid{gap:40px}.timer-digits{font-size:clamp(64px,21vw,88px)}.timer-controls{grid-template-columns:1fr 1fr;display:grid}.timer-footer{padding:0 18px}.footer-note{display:none}.alert-panel{padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}