/* Clear winter blue, confident navy, and festive №1 red. */
.joined-participants{margin:32px 0 16px;padding:28px;border:1px solid #80aac96b;border-radius:16px;background:linear-gradient(135deg,#e0eef9e6,#cfe3f2e6)}
.joined-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.joined-heading{display:flex;align-items:center;gap:14px}.joined-heading h2{font-size:22px;font-weight:600;letter-spacing:-.5px;color:#245777}.joined-heading p{font-size:11px;color:#4f7d9b;margin-top:7px}.joined-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e52b490d;color:#d72d50;flex:none}.joined-icon svg{width:24px;height:24px}.joined-count{display:flex;align-items:baseline;gap:8px;white-space:nowrap;font-size:12px;color:#4f7d9b}.joined-count strong{font-size:32px;font-weight:600;color:#245777;font-variant-numeric:tabular-nums}
.joined-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;list-style:none;padding:0;margin:0}.joined-grid li{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #8db3cf55;border-radius:11px;background:#eaf4fc99;min-width:0}.joined-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#bfd9ed;color:#315f7e;font-size:12px;font-weight:700;flex:none}.joined-name{font-size:15px;line-height:1.4;color:#245777;overflow-wrap:anywhere}.joined-empty{padding:24px;border:1px dashed #8db3cf;border-radius:10px;text-align:center;color:#4f7d9b;font-size:12px;line-height:1.8}.projector .joined-heading h2{font-size:26px}.projector .joined-name{font-size:18px}
@media(max-width:600px){.joined-participants{padding:20px;margin-top:24px}.joined-header{align-items:flex-start;gap:12px}.joined-heading{gap:10px}.joined-heading h2,.projector .joined-heading h2{font-size:19px}.joined-heading p{font-size:10px;max-width:170px}.joined-icon{width:34px;height:34px;border-radius:9px}.joined-icon svg{width:19px;height:19px}.joined-count{flex-direction:column;gap:0;font-size:10px;line-height:1.3}.joined-count strong{font-size:27px}.joined-name,.projector .joined-name{font-size:15px}}
:root{--bg:#caddf0;--panel:#dfedf9;--text:#16334f;--muted:#46637c;--line:#224e7826;--red:#e52b49}
body{background:radial-gradient(ellipse at 80% 8%,#95bde650,transparent 40%),linear-gradient(145deg,#ccdef0,#bfd7ed 50%,#d3e5f3);padding-top:18px}body:before{opacity:.012}.brand-copy{color:#183c5c}.brand-copy small,.edition{color:#527495}.topbar{border-color:#38658a2d}.topbar nav a,.text-link{color:#365f80}.topbar nav a:hover{color:#d92647}.nav-login{background:#e3eff9a6;border-color:#7fadd071;box-shadow:none}.eyebrow,.countdown-title .eyebrow{color:#366588}.red-dot{background:#e82d4e;box-shadow:0 0 0 5px #e82d4e0a}.hero{min-height:760px;overflow:visible}.hero-copy{padding-top:45px;padding-bottom:45px}.hero h1{font-size:clamp(49px,5.1vw,72px);letter-spacing:-3.6px;color:#163b5e;margin:23px 0 19px}.hero h1 span{color:#d92b4b}.hero-copy>p,.section-heading>p,.evening-card p,.rsvp-copy>p,.venue-block p,.gate-intro>p,.gate-card>p{color:#416681}.hero-actions{margin:24px 0 28px}.btn{background:#e52b49;box-shadow:0 7px 20px #c31f3e16;border-radius:9px}.btn:hover{background:#c82140;box-shadow:0 10px 24px #c31f3e22}.btn.outline{background:#dbeaf6b8;border-color:#6c9bbd6b;color:#2c5c7f;box-shadow:none}.btn.outline:hover{background:#e3f0fa}.hero-date .calendar-mini{background:#e2effa;border-color:#91b6d265;box-shadow:none}.calendar-mini:before{background:#df3150}.calendar-mini b{color:#cb2949}.calendar-mini small,.hero-date span{color:#537a98}.hero-date p{color:#295876}.scroll-cue{color:#6088a6}.scroll-cue:after{background:linear-gradient(#e63856,transparent)}
.graphic-art{top:54px;width:620px;height:650px;right:-48px;isolation:isolate;pointer-events:none}.winter-disc{position:absolute;inset:31px 47px 95px;border-radius:50%;background:radial-gradient(ellipse at 35% 25%,#315f91,#183b66 58%,#142e53);box-shadow:inset 0 0 0 1px #1f4a7b,0 17px 50px #315e8812}.winter-disc:after{content:'';position:absolute;inset:17px;border:1px dashed #7bc7ec27;border-radius:50%;animation:disc-turn 100s linear infinite}.disc-orbit{position:absolute;inset:17px 33px 78px;border:1px solid #2c638a38;border-radius:50%;transform:rotate(-15deg)}.graphic-art .art-number{top:38px;left:114px;font-size:315px;letter-spacing:-32px;background:linear-gradient(120deg,#e2efff,#fff 33%,#c8e7fa 65%,#edf7ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 3px 0 #7197bd) drop-shadow(5px 7px 0 #4a719b) drop-shadow(10px 16px 10px #071c3b30);transform:rotate(-8deg);animation:float-number 7s ease-in-out infinite;z-index:1}.graphic-year{position:absolute;z-index:4;left:228px;top:333px;background:#ea3c59;color:#fff2f5;box-shadow:0 4px 10px #1129531a;font-size:9px;font-weight:700;letter-spacing:3px;padding:6px 17px;border-radius:4px;rotate:-8deg;animation:float-number 7s ease-in-out infinite}.winter-illustration{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:visible}.graphic-tree{transform-origin:475px 525px;animation:graphic-tree-sway 8s ease-in-out infinite}.graphic-tree-lamp{filter:drop-shadow(0 0 5px #ffd88577);animation:graphic-lamp 3s ease-in-out infinite;animation-delay:var(--lamp-delay)}.graphic-tree-star{filter:drop-shadow(0 0 9px #ffe3a65c);animation:twinkle 4s ease-in-out infinite}.graphic-santa-hand{transform-origin:203px 430px;animation:graphic-hand-wave 4s ease-in-out infinite}.santa-eyes{transform-origin:159px 370px;animation:santa-blink 6s linear infinite}.santa-pompom{animation:pompom-bounce 4s ease-in-out infinite}.graphic-gifts{transform-origin:340px 540px;animation:gift-wiggle 9s ease-in-out infinite}.graphic-scene-label{position:absolute;left:167px;top:579px;z-index:4;text-align:center;rotate:-3deg}.graphic-scene-label span{font-size:10px;letter-spacing:3px;font-weight:700;color:#335d7d}.graphic-scene-label small{display:block;font-size:10px;color:#5882a2;letter-spacing:.7px;margin-top:4px}.graphic-spark{position:absolute;color:#e14160;z-index:5;animation:twinkle 4s ease-in-out infinite}.gs-one{left:41px;top:133px;font-size:32px}.gs-two{right:26px;top:438px;font-size:23px;animation-delay:1.4s}.santa-mouth{transform-box:fill-box;transform-origin:center;transform:scaleY(var(--mouth-open,.4));transition:transform .055s linear}.speech-halo{opacity:0;transition:opacity .3s}.santa-speaking .speech-halo{opacity:.8;animation:speaking-halo 4s linear infinite}.santa-speaking .graphic-santa-hand{animation-duration:6s}.sky-sparkles{animation:sky-shimmer 5s ease-in-out infinite}
.voice-card{max-width:405px;display:grid;grid-template-columns:37px minmax(0,1fr) 24px;align-items:center;gap:12px;background:#e6f2fb99;border:1px solid #7ea9cb59;border-radius:11px;padding:12px 13px 15px;margin-top:22px;position:relative;box-shadow:0 5px 16px #3c6d9710}.voice-card button{display:grid;place-items:center;flex:none;background:#e92e50;color:#fff;width:37px;height:37px;border-radius:50%;padding:9px;transition:background .2s,transform .2s}.voice-card button:hover{transform:scale(1.05);background:#d02345}.voice-card button svg{width:19px;height:19px}.voice-card #voice-replay{background:transparent;color:#5a83a5;width:24px;height:28px;padding:3px}.voice-card #voice-replay svg{width:17px;height:17px}.voice-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.voice-topline strong{font-size:11px;font-weight:650;color:#294f70}.voice-topline span{font-size:8px;color:#6386a1;white-space:nowrap;font-variant-numeric:tabular-nums}.voice-copy p{font-size:10px;color:#537793;line-height:1.5;min-height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.voice-track{position:absolute;bottom:6px;left:13px;right:13px;height:2px;background:#7ca6c52a;overflow:hidden;border-radius:2px}.voice-track i{height:100%;width:0;display:block;background:#eb4562;border-radius:2px}.voice-transcript{max-width:405px;margin-top:7px;color:#577d9b;font-size:9px}.voice-transcript summary{cursor:pointer;display:inline-block;list-style:none}.voice-transcript summary:after{content:' ＋';color:#d52b4c}.voice-transcript[open] summary:after{content:' −'}.voice-transcript p{font-size:11px;line-height:1.9;color:#426d8a;margin:10px 0}.voice-transcript a{display:inline-block;margin-bottom:10px;color:#b83050}.santa-speaking .voice-card{border-color:#7ba9cc96;box-shadow:0 4px 22px #4a83b118}
.ticker{background:#b2cde681;border-color:#749fbe3b;color:#3c6e92}.ticker i{color:#d63857}.countdown-section{border-color:#6a98b637}.countdown-title h2,.section-heading h2,.rsvp-copy h2{color:#204d71}.time-unit{background:#dbeaf6;border-color:#8ab0cb78;box-shadow:0 3px 12px #32648c08}.time-unit strong{color:#c63050}.time-unit small{color:#4d7b9a}.colon{color:#7aa1bc}.evening-card{background:#dae9f5;border-color:#82abc85c;border-radius:14px;box-shadow:0 7px 25px #2a5c8310}.evening-card:first-child{background:linear-gradient(130deg,#ecdce7,#dce7f3)}.evening-card:nth-child(2){background:linear-gradient(130deg,#c5e6ed,#deedf7)}.evening-card:nth-child(3){background:linear-gradient(130deg,#d6def3,#e0eaf6)}.evening-card h3{color:#2d5b7a}.evening-card:hover{box-shadow:0 15px 30px #2a5c8318}.card-top{color:#5c86a5}.card-icon{background:#e5324f0d;color:#d73855}.evening-card:nth-child(2) .card-icon{background:#25899c13;color:#278a9a}.evening-card:nth-child(3) .card-icon{background:#4b75ab15;color:#5876a4}.card-watermark{color:#335f9506}.rsvp-copy h2 span{color:#d12e4d}.rsvp-form{background:linear-gradient(135deg,#e6f1fa,#d6e6f3);border-color:#7eaccd61;box-shadow:0 10px 40px #32628910}.rsvp-form:before{color:#d93857}.field>span,.form-heading h3{color:#315f7e}.form-heading span,.form-note,.checkbox{color:#567d99}input,textarea,select{background:#edf5fb;border-color:#95b7d17a;color:#284f6b}input::placeholder,textarea::placeholder{color:#7094ad}input:focus,textarea:focus,select:focus{border-color:#6c9bbc;box-shadow:0 0 0 3px #6294bf20}.venue-block{border-color:#6393b63a}.venue-block svg{color:#d52e50}.venue-block h3{color:#2e5e7f}.success-icon{background:#c4e4e9;border-color:#85beca;color:#267e8b}.success-panel h3{color:#2b6c84}.quiz-strip{background:linear-gradient(120deg,#aecfe7,#caddf0);border-color:#7ea8c75e}.quiz-strip h3{color:#295e83}.quiz-strip .mini-label{color:#4a7fa3}.quiz-strip p{color:#4b7b9c}footer{border-color:#5b8cac33}footer p,footer a,.footer-motto{color:#527f9e}
.gate-page{background:radial-gradient(ellipse at 8% 70%,#6eadd12b,transparent 55%)}.gate-page:before{background:radial-gradient(ellipse at 85% 35%,#7aa8ce32,transparent 55%)}.gate-card{background:linear-gradient(135deg,#e1eef9,#cbdff0);border-color:#7aa2c17a;box-shadow:0 20px 55px #2e628a1c}.gate-intro h1,.gate-card h2{color:#234e73}.gate-intro h1 span{color:#d72d50}.gate-card .lock-icon{background:#d1e4f3;border-color:#84aaca71;color:#4e7ea2}.gate-year,.gate-foot{color:#6284a0}.gate-bg-number{color:#386a9a08}.graphic-art.gate-art{width:360px;height:375px;margin:8px 0 -55px;zoom:.75}.graphic-art.gate-art .winter-disc{inset:18px 27px 55px}.graphic-art.gate-art .disc-orbit{inset:10px 19px 45px}.graphic-art.gate-art .art-number{font-size:183px;left:66px;top:22px;letter-spacing:-18px}.graphic-art.gate-art .graphic-year{left:132px;top:193px;font-size:5px;letter-spacing:1.7px;padding:3px 10px}.graphic-art.gate-art .graphic-scene-label{left:96px;top:335px}.graphic-art.gate-art .graphic-scene-label span{font-size:6px;letter-spacing:1.7px}.graphic-art.gate-art .graphic-scene-label small{font-size:6px;margin-top:2px}.graphic-art.gate-art .graphic-spark{display:none}.toggle-password{color:#638bab}.boot{color:#5a82a3}.loader{border-color:#8eb2ce5c;border-top-color:#d93455}
.page-header .links,.motion-toggle,.live-status{color:#487c9f}.question-stage{background:radial-gradient(ellipse at 50% 100%,#bedbed,#deedf8);border-color:#80aac96b}.question-stage h2{color:#245777}.stage-num{color:#c23d59}.question-stage p,.answer-caption,.leaderboard-head span{color:#4f7d9b}.answer-btn{background:#deedf7;border-color:#88afca85;color:#365f7e}.answer-btn:hover:not(:disabled){background:#e5f2fc;border-color:#638eaf}.answer-letter{background:#c7dfef;border-color:#8cbbd85c;color:#4a7b9d}.answer-btn.selected{background:#e4dbe8;border-color:#d8526e}.answer-btn.correct{background:#bbdfe6;border-color:#59a1b2}.leaderboard-row .rank,.leaderboard-row .speed{color:#5b85a2}.winner-banner{background:#bcdfeb;border-color:#7eb8c9}.winner-banner h3{color:#256986}.winner-banner small{color:#4c879d}.empty{border-color:#7da5c58a;color:#58829e}.admin-panel,.question-editor{background:#dbeaf5;border-color:#86acc96b}.admin-panel h2,.admin-panel .question-preview,.editor-top h3,.admin-panel p{color:#3a6584}.stats .stat{background:#c6deee;border-color:#8fb2cf5f}.stat strong{color:#356d93}.stat span{color:#638da8}.tab{color:#6589a7}.tab.active{color:#2a6188}.info-box{background:#ccdeef;border-color:#86a8c761;color:#527b99}.status-pill{background:#c5dfef;border-color:#8cb4ce57;color:#5789a7}.status-pill.green{background:#b9dee7;color:#43899b}.status-pill.yellow{background:#dadfea;color:#677e9b}.preview-credentials{background:#dce7f4;border-color:#85a4c7}.preview-credentials code{color:#34577e}th{color:#6c93ac}td{color:#517f9e}td strong{color:#376d90}td small{color:#779bb3}.page-small-foot{color:#7399b1}.connection-banner{background:#e7dfed;color:#8d6383}.holiday-controls button{background:#daeaf8f2;border-color:#8caecc9c;color:#3e769c;box-shadow:0 4px 16px #376b9414}.snowflake{background:#e5f5ff;border-color:#9fbfda77;box-shadow:0 1px 3px #5986ad25}.snowflake.crystal{color:#6fa1c4}#toast{background:#245581;color:#f0f7ff;box-shadow:0 10px 25px #346b9730}
.fairy-lights{height:46px;top:0;gap:10px;align-items:flex-start}.fairy-lights:before{top:-9px;height:27px;border-color:#668bad72;animation:winter-wire 9s ease-in-out infinite}.fairy-lights i{width:8px;height:13px;margin-top:20px;background:radial-gradient(ellipse at 35% 20%,#e6f6ff 0%,var(--bulb) 45%,color-mix(in srgb,var(--bulb),#244868 30%) 100%);box-shadow:0 0 8px 2px color-mix(in srgb,var(--bulb),transparent 40%),0 0 19px 3px color-mix(in srgb,var(--bulb),transparent 80%);transform-origin:50% -14px;rotate:0deg;animation:winter-lamp-sway var(--sway-time,4s) ease-in-out infinite,winter-lamp-glow 3s ease-in-out infinite;animation-delay:var(--sway-delay,0s),var(--delay)}.fairy-lights i:before{top:-15px;left:2px;width:2px;height:15px;background:#6687a2}.fairy-lights i:nth-child(2n){margin-top:25px;rotate:0deg}.fairy-lights i:nth-child(3n){margin-top:28px}.fairy-lights i:nth-child(4n){margin-top:17px}
@keyframes disc-turn{to{rotate:360deg}}@keyframes graphic-tree-sway{0%,100%{rotate:-.8deg}50%{rotate:.8deg}}@keyframes graphic-lamp{0%,100%{opacity:.6}50%{opacity:1;filter:drop-shadow(0 0 7px #ffd885aa)}}@keyframes graphic-hand-wave{0%,32%,72%,100%{rotate:0deg}41%,58%{rotate:-13deg}49%,65%{rotate:8deg}}@keyframes santa-blink{0%,40%,44%,100%{scale:1 1}42%{scale:1 .1}}@keyframes pompom-bounce{0%,100%{translate:0 0}50%{translate:1px 3px}}@keyframes speaking-halo{to{stroke-dashoffset:-48}}@keyframes sky-shimmer{0%,100%{opacity:.45}50%{opacity:.9}}@keyframes winter-lamp-sway{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes winter-lamp-glow{0%,100%{opacity:.6;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.3)}}@keyframes winter-wire{0%,100%{translate:0 -1px}50%{translate:0 2px}}
@media(max-width:1100px) and (min-width:801px){.graphic-art{right:-90px;top:83px;scale:.86;transform:none;transform-origin:center right}.hero{min-height:745px}.hero h1{font-size:59px}.hero-copy>p{max-width:345px}.voice-card{max-width:360px;gap:9px}.voice-topline strong{font-size:10px}}
@media(max-width:800px){body{padding-top:17px}.hero{min-height:0;display:flex;flex-direction:column}.hero-copy{padding:37px 0 8px;align-self:stretch}.hero h1{font-size:56px;letter-spacing:-3px;max-width:520px}.hero-copy>p{font-size:12px;line-height:1.85}.hero-actions{margin:21px 0 20px;gap:16px}.hero-actions .btn{font-size:11px;padding:17px 20px}.graphic-art{position:relative;top:auto;left:auto;right:auto;width:min(620px,calc(100vw - 16px));height:auto;aspect-ratio:620 / 650;margin:0 -17px 0;transform:none;flex:none;scale:1}.winter-disc{inset:4.77% 7.58% 14.6%}.disc-orbit{inset:2.6% 5.3% 12%}.graphic-art .art-number{left:18.4%;top:5.85%;font-size:clamp(170px,50.8vw,315px);letter-spacing:-.1em}.graphic-year{left:36.77%;top:51.2%;font-size:clamp(5px,1.45vw,9px);letter-spacing:clamp(1px,.48vw,3px);padding:1% 2.74%}.graphic-scene-label{left:27%;top:89%}.graphic-scene-label span{font-size:clamp(6px,1.6vw,10px);letter-spacing:2px}.graphic-scene-label small{font-size:clamp(6px,1.6vw,10px);margin-top:2px}.gs-one{left:6.6%;top:20.4%;font-size:24px}.gs-two{right:4.2%;top:67.3%;font-size:18px}.voice-card{max-width:none;margin-top:18px;grid-template-columns:35px minmax(0,1fr) 22px;padding:11px 10px 14px;gap:9px}.voice-card button{width:35px;height:35px}.voice-topline strong{font-size:10px}.voice-topline span{font-size:7px}.voice-copy p{font-size:9px;min-height:27px}.voice-transcript{font-size:8px;max-width:none}.voice-transcript p{font-size:10px}.holiday-controls{right:12px;bottom:12px}.fairy-lights{height:43px;gap:9px}.fairy-lights i{width:7px;height:11px}.countdown{gap:8px}.time-unit{background:#dcebf6;border-color:#8db3cf6b}.time-unit strong{font-size:35px}.gate-intro h1{font-size:43px}.gate-card{border-radius:13px}.graphic-art.gate-art{display:none}}
@media(max-width:380px){.hero h1{font-size:50px;letter-spacing:-2.5px}.hero-actions .btn{font-size:10px;padding:16px}.hero-actions{gap:12px}.hero-actions .text-link{font-size:9px}.voice-topline strong{font-size:9px}.time-unit strong{font-size:31px}}
@media(prefers-reduced-motion:reduce){.winter-disc:after,.graphic-tree,.graphic-tree-lamp,.graphic-santa-hand,.santa-eyes,.santa-pompom,.graphic-gifts,.fairy-lights:before,.fairy-lights i,.speech-halo,.santa-mouth{animation:none!important;transition:none!important}.santa-mouth{transform:scaleY(.6)!important}}