:root{color:#f5f7f9;background:#111413;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0;cursor:pointer}.settings{position:absolute;top:18px;right:18px;z-index:5;display:grid;justify-items:end;gap:8px}.settings-toggle{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#ffffff14;color:var(--text-secondary);padding:0}.settings-toggle:hover,.settings-toggle:focus-visible{background:#ffffff24;color:var(--text-primary)}.settings-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.settings-panel{display:grid;gap:10px;width:min(260px,calc(100vw - 36px));border:1px solid var(--line);border-radius:8px;background:var(--panel-bg);padding:12px;box-shadow:0 18px 58px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.palette-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.palette-button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#ffffff14;color:var(--text-secondary);font-size:.82rem;font-weight:800;padding:8px;text-align:left}.palette-button.selected{border-color:var(--focus);color:var(--text-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--focus) 20%,transparent)}.palette-swatches{display:flex;overflow:hidden;width:34px;height:18px;border:1px solid var(--line);border-radius:999px}.palette-swatches span{flex:1}.shell{--page-bg: #111413;--surface-1: #161918;--surface-2: #242922;--surface-3: #121415;--panel-bg: rgba(8, 10, 10, .58);--text-primary: #ffffff;--text-secondary: #cdd5d0;--text-muted: #aeb8b3;--text-faint: #8b9691;--line: rgba(255, 255, 255, .1);--field-bg: rgba(255, 255, 255, .08);--field-line: rgba(255, 255, 255, .14);--button-bg: #dce7e1;--button-text: #101412;--timer-low: #e3efeb;--timer-high: #fff4bc;--focus: #9bcfb8;--danger-glow: #ff3333;--warning-glow: #ffe347;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);position:relative;min-height:100vh;background:radial-gradient(circle at 44% 45%,rgba(255,255,255,.07),transparent 30%),linear-gradient(135deg,var(--surface-1) 0%,var(--surface-2) 48%,var(--surface-3) 100%);color:var(--text-primary)}.shell[data-palette=ember]{--page-bg: #171210;--surface-1: #1b1411;--surface-2: #34231f;--surface-3: #120f0e;--panel-bg: rgba(16, 11, 9, .62);--text-secondary: #ead6c9;--text-muted: #c2aaa0;--text-faint: #937f77;--button-bg: #f0d3bc;--button-text: #21120c;--timer-low: #f2dfd1;--timer-high: #ffd0a1;--focus: #e2a36f}.shell[data-palette=marine]{--page-bg: #0f1518;--surface-1: #10191d;--surface-2: #1d2c31;--surface-3: #0b1114;--panel-bg: rgba(7, 12, 14, .64);--text-secondary: #cce2e5;--text-muted: #9cb6bb;--text-faint: #758b90;--button-bg: #d3e9ee;--button-text: #0d1c20;--timer-low: #dcecee;--timer-high: #bfe9f2;--focus: #7cc2cf}.shell[data-palette=paper]{--page-bg: #f2efe6;--surface-1: #f2efe6;--surface-2: #dad6c9;--surface-3: #f7f4ec;--panel-bg: rgba(238, 234, 222, .72);--text-primary: #202522;--text-secondary: #46514c;--text-muted: #65726d;--text-faint: #7d8883;--line: rgba(32, 37, 34, .14);--field-bg: rgba(255, 255, 255, .48);--field-line: rgba(32, 37, 34, .18);--button-bg: #5f7d73;--button-text: #f7f4ec;--timer-low: #26312d;--timer-high: #5f7d73;--focus: #5f7d73;--danger-glow: #c34747;--warning-glow: #90763d}.timer-stage{position:relative;display:grid;grid-template-rows:auto auto minmax(240px,1fr) auto;align-items:center;min-height:100vh;padding:clamp(24px,4vw,56px)}.timer-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding-right:48px}.meta-panel{display:flex;flex-direction:column;gap:8px;max-width:720px}.active-target{align-items:flex-end;justify-self:end;text-align:right}.label{color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.meta-panel strong{color:var(--text-primary);font-size:clamp(2rem,4vw,4.5rem);font-weight:800;line-height:.95}.reason{color:var(--text-secondary);font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.35}.countdown{--urgency: 0;justify-self:center;color:color-mix(in srgb,var(--timer-low) calc(70% - var(--urgency) * 18%),var(--timer-high) calc(30% + var(--urgency) * 18%));font-family:Open Sans,Avenir Next,Helvetica Neue,ui-sans-serif,system-ui,sans-serif;font-size:clamp(5.8rem,18vw,18rem);font-variant-numeric:tabular-nums;font-style:normal;font-weight:300;letter-spacing:0;line-height:.82;text-align:center;white-space:pre-line;text-shadow:0 0 calc(8px + var(--urgency) * 38px) rgba(255,245,173,calc(.12 + var(--urgency) * .6)),0 calc(12px + var(--urgency) * 18px) 70px rgba(0,0,0,.42);transition:color .2s ease,text-shadow .2s ease,transform .2s ease}.countdown.verbose{font-size:clamp(4rem,11vw,11rem);line-height:1.02}.countdown.urgent{font-style:italic}.countdown.idle{color:var(--text-faint);font-size:clamp(5rem,14vw,13rem);font-style:normal}.countdown.expired{animation:alarmFlash .62s steps(2,jump-none) infinite;color:var(--text-primary);text-shadow:0 0 50px color-mix(in srgb,var(--danger-glow) 90%,transparent),0 0 110px color-mix(in srgb,var(--warning-glow) 70%,transparent)}.acknowledge{justify-self:center;min-width:0;min-height:0;border-radius:8px;background:#ffffff17;color:var(--text-secondary);font-size:.76rem;font-weight:800;padding:6px 9px;box-shadow:none;opacity:.56;transition:background .18s ease,color .18s ease,opacity .18s ease,padding .18s ease,box-shadow .18s ease}.acknowledge:hover,.acknowledge:focus-visible{background:#ffffff29;color:var(--text-primary);opacity:.92}.acknowledge.expired-action{min-width:180px;min-height:56px;background:var(--timer-high);color:var(--button-text);font-size:1rem;opacity:1;padding:0 18px;box-shadow:0 18px 60px #ffdd5d47}.cue{justify-self:center;display:grid;place-items:center;width:clamp(120px,14vw,200px);margin-top:clamp(10px,2vh,28px);margin-bottom:clamp(-16px,-1vh,-6px);aspect-ratio:1;border-radius:8px;opacity:1;pointer-events:none;transition:opacity 4s linear}.cue.fading{opacity:0}.cue img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 42px rgba(0,0,0,.38)) drop-shadow(0 0 18px color-mix(in srgb,var(--timer-high) 22%,transparent))}.hidden{visibility:hidden}.settings-panel.hidden{display:none}.side-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:28px;min-height:100vh;padding:28px;border-left:1px solid var(--line);background:var(--panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.entry-form{display:grid;gap:10px}.entry-form label{color:var(--text-primary);font-size:1.1rem;font-weight:800}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}input{min-width:0;border:1px solid var(--field-line);border-radius:8px;background:var(--field-bg);color:var(--text-primary);outline:none;padding:12px 13px}input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 24%,transparent)}.input-row button,.queue-item button{border-radius:8px;background:var(--button-bg);color:var(--button-text);font-weight:800;padding:0 16px}.hint{min-height:38px;margin:0;color:var(--text-muted);font-size:.88rem;line-height:1.35;transition:opacity .24s linear}.queue{min-height:0}.queue-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.queue-count{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:#ffffff1c;color:var(--text-secondary);font-size:.82rem;font-weight:800}.queue-list{display:grid;gap:8px;max-height:calc(100vh - 230px);margin:0;padding:0;overflow:auto;list-style:none}.queue-item{display:grid;grid-template-columns:minmax(68px,auto) minmax(46px,auto) minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;border:1px solid var(--line);border-radius:8px;background:#ffffff0f;padding:8px}.queue-item strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.queue-delta{color:var(--text-muted);font-size:.9rem}.queue-reason{min-width:0;color:var(--text-faint);font-size:.72rem;line-height:1.2;overflow-wrap:anywhere}.cancel-button{display:inline-grid;place-items:center;width:30px;height:30px;min-height:0;border-radius:8px;background:#ffffff24;color:var(--text-primary);padding:0}.cancel-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}@keyframes alarmFlash{0%{background:transparent;transform:scale(1)}50%{background:#ff2d2d2e;transform:scale(1.025)}to{background:#ffe24b21;transform:scale(.99)}}@media(max-width:820px){.shell{grid-template-columns:1fr}.timer-stage{min-height:68vh}.side-panel{min-height:auto;border-top:1px solid var(--line);border-left:0}.queue-list{max-height:none}}@media(max-width:520px){.timer-stage,.side-panel{padding:20px}.input-row{grid-template-columns:1fr}.input-row button{min-height:44px}.timer-header{grid-template-columns:1fr;padding-right:40px}.active-target{align-items:flex-start;justify-self:start;text-align:left}.cue{width:104px;margin-top:8px;margin-bottom:-8px}.queue-item{grid-template-columns:1fr auto}.queue-delta,.queue-reason{grid-column:1}}