:root{--ink:#f6f4ef;--ink-dim:#f6f4efbf;--scrim:#0c0c0e94;--panel-scrim:#0c0c0e66;--warning:#ffcf70;--danger:#ff6b6b;--panel-radius:14px;--fade:1.2s;--text-scrim:0 0 2px #000000f2, 0 0 5px #000c, 0 0 10px #00000080;--voice-glow:#d97757}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);user-select:none;-webkit-tap-highlight-color:transparent;background:#000;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}.stage{width:100%;height:100%;position:relative}.photo{opacity:0;width:100%;height:100%;transition:opacity var(--fade) ease-in-out;position:absolute;top:0;left:0;overflow:hidden}.photo.is-visible{opacity:1}.photo__fg,.photo__video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.photo__fg.is-hidden,.photo__video.is-hidden{display:none}.photo.is-portrait .photo__fg,.photo.is-portrait .photo__video{object-fit:contain}.photo__backdrop{object-fit:cover;filter:blur(40px);width:120%;height:120%;display:none;position:absolute;top:-10%;left:-10%}.photo.is-portrait .photo__backdrop{display:block}.right-rail{flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:0;bottom:0;right:0}.clock-row{align-items:flex-start;margin-bottom:20px;display:flex}.clock{text-align:center;background:var(--panel-scrim);border-radius:var(--panel-radius);width:fit-content;text-shadow:var(--text-scrim);border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;padding:16px 26px}.clock__time{letter-spacing:-.02em;font-size:76px;font-weight:200;line-height:1}.clock__date{color:var(--ink-dim);margin-top:8px;font-size:20px;font-weight:400}.timer-badge{border-radius:var(--panel-radius);-webkit-appearance:none;appearance:none;background:var(--panel-scrim);color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:var(--text-scrim);white-space:nowrap;border:none;border-top-left-radius:0;border-top-right-radius:0;margin-right:20px;padding:16px 28px;font-family:inherit;font-size:56px;font-weight:500;line-height:1}.timer-badge.is-ringing{color:var(--warning)}.panel--photo-info{text-align:right;width:420px}.panel{background:var(--panel-scrim);border-radius:var(--panel-radius);width:440px;padding:22px 26px}.panel--routine{border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;flex-direction:column;width:auto;max-width:50vw;max-height:100%;display:flex;position:absolute;bottom:0;left:0}.panel--routine .routine__header,.panel--routine .routine__nav{flex-shrink:0}.panel--routine .routine{flex:auto;min-height:0;overflow-y:auto}.right-rail__middle{flex-direction:column;flex:auto;justify-content:flex-end;align-items:flex-end;min-height:0;display:flex}.panel--tasks,.panel--photo-info,.panel--timers{border-top-right-radius:0;border-bottom-right-radius:0;min-height:0;max-height:100%;margin-bottom:20px;overflow-y:auto}.panel--tasks,.panel--timers{width:auto;max-width:50vw}.panel__title{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 14px;font-size:13px;font-weight:600}.routine__header{margin-bottom:14px}.routine__header .panel__title{text-shadow:var(--text-scrim);margin-bottom:0}.routine__nav{grid-auto-flow:column;justify-content:start;gap:6px;margin-top:14px;display:grid}.routine__nav-btn{-webkit-appearance:none;appearance:none;width:48px;height:48px;color:var(--ink);text-shadow:var(--text-scrim);background:#f6f4ef1f;border:none;border-radius:12px;font-size:27px;line-height:1}.routine__nav-btn:disabled{opacity:.3}.routine{gap:20px;display:grid}.routine__divider{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);text-shadow:var(--text-scrim);margin-top:4px;font-size:13px;font-weight:600}.routine__entry{opacity:.68;grid-template-columns:40px auto auto 1fr;grid-template-areas:"icon time meta.""icon name name name";align-items:center;gap:6px 14px;font-size:28px;transition:opacity .4s;display:grid}.routine__entry.is-current{opacity:1;font-weight:600}.routine__icon{color:var(--ink-dim);filter:drop-shadow(0 0 3px #000000f2)drop-shadow(0 0 9px #000000d9);grid-area:icon;justify-content:center;align-items:center;display:flex}.routine__entry.is-current .routine__icon{color:var(--ink)}.routine__icon svg{width:34px;height:34px}.routine__time{font-variant-numeric:tabular-nums;color:var(--ink-dim);text-shadow:var(--text-scrim);grid-area:time;font-size:21px;line-height:1}.routine__entry.is-current .routine__time{color:var(--ink)}.routine__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;text-shadow:var(--text-scrim);grid-area:name;font-size:42px;line-height:1.3;overflow:hidden}.routine__meal-name{color:var(--ink-dim);text-shadow:var(--text-scrim);grid-area:meta;font-size:21px}.routine__entry.is-current .routine__meal-name{color:var(--ink)}.routine__people{grid-area:meta;grid-auto-flow:column;gap:4px;display:grid}.routine__person{background:var(--person-color,var(--ink-dim));color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.panel--photo-info .panel__title{text-shadow:var(--text-scrim)}.photo-info{text-shadow:var(--text-scrim);gap:10px;font-size:20px;display:grid}.tasks__title{text-align:left;text-shadow:var(--text-scrim)}.tasks{text-align:left;gap:14px;display:grid}.task{text-overflow:ellipsis;white-space:nowrap;min-width:0;text-shadow:var(--text-scrim);font-size:45px;font-weight:600;overflow:hidden}.timers{text-align:left;gap:14px;display:grid}.timer-row{text-shadow:var(--text-scrim);grid-template-columns:auto auto;justify-content:end;align-items:center;gap:14px;font-size:32px;display:grid}.timer-row__countdown{font-variant-numeric:tabular-nums;color:var(--ink-dim)}.timer-row.is-ringing .timer-row__countdown{color:var(--warning);font-weight:700}.timer-row__delete{-webkit-appearance:none;appearance:none;width:48px;height:48px;color:var(--ink);text-shadow:var(--text-scrim);background:#f6f4ef1f;border:none;border-radius:10px;font-size:18px;line-height:1}.empty{color:var(--ink-dim);text-shadow:var(--text-scrim);font-size:19px}.notices{color:var(--warning);font-size:15px;position:absolute;bottom:16px;left:52px;right:52px}.notice{margin-top:4px}.notice[data-severity=info]{color:var(--ink-dim)}.spotify{background:var(--scrim);border-radius:var(--panel-radius);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;grid-template-columns:112px 1fr auto;align-items:center;gap:28px;max-width:50vw;padding:20px 32px 20px 20px;display:grid;position:relative}.spotify__art{object-fit:cover;background:#ffffff14;border-radius:12px;width:112px;height:112px}.spotify__meta{min-width:0}.spotify__track{text-overflow:ellipsis;white-space:nowrap;font-size:32px;font-weight:600;overflow:hidden}.spotify__artist{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:26px;overflow:hidden}.spotify__member-badge{color:var(--ink);background:#0000008c;border-radius:999px;padding:3px 10px;font-size:14px;font-weight:600;position:absolute;bottom:8px;right:16px}.spotify__controls{grid-auto-flow:column;gap:12px;display:grid}.spotify__control{-webkit-appearance:none;appearance:none;width:64px;height:64px;color:var(--ink);background:#ffffff1f;border:none;border-radius:50%;place-items:center;padding:0;display:grid}.spotify-idle{grid-auto-flow:column;align-items:center;gap:16px;display:grid}.spotify-idle__member-badge{color:var(--ink);background:#0000008c;border-radius:999px;padding:3px 10px;font-size:14px;font-weight:600}.spotify-cast,.spotify-cancel-cast{border-radius:var(--panel-radius);-webkit-appearance:none;appearance:none;background:var(--scrim);width:112px;height:112px;color:var(--ink);border:none;place-items:center;padding:0;display:grid}.spotify-cancel-cast{color:var(--danger)}.spotify-cast-picker{background:var(--scrim);border-radius:var(--panel-radius);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;grid-auto-flow:column;height:112px;display:grid;overflow:hidden}.spotify-cast-picker__member{-webkit-appearance:none;appearance:none;min-width:96px;color:var(--ink);background:0 0;border:none;padding:0 24px;font-size:22px;font-weight:600}.spotify-cast-picker__member+.spotify-cast-picker__member{border-left:1px solid #ffffff1f}.spotify-play{border-radius:var(--panel-radius);-webkit-appearance:none;appearance:none;background:var(--scrim);width:112px;height:112px;color:var(--ink);text-indent:4px;border:none;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;padding:0;font-size:40px;line-height:1}.touch-btn--fullscreen{border-radius:var(--panel-radius);-webkit-appearance:none;appearance:none;background:var(--panel-scrim);color:var(--ink);text-shadow:var(--text-scrim);border:none;border-top-left-radius:0;border-top-right-radius:0;margin-right:20px;padding:34px 40px;font-family:inherit;font-size:32px}.touch-btn--update{border-radius:var(--panel-radius);-webkit-appearance:none;appearance:none;background:var(--panel-scrim);color:var(--warning);text-shadow:var(--text-scrim);border:none;border-top-left-radius:0;border-top-right-radius:0;margin-right:20px;padding:34px 40px;font-family:inherit;font-size:32px;font-weight:700}.voice-glow{z-index:5;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.stage[data-voice-state=listening] .voice-glow,.stage[data-voice-state=responding] .voice-glow{opacity:1}.voice-glow:before{content:"";box-shadow:inset 0 0 35px 6px var(--voice-glow), inset 0 0 80px 30px #d9775759;opacity:1;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.stage[data-voice-state=responding] .voice-glow:before{opacity:0}.voice-glow__pulse{opacity:0;position:absolute;top:0;bottom:0;left:0;right:0}.stage[data-voice-state=responding] .voice-glow__pulse{opacity:1;animation:1.6s ease-in-out infinite voice-glow-pulse}@media (prefers-reduced-motion:reduce){.stage[data-voice-state=responding] .voice-glow__pulse{animation:none;box-shadow:inset 0 0 32px 6px #fff9,inset 0 0 70px 28px #ffffff38}}@keyframes voice-glow-pulse{0%,to{box-shadow:inset 0 0 21px 4px #fff6,inset 0 0 49px 18px #ffffff1f}50%{box-shadow:inset 0 0 39px 8px #ffffffd9,inset 0 0 84px 35px #ffffff4d}}.toast{background:var(--panel-scrim);border-radius:var(--panel-radius);max-width:640px;color:var(--warning);text-align:center;text-shadow:var(--text-scrim);overflow-wrap:break-word;z-index:5;padding:14px 24px;font-size:16px;position:absolute;top:140px;left:50%;transform:translate(-50%)}.pairing{z-index:10;background:#000;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.pairing__box{text-align:center;width:360px;max-width:90%}.pairing__title{margin:0 0 20px;font-size:28px;font-weight:400}.pairing__failed{color:var(--warning);margin:0 0 20px;font-size:16px}.pairing__form{grid-template-columns:1fr auto;gap:12px;display:grid}.pairing__code{border-radius:var(--panel-radius);color:var(--ink);letter-spacing:.12em;text-align:center;text-transform:uppercase;background:#f6f4ef14;border:1px solid #f6f4ef59;padding:14px 16px;font-size:22px}.pairing__form button{border-radius:var(--panel-radius);background:var(--ink);color:#000;border:none;padding:0 20px;font-size:18px;font-weight:600}.pairing__error{min-height:1.4em;color:var(--warning);margin:16px 0 0;font-size:15px}.keep-awake{opacity:.01;z-index:-1;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0}.routine-marker{color:var(--ink);text-shadow:var(--text-scrim);pointer-events:none;font-size:26px;line-height:1;position:absolute;top:0;left:0;transform:translateY(-50%)}.is-hidden{display:none}