.event-time-bar{display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:13px 0;border-bottom:1px solid #ffffff20;font-family:'DM Sans',Arial,sans-serif;color:#ddd;min-height:70px;position:relative;z-index:4}.season-indicator{margin-right:auto;font-size:8px;letter-spacing:1.5px;color:#b5b5b5}.event-clock{display:grid;grid-template-columns:auto auto;gap:3px 9px;align-items:center}.event-clock>span{grid-column:1/-1;font-size:6px;letter-spacing:1.3px;color:#999}.event-clock strong{font-size:12px;letter-spacing:.4px;font-variant-numeric:tabular-nums;white-space:nowrap}.event-clock small{font-size:6px;color:#888;max-width:135px}.clock-separator{color:#555;font-size:18px}.event-time-bar button{font:inherit;font-size:7px;letter-spacing:.8px;white-space:nowrap;background:#ffffff05;border:1px solid #ffffff30;color:#ddd;padding:11px 13px;cursor:pointer}.event-time-bar button:hover{border-color:#aaa}.event-time-bar .season-toggle{font-size:6px;color:#999;padding:9px}.event-season-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.event-time-dialog{max-width:min(94vw,570px);width:100%;max-height:90vh;overflow:auto;background:#151a1b;border:1px solid #aaa6;padding:28px;color:#e8e5dc;font-family:'DM Sans',Arial,sans-serif}.event-time-dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.event-time-dialog>header{display:flex;justify-content:space-between;align-items:start;gap:20px}.event-time-dialog header span{font-size:8px;letter-spacing:1.5px;color:#a9a69b}.event-time-dialog h2{font:600 39px 'Barlow Condensed',Impact,sans-serif;margin:12px 0 25px;color:#eee}.event-time-dialog button{border:1px solid #ffffff35;background:#252e2f;color:#e8e5dc;padding:12px 15px;font-size:9px;letter-spacing:.7px;cursor:pointer}.event-time-dialog .time-close{font-size:22px;line-height:1;padding:6px 10px}.event-time-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.event-time-dialog label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#b8b6ab}.event-time-dialog label:nth-child(3){grid-column:1/-1}.event-time-dialog input{font:inherit;background:#101819;color:#eee;border:1px solid #ffffff35;padding:12px;width:100%;min-width:0;color-scheme:dark}.event-time-dialog .time-calculate{background:#d6c49e;color:#152024}.event-time-dialog>p{font-size:10px;line-height:1.9;color:#999}.event-time-dialog .season-note{font-size:9px;border-top:1px solid #ffffff20;padding-top:15px}.time-result{margin:20px 0;padding:20px;background:#bba16d0d;border-left:2px solid #bba16d;font-size:13px;line-height:1.8}.time-result strong,.time-result small{display:block}.time-result strong{font-size:17px;color:#e5ceaa}.time-result small{color:#9ca9a3;font-size:10px;margin-bottom:8px}.time-result:empty{display:none}.scene-order .event-time-bar,.order-page .event-time-bar{border-color:#b88a4d44}.scene-order .season-indicator,.order-page .season-indicator{color:#c4a16d}.scene-weekly .season-indicator{color:#e6b435}.event-time-bar button:focus-visible,.event-time-dialog button:focus-visible,.event-time-dialog input:focus-visible{outline:2px solid #ddd;outline-offset:3px}
@media(max-width:1000px){.event-time-bar{gap:14px}.event-clock small{display:none}.event-time-bar .season-toggle{font-size:0;width:27px;height:27px;position:relative;padding:0}.event-time-bar .season-toggle:after{content:'✧';font-size:16px;position:absolute;inset:3px}}
@media(max-width:650px){.event-time-bar{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:12px 0;min-height:95px}.season-indicator{grid-column:1/3;font-size:7px;grid-row:1}.event-time-bar .season-toggle{grid-column:3;grid-row:1;justify-self:end}.event-clock{grid-row:2}.event-clock strong{font-size:10px}.clock-separator{display:none}.event-time-bar .time-converter-open{grid-column:3;grid-row:2;padding:9px 7px;font-size:6px;letter-spacing:.3px}.event-time-dialog{padding:23px}.event-time-dialog form{gap:12px}.event-time-dialog h2{font-size:34px}}
html[data-display-mode='day'] .event-time-bar{color:#333;border-color:#0002}html[data-display-mode='day'] .event-time-bar button{color:#333;border-color:#0003}html[data-display-mode='day'] .event-clock>span,html[data-display-mode='day'] .event-clock small,html[data-display-mode='day'] .season-indicator{color:#666}
/* Shared clock geometry is independent of each event's typography. */
html body #eventTimeBar{height:70px;min-height:70px;box-sizing:border-box;padding:13px 0;font-family:'DM Sans',Arial,sans-serif;font-size:12px;line-height:1.3}
html body #eventTimeBar .event-clock{margin:0;padding:0;gap:3px 9px;line-height:1.3}
html body #eventTimeBar .event-clock>span{font:400 6px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:1.3px}
html body #eventTimeBar .event-clock>strong{font:700 12px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.4px;font-variant-numeric:tabular-nums;margin:0;padding:0}
html body #eventTimeBar .event-clock>small{font:400 6px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:normal;margin:0;padding:0}
html body #eventTimeBar .season-indicator{font:400 8px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:1.5px}
html body #eventTimeBar .time-converter-open{font:400 7px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.8px;padding:11px 13px;margin:0;box-sizing:border-box}
html body #eventTimeBar .season-toggle{font:400 6px/1.3 'DM Sans',Arial,sans-serif;padding:9px;margin:0;box-sizing:border-box}
@media(max-width:1000px){html body #eventTimeBar .season-toggle{font-size:0;padding:0;width:27px;height:27px}}
@media(max-width:650px){html body #eventTimeBar{height:95px;min-height:95px;padding:12px 0}html body #eventTimeBar .event-clock>strong{font-size:10px}html body #eventTimeBar .season-indicator{font-size:7px}html body #eventTimeBar .time-converter-open{font-size:6px;letter-spacing:.3px;padding:9px 7px}}
:root{--event-fx-main:#e8e8eb;--event-fx-secondary:#a3a8b0;--event-fx-bg:#131313}:root[data-fx-event=order]{--event-fx-main:#e4b979;--event-fx-secondary:#86acab;--event-fx-bg:#102226}:root[data-fx-event=weekly]{--event-fx-main:#f8c431;--event-fx-secondary:#ffe7a0;--event-fx-bg:#21190a}.event-season-ambience{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 0 22%,color-mix(in srgb,var(--event-fx-main) 12%,transparent),transparent 34%),radial-gradient(ellipse at 100% 72%,color-mix(in srgb,var(--event-fx-secondary) 10%,transparent),transparent 36%);opacity:.8}:root[data-season-effects=off] .event-season-ambience{display:none}:root[data-season=anniversary] .event-season-ambience{background:radial-gradient(ellipse at 0 15%,color-mix(in srgb,var(--event-fx-main) 23%,transparent),transparent 45%),radial-gradient(ellipse at 100% 68%,color-mix(in srgb,var(--event-fx-secondary) 20%,transparent),transparent 40%);animation:eventCelebrationBreath 6s ease-in-out infinite alternate}.event-anniversary-banner{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;padding:17px 24px;margin:12px 0 20px;border-block:1px solid color-mix(in srgb,var(--event-fx-main) 65%,transparent);color:var(--event-fx-main);background:linear-gradient(100deg,var(--event-fx-bg),color-mix(in srgb,var(--event-fx-main) 16%,var(--event-fx-bg)),var(--event-fx-bg));overflow:hidden;box-shadow:0 0 25px color-mix(in srgb,var(--event-fx-main) 13%,transparent);z-index:3}.event-anniversary-banner[hidden]{display:none!important}.event-anniversary-banner strong{font:600 24px/1.1 'Barlow Condensed',Impact,Arial,sans-serif;letter-spacing:2px}.event-anniversary-banner>span:not(.anniversary-spark){font:10px/1.5 Arial,sans-serif;letter-spacing:2px;color:var(--event-fx-secondary)}.anniversary-spark{font-size:28px}.event-anniversary-banner:after{content:'';position:absolute;inset:0;transform:translateX(-130%);background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--event-fx-main) 16%,transparent),transparent 70%);animation:eventCelebrationSweep 8s ease-in-out infinite;pointer-events:none}:root[data-season=anniversary] #eventTimeBar{border-color:var(--event-fx-main);box-shadow:0 1px 18px color-mix(in srgb,var(--event-fx-main) 13%,transparent)}:root[data-season=anniversary] .season-indicator{color:var(--event-fx-main);font-weight:bold;letter-spacing:1px}@keyframes eventCelebrationSweep{0%,35%{transform:translateX(-130%)}80%,100%{transform:translateX(130%)}}@keyframes eventCelebrationBreath{from{opacity:.55}to{opacity:1}}:root[data-season-effects=off] .event-anniversary-banner:after{animation:none;display:none}@media(max-width:650px){.event-anniversary-banner{padding:14px 10px;gap:12px;flex-wrap:wrap}.event-anniversary-banner strong{font-size:19px;letter-spacing:1px}.event-anniversary-banner>span:not(.anniversary-spark){font-size:8px;letter-spacing:1px}.anniversary-spark{font-size:19px}}@media(prefers-reduced-motion:reduce){.event-season-ambience,.event-anniversary-banner:after{animation:none!important}}
:root{--season-edge-width:156px}.event-season-ambience,:root[data-season=anniversary] .event-season-ambience{background:linear-gradient(90deg,color-mix(in srgb,var(--event-fx-main) 24%,transparent),transparent var(--season-edge-width),transparent calc(100% - var(--season-edge-width)),color-mix(in srgb,var(--event-fx-secondary) 24%,transparent))}.od-page-particles{mask-image:linear-gradient(90deg,#000,transparent var(--season-edge-width),transparent calc(100% - var(--season-edge-width)),#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent var(--season-edge-width),transparent calc(100% - var(--season-edge-width)),#000)}:root[data-season-effects=off] .od-page-particles{display:none!important}.event-anniversary-banner:after{display:none!important}
:root{--season-left-width:156px;--season-right-width:156px}.event-season-ambience,:root[data-season=anniversary] .event-season-ambience{background:linear-gradient(90deg,color-mix(in srgb,var(--event-fx-main) 20%,transparent) 0, color-mix(in srgb,var(--event-fx-main) 8%,transparent) calc(var(--season-left-width)*.45),transparent var(--season-left-width),transparent calc(100% - var(--season-right-width)),color-mix(in srgb,var(--event-fx-secondary) 8%,transparent) calc(100% - var(--season-right-width)*.45),color-mix(in srgb,var(--event-fx-secondary) 20%,transparent) 100%)}.od-page-particles{mask-image:linear-gradient(90deg,#000,transparent var(--season-left-width),transparent calc(100% - var(--season-right-width)),#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent var(--season-left-width),transparent calc(100% - var(--season-right-width)),#000)}
.event-season-canvas{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:60!important;pointer-events:none!important;transform:none!important}.event-season-ambience{position:fixed!important;inset:0!important;pointer-events:none!important}:root[data-fx-event=weekly] .event-season-canvas,:root[data-fx-event=weekly] .event-season-ambience,:root[data-fx-event=weekly] .event-anniversary-banner,:root[data-fx-event=weekly] #eventSeason,:root[data-fx-event=weekly] .season-toggle{display:none!important}
/* Fall keeps its colored leaves without the silver ambient wash. */
:root[data-season=autumn] .event-season-ambience{display:none!important}
/* No full-height ambient haze in any theme; particle fades remain on canvas. */
.event-season-ambience,:root[data-season=anniversary] .event-season-ambience{display:none!important}
:root[data-season=none] .event-season-canvas,:root[data-season=none] .event-season-ambience,:root[data-season=none] .od-page-particles,:root[data-season=none] #eventSeason,:root[data-season=none] .season-toggle,:root[data-season=none] .event-anniversary-banner{display:none!important}:root[data-fx-event=weekly]:not([data-season=none]) .event-season-canvas:not([hidden]){display:block!important}:root[data-fx-event=weekly]:not([data-season=none]) #eventSeason{display:inline-flex!important}:root[data-fx-event=weekly]:not([data-season=none]) .season-toggle{display:inline-block!important}:root[data-fx-event=weekly][data-season=blackfriday] .event-anniversary-banner:not([hidden]){display:flex!important}.black-friday-banner{background:linear-gradient(100deg,#111,#2b2311,#111);border-color:#f3b31c;color:#f6c448}.black-friday-banner strong{color:#f3b31c}