html[data-spotlight-viewer-page]{font-family:Arial,Helvetica,sans-serif;color:#e7efff;background:#07111f;color-scheme:dark}html[data-spotlight-viewer-page][data-theme=light]{color:#233750;background:#edf3fc;color-scheme:light}*{box-sizing:border-box}html[data-spotlight-viewer-page],html[data-spotlight-viewer-page] body,#spotlight-viewer{margin:0;width:100%;height:100%;overflow:hidden}.spotlight-stage{--viewer-surface: rgba(28, 48, 76, .84);--viewer-edge: rgba(167, 192, 255, .25);--viewer-ink: #e7efff;--viewer-muted: #a9bcd9;--viewer-violet: #bd9bff;--media-glass: rgba(25, 43, 78, .58);--media-edge: rgba(185, 207, 255, .38);--media-reflection: rgba(202, 223, 255, .12);--amber-surface: rgba(83, 49, 20, .86);--ruby-surface: rgba(43, 30, 48, .88);--timer-ruby: #ff4d6d;--warning-level: 0;--scene-duration: 1.5s;--scene-easing: cubic-bezier(.45, 0, .55, 1);position:relative;width:100%;height:100%;color:var(--viewer-ink);background:radial-gradient(ellipse at 48% 25%,#253459 0,transparent 65%),linear-gradient(135deg,#0e1c31,#07111f);isolation:isolate;container-type:size;overflow:clip}.spotlight-stage[data-theme=light]{--viewer-surface: rgba(255, 255, 255, .84);--viewer-edge: rgba(89, 110, 170, .28);--viewer-ink: #233750;--viewer-muted: #586f8d;--viewer-violet: #7950bb;--media-glass: rgba(186, 207, 245, .43);--media-edge: rgba(246, 250, 255, .85);--media-reflection: rgba(255, 255, 255, .3);--amber-surface: rgba(255, 227, 181, .86);--ruby-surface: rgba(255, 237, 242, .88);--timer-ruby: #d91f46;background:radial-gradient(ellipse at 48% 25%,#dee4ff 0,transparent 70%),linear-gradient(135deg,#edf3fc,#dbe8f5)}.viewer-layout{z-index:2;position:absolute;inset:86px 0 0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;padding:clamp(18px,3cqw,60px);max-width:1920px;margin:auto;pointer-events:none}.viewer-chrono,.viewer-recap,.viewer-wall,.viewer-mini{min-width:0;border:1px solid var(--viewer-edge);background:var(--viewer-surface);box-shadow:0 24px 70px #0002;border-radius:26px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.viewer-chrono,.viewer-chrono-content,.viewer-recap-content{display:flex;flex-direction:column;min-height:0;width:100%;height:100%}.viewer-chrono-content{align-items:center;justify-content:center}.viewer-chrono-content>small,.viewer-chrono-content>h2{flex-shrink:0}.viewer-chrono-content>small{line-height:1.4}.viewer-mini-content{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%}.viewer-chrono h2,.viewer-mini h2{--pill-ink: var(--pill-ink-dark);color:var(--pill-ink);background:color-mix(in srgb,var(--pill-color) 19%,var(--viewer-surface));border:1px solid color-mix(in srgb,var(--pill-color) 65%,var(--viewer-edge));border-radius:16px;padding:.18em .55em;align-self:center;max-width:100%;width:fit-content}.spotlight-stage[data-theme=light] .viewer-chrono h2,.spotlight-stage[data-theme=light] .viewer-mini h2{--pill-ink: var(--pill-ink-light)}.viewer-recap{min-height:0;height:100%;display:flex;flex-direction:column;transition:transform var(--scene-duration) var(--scene-easing),visibility var(--scene-duration);pointer-events:auto}.viewer-chrono{pointer-events:auto;padding:clamp(18px,2.5cqw,48px);align-items:center;justify-content:center;text-align:center}.viewer-recap{padding:clamp(18px,2.2cqw,42px);margin-left:clamp(16px,2.5cqw,48px)}.spotlight-stage:not([data-mode=session]) .viewer-chrono{transform:translate(calc(-100cqw - 100%));visibility:hidden;pointer-events:none}.spotlight-stage:not([data-mode=session]) .viewer-recap{transform:translate(calc(100cqw + 100%));visibility:hidden;pointer-events:none}.spotlight-stage[data-from=welcome][data-mode=support] .viewer-chrono,.spotlight-stage[data-from=welcome][data-mode=support] .viewer-recap,.spotlight-stage[data-from=neutral][data-mode=support] .viewer-chrono,.spotlight-stage[data-from=neutral][data-mode=support] .viewer-recap{transition:none}.viewer-dial{position:relative;width:min(100%,60cqh,44cqw);aspect-ratio:1;flex:none}.viewer-chrono .viewer-dial{min-height:0;flex-shrink:1}.viewer-dial svg{width:100%;height:100%;display:block;transform:rotate(-90deg);overflow:visible}.viewer-dial circle{fill:none;stroke-width:7}.viewer-dial .track{stroke:var(--viewer-edge)}.viewer-dial .progress{stroke:var(--timing-color, var(--active-color, #9270df));stroke-linecap:round}.viewer-dial .progress,.viewer-dial .wipe-base,.viewer-dial .wipe-front{stroke-width:10}.viewer-dial-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.viewer-timing-state{text-transform:uppercase;letter-spacing:.12em}.viewer-count{display:block;font-variant-numeric:tabular-nums;font-size:clamp(40px,7cqw,140px);letter-spacing:-.04em;line-height:1.2;color:var(--viewer-ink)}.viewer-chrono h2{font-size:clamp(23px,2.6cqw,46px);line-height:1.2;overflow-wrap:anywhere;margin:18px 0}.viewer-chrono small{font-size:clamp(14px,1.1cqw,20px);color:var(--viewer-muted)}.viewer-recap h2{font-size:clamp(23px,2cqw,36px);margin:0 0 20px;overflow-wrap:anywhere;flex:none}.viewer-recap ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0;flex:1}.viewer-recap li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:clamp(18px,1.5cqw,26px);padding:12px;border-left:4px solid var(--sector-color);border-radius:8px;flex:none;overflow-wrap:anywhere;border-bottom:1px solid var(--viewer-edge)}.viewer-recap li small{font-size:.72em;color:var(--viewer-muted);font-variant-numeric:tabular-nums}.viewer-recap li[data-status=done],.viewer-recap li[data-status=postponed],.viewer-recap li[data-status=untreated]{opacity:.65}.viewer-recap li[data-status=running]{background:color-mix(in srgb,var(--sector-color) 18%,transparent)}.viewer-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--viewer-edge);padding-top:20px;margin-top:20px;flex:none}.viewer-summary div{display:grid;gap:6px}.viewer-summary small{color:var(--viewer-muted);font-size:clamp(13px,1cqw,19px)}.viewer-summary strong{font-size:clamp(22px,1.7cqw,34px);font-variant-numeric:tabular-nums}.viewer-wall{position:absolute;inset:clamp(18px,3cqw,60px);padding:14px;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.92);transform-origin:center;transition:transform var(--scene-duration) var(--scene-easing),opacity var(--scene-duration) var(--scene-easing),visibility var(--scene-duration);overflow:hidden}.spotlight-stage[data-mode=support] .viewer-wall[data-loading=true],.spotlight-stage[data-mode=support] .viewer-wall[data-visible=true]{opacity:1;transform:scale(1);visibility:visible;pointer-events:auto}.viewer-support{min-width:0;min-height:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);position:relative;width:100%;height:100%;display:grid;place-items:center}.viewer-media-instance>img{min-width:0;min-height:0;max-width:100%;max-height:100%;display:block;width:100%;height:100%;object-fit:contain;border-radius:14px}.viewer-media-instance{position:absolute;inset:0;min-width:0;min-height:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--scene-duration) var(--scene-easing),visibility var(--scene-duration)}.viewer-media-instance.is-presented{opacity:1;visibility:visible;pointer-events:auto}.viewer-media-instance.is-outgoing{pointer-events:none}.viewer-media-instance iframe{border:0;width:100%;height:100%;border-radius:14px;background:transparent}.viewer-public-text{width:100%;max-height:100%;overflow:auto;font-size:clamp(22px,2.2cqw,42px);line-height:1.5;white-space:pre-wrap;padding:20px}.viewer-web-caveat{position:absolute;right:12px;bottom:8px;max-width:min(60%,600px);padding:7px 10px;border-radius:8px;background:var(--viewer-surface);color:var(--viewer-muted);font-size:13px;pointer-events:none}.viewer-media-error{color:var(--viewer-muted);padding:30px;font-size:clamp(18px,2cqw,32px);text-align:center}.viewer-mini{position:absolute;bottom:clamp(22px,3cqh,36px);left:clamp(22px,3cqw,60px);width:clamp(190px,18cqw,330px);max-height:calc(100cqh - 48px);padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;--mini-margin: clamp(22px, 3cqw, 60px);transform:translate(calc(-100% - var(--mini-margin) - 90px));visibility:hidden;transition:transform var(--scene-duration) var(--scene-easing),visibility var(--scene-duration);pointer-events:none}.spotlight-stage[data-mode=support][data-mini=visible] .viewer-mini{transform:translate(0);visibility:visible}.spotlight-stage[data-mode=support][data-mini=visible][data-mini-side=right] .viewer-mini{transform:translate(calc(100cqw - 100% - var(--mini-margin) * 2))}.viewer-mini h2{font-size:clamp(17px,1.4cqw,25px);line-height:1.2;margin:0 0 14px;overflow-wrap:anywhere;max-width:100%}.viewer-mini-dial{width:100%;max-width:240px;max-height:35cqh}.viewer-mini-count{font-size:clamp(32px,3.1cqw,58px);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.viewer-mini small{color:var(--viewer-muted);font-size:clamp(11px,.85cqw,15px)}.viewer-welcome{position:absolute;top:0;left:0;width:90%;text-align:center;transform-origin:top left;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s,var(--scene-duration) visibility;will-change:transform}.viewer-identity{display:flex;align-items:center;justify-content:center;gap:30px;min-width:0}.viewer-welcome-logo{width:auto;max-width:25%;height:clamp(80px,14cqh,160px);object-fit:contain;flex:none;filter:brightness(0) invert(1)}.spotlight-stage[data-theme=light] .viewer-welcome-logo{filter:brightness(0)}.viewer-brand{font-size:clamp(34px,5cqw,96px);margin:0;letter-spacing:-.045em;line-height:1.12;color:var(--viewer-ink);overflow-wrap:anywhere;min-width:0}.spotlight-stage .module-number{display:inline-block;vertical-align:super;font-size:.48em;line-height:1;margin-left:.08em;color:var(--viewer-violet)}.viewer-welcome-subtitle{font-size:clamp(26px,3.1cqw,60px);font-weight:500;margin:26px auto 0;max-width:90%;overflow-wrap:anywhere;transition:opacity var(--scene-duration) var(--scene-easing)}.spotlight-stage[data-mode=welcome] .viewer-welcome,.spotlight-stage[data-mode=session] .viewer-welcome{opacity:1;visibility:visible}.spotlight-stage[data-mode=session] .viewer-welcome-subtitle{opacity:0}.viewer-neutral{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:12px;opacity:0;visibility:hidden;pointer-events:none}.viewer-neutral p:last-child{font-size:clamp(18px,1.8cqw,28px);color:var(--viewer-muted)}.spotlight-stage[data-mode=neutral] .viewer-neutral{opacity:1;visibility:visible}.viewer-chrono,.viewer-mini{transition-property:transform,visibility,background,border-color,box-shadow;transition-duration:var(--scene-duration),var(--scene-duration),.3s,.3s,.3s;transition-timing-function:var(--scene-easing)}.viewer-chrono.is-warning,.viewer-mini.is-warning{background:color-mix(in srgb,var(--viewer-surface) calc(100% - var(--warning-level) * 75%),var(--amber-surface) calc(var(--warning-level) * 75%));border-color:color-mix(in srgb,var(--viewer-edge) calc(100% - var(--warning-level) * 100%),var(--timing-color) calc(var(--warning-level) * 100%));box-shadow:0 0 calc(24px * var(--warning-level)) color-mix(in srgb,var(--timing-color) 24%,transparent),0 18px 50px #0002;transition:transform var(--scene-duration) var(--scene-easing),visibility var(--scene-duration)}.viewer-chrono.is-over,.viewer-mini.is-over{background:var(--ruby-surface);border-color:#b85b78;box-shadow:0 0 24px #dc47632e,0 18px 50px #0002}.spotlight-stage[data-theme=light] .viewer-chrono.is-over,.spotlight-stage[data-theme=light] .viewer-mini.is-over{--viewer-muted: #536480;border-color:#eca0b3}.viewer-count,.viewer-mini-count{transition:color .3s ease}.viewer-chrono.is-over .viewer-count,.viewer-mini.is-over .viewer-mini-count{color:var(--timer-ruby)}.viewer-dial .progress{transition:none}.viewer-dial .wipe-base,.viewer-dial .wipe-front{display:none}.viewer-dial .wipe-base{stroke:var(--timer-ruby)}.viewer-dial .wipe-front{stroke:#93a5bd;stroke-linecap:butt}.is-clearing .viewer-dial .wipe-base,.is-clearing .viewer-dial .wipe-front{display:block}.is-clearing .viewer-dial .progress{opacity:0}.viewer-chrono.is-clearing,.viewer-mini.is-clearing{background:color-mix(in srgb,var(--viewer-surface) calc(100% - var(--clear-fade) * 100%),var(--ruby-surface) calc(var(--clear-fade) * 100%));border-color:color-mix(in srgb,var(--viewer-edge) calc(100% - var(--clear-fade) * 100%),var(--timer-ruby) calc(var(--clear-fade) * 100%));box-shadow:0 0 calc(24px * var(--clear-fade)) #dc47632e,0 18px 50px #0002;transition:transform var(--scene-duration) var(--scene-easing),visibility var(--scene-duration)}.is-clearing .viewer-count,.is-clearing .viewer-mini-count{color:color-mix(in srgb,var(--viewer-ink) calc(100% - var(--clear-fade) * 100%),var(--timer-ruby) calc(var(--clear-fade) * 100%));transition:none}.is-reward-masked:not(.is-reward-revealing) .viewer-chrono-content,.is-reward-masked:not(.is-reward-revealing) .viewer-recap-content,.is-reward-masked:not(.is-reward-revealing) .viewer-mini-content{visibility:hidden}.viewer-logos{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.viewer-logos:empty{display:none}.viewer-logos span{display:inline-flex;align-items:center;gap:8px;font-size:16px;color:var(--viewer-muted)}.viewer-logos img{width:32px;height:32px;object-fit:contain;background:#f4f6fa;border-radius:8px;padding:3px}.viewer-top-edge{position:fixed;top:0;left:0;width:100%;height:8px;z-index:5;background:transparent;border:0;padding:0;color:transparent}.viewer-top-edge:focus-visible{outline:2px solid #a286ec;outline-offset:-2px}.viewer-install{position:fixed;top:12px;left:50%;transform:translate(-50%,calc(-100% - 24px));display:flex;align-items:center;gap:10px;font:13px Arial;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease-in-out,transform .22s ease-in-out,visibility .22s;width:max-content;max-width:calc(100% - 32px);flex-wrap:wrap;justify-content:center;padding:10px;border-radius:18px;border:1px solid #829cca66;background:#14243bec;box-shadow:0 12px 40px #0003;z-index:6}.viewer-install[data-open=true]{transform:translate(-50%);opacity:1;visibility:visible;pointer-events:auto}.viewer-install button{background:#1b2e48;border:1px solid #829cca66;color:#fff;border-radius:12px;padding:10px 16px;min-height:40px;cursor:pointer}.viewer-install input[type=range]{width:130px;accent-color:#a286ec}html[data-spotlight-viewer-page][data-theme=light] .viewer-install{background:#f3f6fff2}html[data-spotlight-viewer-page][data-theme=light] .viewer-install button{background:#fff;color:#233750;border-color:#829cca66}.viewer-install button:focus-visible,.viewer-install input:focus-visible{outline:3px solid #b99aff;outline-offset:2px}.viewer-celebration{position:absolute;inset:clamp(16px,2cqw,36px);z-index:3;pointer-events:none;display:grid;place-items:center;border:1px solid var(--viewer-edge);border-radius:28px;background:var(--media-glass);box-shadow:0 24px 70px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:clamp(16px,2cqw,40px);transform:translateY(calc(100cqh + 100%));transition:transform var(--scene-duration) var(--scene-easing)}.viewer-wall,.viewer-celebration{background:var(--media-glass);border-color:var(--media-edge);-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12);box-shadow:inset 0 1px 0 var(--media-reflection),0 24px 65px #14274326}.viewer-wall:before,.viewer-celebration:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,var(--media-reflection),transparent 40%,#9ebcff0a)}.viewer-support,.viewer-celebration>*{position:relative}@supports not (backdrop-filter: blur(1px)){.viewer-wall,.viewer-celebration{background:#1c2d49}.spotlight-stage[data-theme=light] .viewer-wall,.spotlight-stage[data-theme=light] .viewer-celebration{background:#d3dff0}}@media(prefers-reduced-transparency:reduce){.spotlight-stage{--media-glass: #1c2d49}.spotlight-stage[data-theme=light]{--media-glass: #d3dff0}}.viewer-celebration:empty{display:none}.viewer-celebration[data-phase=entering],.viewer-celebration[data-phase=holding],.viewer-celebration[data-phase=waiting_scene]{transform:translateY(0)}.viewer-celebration[data-phase=exiting]{transform:translateY(calc(-100cqh - 100px))}.viewer-celebration img{width:100%;height:100%;min-height:0;object-fit:contain}.viewer-celebration-fallback{font-size:clamp(32px,6cqw,110px);color:var(--viewer-violet);font-weight:700}@media(max-height:720px){.viewer-layout{inset:56px 0 0;padding:18px}.viewer-recap h2{font-size:23px;margin-bottom:12px}.viewer-recap li{font-size:17px;padding:8px}.viewer-summary{gap:8px;margin-top:12px;padding-top:12px}.viewer-chrono h2{font-size:26px;margin:12px 0}.viewer-mini{padding:14px}.viewer-mini-dial{max-width:180px}}@media(max-width:600px){.viewer-layout{padding:10px}.viewer-recap{margin-left:10px;padding:12px}.viewer-chrono{padding:12px}.viewer-chrono h2{font-size:20px}.viewer-recap h2{font-size:18px}.viewer-recap li{font-size:15px}.viewer-summary{grid-template-columns:1fr;gap:8px}.viewer-count{font-size:32px}.viewer-timing-state{font-size:11px!important}.viewer-install span{display:none}.viewer-mini{width:180px;padding:14px}.viewer-mini-dial{max-width:150px}}@media(prefers-reduced-motion:reduce){.spotlight-stage *{transition:none!important;animation:none!important}}.spotlight-stage.is-sober *{transition:none!important;animation:none!important}@media(prefers-color-scheme:light){html[data-spotlight-viewer-page][data-theme=system]{color:#233750;background:#edf3fc;color-scheme:light}}.spotlight-stage[data-mode=neutral] .viewer-chrono,.spotlight-stage[data-mode=neutral] .viewer-recap,.spotlight-stage[data-mode=neutral] .viewer-wall,.spotlight-stage[data-mode=neutral] .viewer-mini,.spotlight-stage[data-mode=neutral] .viewer-welcome{transition:none}
