:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10141e;color:#eff2ff}
.admin{max-width:1100px}.session-card{border-bottom:1px solid #46516a;padding:8px 0 20px}.session-card p{overflow-wrap:anywhere}#events{max-height:500px;overflow:auto}#events p{font-size:14px;border-bottom:1px solid #374260;padding-bottom:8px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;position:relative}
/* Living background: the same top-right highlight, drifting and breathing so slowly it is barely noticed. */
body::before,body::after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;will-change:transform,opacity}
body::before{top:-55vh;right:-45vw;width:150vw;height:130vh;background:radial-gradient(closest-side,#25345c,rgba(37,52,92,.55) 45%,transparent);animation:glow-drift 52s ease-in-out infinite alternate}
body::after{top:-20vh;right:-25vw;width:90vw;height:90vh;background:radial-gradient(closest-side,rgba(74,62,140,.22),transparent);animation:glow-breathe 38s ease-in-out infinite alternate}
@keyframes glow-drift{0%{transform:translate(0,0) scale(1);opacity:1}35%{transform:translate(-3vw,2vh) scale(1.05,.97);opacity:.93}70%{transform:translate(-1.5vw,5vh) scale(.97,1.04);opacity:.98}100%{transform:translate(-4.5vw,1vh) scale(1.03);opacity:.9}}
@keyframes glow-breathe{0%{transform:translate(0,0) scale(1);opacity:.75}50%{transform:translate(-6vw,4vh) scale(1.12);opacity:1}100%{transform:translate(-2vw,9vh) scale(.95);opacity:.8}}
@media (prefers-reduced-motion:reduce){body::before,body::after{animation:none}}
main{max-width:760px;margin:0 auto;padding:48px 22px}header{margin-bottom:30px}.badge{font-size:12px;letter-spacing:.14em;color:#a8baff}
h1{font-size:42px;margin:14px 0}h2{font-size:23px;line-height:1.4}p{line-height:1.65;color:#cbd3e9}
section{background:#1a2030;border:1px solid #374260;border-radius:20px;padding:28px}
button{font:inherit;background:#7187fa;color:#0d132a;border:0;border-radius:10px;padding:13px 18px;cursor:pointer;margin-top:12px;font-weight:650}
button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #ffc878;outline-offset:4px}
label.option{display:flex;gap:14px;align-items:center;border:1px solid #46516a;border-radius:10px;padding:16px;margin:10px 0;cursor:pointer}
label.option:has(input:checked){background:#2b3c64;border-color:#94aaff}input{accent-color:#9aacff;width:20px;height:20px;flex-shrink:0}
progress{width:100%;accent-color:#9aacff}pre{white-space:pre-wrap;font-size:22px;line-height:1.8}
#error{color:#ffc4b5}footer{font-size:12px;color:#939fba;margin-top:25px}code{font-size:27px;letter-spacing:.12em;color:#ffdc92}
@media(max-width:500px){main{padding:24px 14px}section{padding:20px}h1{font-size:34px}}
.stimulus-video{display:block;width:550px;max-width:100%;height:auto;margin:18px auto;background:#fff;object-fit:contain}
.media-controls{display:flex;flex-wrap:wrap;gap:10px}
.visual-matrix{display:block;width:384px;height:384px;margin:12px auto;background:white;object-fit:contain}
.visual-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.visual-choice{padding:4px;background:#fff;display:flex;align-items:center;flex-direction:column;color:#10141e;margin-top:0;border:3px solid transparent}
.visual-choice:hover{border-color:#7187fa}.visual-choice img{width:128px;max-width:100%;height:auto;object-fit:contain}
.visual-timer{min-height:27px;color:#ffdc92;font-variant-numeric:tabular-nums}
.visual-mode header,.visual-mode footer{display:none}.visual-mode main{padding:12px;max-width:720px}.visual-mode section{padding:14px}
.visual-mode h2{font-size:18px;margin:5px 0}.visual-mode p{margin:5px 0;line-height:1.3}.visual-mode progress{height:8px}
.visual-mode .visual-matrix{width:min(384px,calc(100vh - 250px));height:auto;aspect-ratio:1;max-width:100%;margin:6px auto}
.visual-mode .visual-choice{min-width:0}.visual-mode details{font-size:13px}
.yoni-frame{position:relative;width:100%;max-width:640px;margin:8px auto;background:#fff;aspect-ratio:4/3;user-select:none}
.yoni-image{display:block;width:100%;height:100%;object-fit:contain}
.yoni-zones{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.yoni-zone{margin:0;padding:0;background:transparent;border:3px solid transparent;border-radius:0;cursor:pointer}
.yoni-zone:focus-visible{border-color:#ffc878}.yoni-zone:disabled{cursor:wait}
.yoni-zone{font-size:40px;color:#163c0c;text-shadow:0 0 4px white}
.visual-mode .yoni-frame{width:min(640px,calc((100vh - 190px)*4/3))}
#toasts{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:10px;z-index:20;width:min(380px,calc(100vw - 32px));pointer-events:none}
.toast{pointer-events:auto;cursor:pointer;background:#1a2030;border:1px solid #374260;border-left:5px solid #7187fa;border-radius:12px;padding:12px 14px;box-shadow:0 8px 24px rgba(0,0,0,.45);animation:toast-in .28s ease-out;transition:opacity .3s,transform .3s;line-height:1.4}
.toast.attention{border-left-color:#ffb454;background:#2b2433}
.toast strong{color:#fff}.toast small{display:block;margin-top:4px;color:#939fba}
.toast.leaving{opacity:0;transform:translateX(24px)}
@keyframes toast-in{from{opacity:0;transform:translateX(34px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.toast{animation:none;transition:none}}
.attention-line{color:#ffd9a0}.session-card.closed{opacity:.8}.history p{font-size:13px;margin:3px 0}
.history{max-height:260px;overflow:auto}
/* Journey stepper: dots mark the big stages, the line fills when a chapter is finished. */
.journey{background:#1a2030;border:1px solid #374260;border-radius:20px;padding:18px 24px 16px;margin-bottom:16px}
.journey-head,.journey-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.journey-title{font-weight:700;letter-spacing:.02em;color:#eff2ff}.journey-time{color:#a8baff;font-variant-numeric:tabular-nums;font-size:14px}
.journey-track{position:relative;height:4px;margin:18px 8px 16px;background:#2c3550;border-radius:4px}
.journey-fill{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:4px;background:linear-gradient(90deg,#7187fa,#a18bff 60%,#ffc878);box-shadow:0 0 12px rgba(132,150,255,.55);transition:width 1.4s cubic-bezier(.22,.8,.22,1)}
.journey-dot{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#10141e;border:2px solid #46516a;transition:background .5s,border-color .5s,box-shadow .5s}
.journey-dot.active{border-color:#9aacff;background:#1a2030;box-shadow:0 0 0 5px rgba(113,135,250,.18)}
.journey-dot.done{background:#9aacff;border-color:#9aacff}
.journey-dot.journey-end{width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:3px;transform:rotate(45deg)}
.journey-dot.journey-end.done{background:#ffc878;border-color:#ffc878;box-shadow:0 0 14px rgba(255,200,120,.7)}
.journey-dot.pulse{animation:dot-pulse 1.2s ease-out}
@keyframes dot-pulse{0%{box-shadow:0 0 0 0 rgba(154,172,255,.7)}100%{box-shadow:0 0 0 16px rgba(154,172,255,0)}}
.journey-meta{font-size:14px;color:#939fba;flex-wrap:wrap}.journey-where{min-width:0}
.journey-note{text-align:right;transition:color .4s;min-height:1.4em}.journey-note.milestone{color:#ffdc92;animation:note-in .5s ease-out}
@keyframes note-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.journey-mode header{margin-bottom:18px}.journey-mode header h1{font-size:30px;margin:8px 0}.journey-mode header p{display:none}
.visual-mode .journey{padding:8px 14px;margin:0 0 8px;border-radius:14px}.visual-mode .journey-track{margin:10px 8px 8px}.visual-mode .journey-head{font-size:13px}.visual-mode .journey-meta{font-size:12px}
.visual-mode .yoni-frame{max-width:100%}.visual-mode.journey-mode .yoni-frame{width:min(640px,calc((100vh - 270px)*4/3))}
.visual-mode.journey-mode .visual-matrix{width:min(384px,calc(100vh - 330px))}
/* One question per screen */
.question{min-height:260px;display:flex;flex-direction:column;justify-content:center;animation:q-in .38s cubic-bezier(.22,.8,.22,1)}
.question.leaving{animation:q-out .2s ease-in forwards}
@keyframes q-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes q-out{to{opacity:0;transform:translateY(-10px)}}
.question-heading{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a8baff;margin:0 0 6px}
.question-lead{margin:0 0 4px;color:#cbd3e9}
.question-text{font-size:25px;line-height:1.45;margin:4px 0 26px;color:#f4f6ff}
.question-instructions{font-size:15px;color:#a9b3cc;border-left:3px solid #46516a;padding-left:12px}
.question-help{font-size:14px;color:#939fba;margin-bottom:6px}
.yes-no{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.choice{margin:0;padding:18px 10px;font-size:20px;border-radius:14px;background:#232b40;color:#eff2ff;border:2px solid #46516a;transition:background .2s,border-color .2s,transform .12s,opacity .5s}
.choice:disabled{opacity:.45;cursor:default}.choice:not(:disabled):hover{border-color:#9aacff;background:#2b3c64}
.choice:not(:disabled):active{transform:scale(.97)}.choice.chosen{background:#7187fa;border-color:#9aacff;color:#0d132a;opacity:1}
/* Section change */
.section-intro{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;animation:q-in .5s ease-out}
.section-intro.leaving{animation:q-out .35s ease-in forwards}.section-intro h2{font-size:30px;margin:6px 0}
.intro-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#a8baff;margin:0}
.intro-dots{display:flex;gap:8px;margin-top:18px}.intro-dots span{width:8px;height:8px;border-radius:50%;background:#9aacff;animation:blink 1.2s infinite ease-in-out}
.intro-dots span:nth-child(2){animation-delay:.2s}.intro-dots span:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,100%{opacity:.2}50%{opacity:1}}
/* Before the start: a demonstration of the final profile */
.intro-time{display:inline-block;margin:0 0 4px;padding:5px 14px;border-radius:999px;background:#232b40;border:1px solid #46516a;color:#eff2ff;font-weight:650}
.plan-heading{margin:22px 0 10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#a8baff}
.plan{display:grid;gap:8px;margin-bottom:8px}
.plan-row{display:flex;gap:16px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:linear-gradient(160deg,#212a43,#1a2030);border:1px solid #374260;animation:q-in .5s cubic-bezier(.22,.8,.22,1) both}
.plan-num{font-variant-numeric:tabular-nums;font-weight:700;color:#9aacff;min-width:24px;padding-top:1px}
.plan-row strong{display:block;color:#eff2ff}.plan-row span:not(.plan-num){display:block;font-size:14px;color:#a9b3cc;margin-top:2px;line-height:1.45}
.preview{position:relative;margin:20px 0;padding:22px;border-radius:16px;border:1px solid #46516a;background:linear-gradient(160deg,#20294a,#171d2c)}
.preview h3{margin:0 0 14px;padding-right:90px}.preview-badge{position:absolute;top:14px;right:14px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#10141e;background:#ffc878;border-radius:999px;padding:3px 10px}
.preview-caption{margin:14px 0 0;color:#cbd3e9}.blurred{filter:blur(5px);user-select:none}
.bar.demo>div{background:linear-gradient(90deg,#5c6fd8,#a18bff);opacity:.75}
/* Results */
.result-card{background:#151b29;border:1px solid #374260;border-radius:16px;padding:18px 20px;margin:16px 0}
.result-card h3{margin:0 0 4px}.result-subtitle{margin:0 0 12px;color:#eff2ff;font-weight:600}
.conclusion{border-color:#7187fa;background:linear-gradient(160deg,#1f2847,#151b29)}.conclusion p{margin:8px 0;color:#e2e7f8}
.result-row{margin:12px 0}.result-row-top{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:#cbd3e9}.result-row-top strong{color:#eff2ff;font-variant-numeric:tabular-nums;white-space:nowrap}
.bar{position:relative;height:9px;margin-top:6px;border-radius:9px;background:#2c3550}
.bar>div{height:100%;border-radius:9px;background:linear-gradient(90deg,#7187fa,#a18bff);animation:grow 1.1s cubic-bezier(.22,.8,.22,1)}
@keyframes grow{from{width:0}}
.tick{position:absolute;top:-4px;width:0;height:17px}
.tick.control{border-left:2px solid #e6ebff}.tick.asd::after{content:"▲";position:absolute;top:13px;left:-6px;font-size:11px;color:#ffc878}
.continuum{position:relative;height:16px;margin:30px 4px 44px;border-radius:8px;background:#2c3550}
.zone{position:absolute;top:0;bottom:0}.zone.z1{background:#2e4a6b;border-radius:8px 0 0 8px}.zone.z2{background:#6a5a8f}.zone.z3{background:#a2678a;border-radius:0 8px 8px 0}
.ref-mark,.cut-mark,.you-mark{position:absolute;top:0;bottom:0;width:0}
.ref-mark{border-left:2px dotted rgba(255,255,255,.65)}.ref-mark small{position:absolute;top:20px;left:0;transform:translateX(-50%);font-size:11px;color:#939fba;white-space:nowrap}
.cut-mark{border-left:2px solid #ffdc92}.cut-mark small{position:absolute;top:-19px;left:0;transform:translateX(-50%);font-size:11px;color:#ffdc92}
.you-mark{top:-7px;bottom:-7px;border-left:3px solid #fff;animation:note-in .8s ease-out}.you-mark b{position:absolute;top:-24px;left:0;transform:translateX(-50%);font-size:13px;color:#fff;background:#7187fa;border-radius:6px;padding:1px 7px;white-space:nowrap}
.result-notice{font-size:13px;color:#939fba}.result-legend{font-size:13px;color:#939fba;margin:0 0 8px}
/* Completion */
.finale{animation:q-in .7s ease-out .9s both}
.done-mark{width:64px;height:64px;border-radius:50%;margin:8px 0 6px;background:radial-gradient(circle at 35% 35%,#ffe2a8,#ffc878 60%,#e09d48);box-shadow:0 0 28px rgba(255,200,120,.45);position:relative}
.done-mark::after{content:"";position:absolute;left:23px;top:13px;width:14px;height:26px;border:solid #1a2030;border-width:0 5px 5px 0;transform:rotate(45deg)}
@media(max-width:500px){.journey{padding:14px 16px}.question-text{font-size:21px}.choice{font-size:18px;padding:16px 8px}.journey-meta{font-size:13px}.journey-note{text-align:left}}
@media (prefers-reduced-motion:reduce){.journey-fill,.journey-dot,.choice{transition:none}.question,.question.leaving,.section-intro,.section-intro.leaving,.finale,.bar>div,.you-mark,.journey-note.milestone{animation:none}.intro-dots span{animation:none;opacity:.6}}
/* Admin live dashboard: two participants side by side on a desktop monitor, one column on narrow screens. */
.admin-page main.admin{max-width:1360px}
.admin-page header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 16px;margin-bottom:20px}
.admin-page header .badge,.admin-page header h1{grid-column:1/-1}.admin-page header h1{margin:8px 0 2px}
.admin-page #status,.admin-page #live-count{margin:0;font-size:14px;color:#939fba}
.admin-page #live-count{color:#a8baff;font-weight:600}
.admin-page h2{margin:34px 0 12px}
.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:18px;align-items:start}
.live-card{position:relative;display:grid;gap:12px;padding:18px 20px;border-radius:20px;background:linear-gradient(165deg,rgba(33,42,67,.92),rgba(24,30,46,.92));border:1px solid #374260;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:border-color .5s,box-shadow .5s,opacity .45s,transform .45s}
.live-card.entering{animation:card-in .55s cubic-bezier(.22,.8,.22,1)}
.live-card.leaving{opacity:0;transform:scale(.98)}
@keyframes card-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.live-card.flash-attention{border-color:#ffb454;box-shadow:0 0 0 1px rgba(255,180,84,.45),0 0 26px rgba(255,180,84,.22)}
.live-card.flash-serious{border-color:#ff7a7a;box-shadow:0 0 0 1px rgba(255,122,122,.5),0 0 28px rgba(255,122,122,.25)}
.live-card.flash-info{border-color:#8fa4ff;box-shadow:0 0 0 1px rgba(143,164,255,.35),0 0 20px rgba(143,164,255,.15)}
.live-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.live-who{min-width:0}.live-name{margin:0;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-sub{display:block;font-size:13px;color:#939fba;margin-top:2px}
.live-status{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.12em;padding:5px 10px;border-radius:999px;background:#232b40;color:#cbd3e9;border:1px solid #374260;transition:background .4s,color .4s,border-color .4s}
.live-status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.live-status.active{color:#8ff0b5;border-color:rgba(143,240,181,.35)}.live-status.active::before{animation:live-pulse 2.2s ease-in-out infinite}
.live-status.silent{color:#ffc878;border-color:rgba(255,200,120,.4)}.live-status.waiting{color:#a8baff}.live-status.done{color:#cbd3e9}
@keyframes live-pulse{0%,100%{box-shadow:0 0 0 0 rgba(143,240,181,.55)}50%{box-shadow:0 0 0 5px rgba(143,240,181,0)}}
.live-where{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#cbd3e9}.live-percent{font-variant-numeric:tabular-nums;font-weight:700;color:#eff2ff}
.live-bar{height:6px;border-radius:6px;background:#2c3550;overflow:hidden;margin-top:-4px}
.live-fill{height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#7187fa,#a18bff 60%,#ffc878);transition:width .9s cubic-bezier(.22,.8,.22,1)}
.live-question,.live-last,.live-events{padding:12px 14px;border-radius:14px;background:rgba(16,20,30,.45);border:1px solid rgba(70,81,106,.55)}
.live-question.swap{animation:swap-in .35s ease-out}
@keyframes swap-in{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
.live-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.live-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a8baff;font-weight:700}
.live-meta{font-size:12px;color:#939fba;font-variant-numeric:tabular-nums}.live-meta.warn{color:#ffc878}
.live-heading{margin:8px 0 0;font-size:12px;color:#939fba}.live-lead{margin:6px 0 0;font-size:14px;color:#a9b3cc}
.live-prompt{margin:4px 0 0;font-size:17px;line-height:1.45;color:#f4f6ff;font-weight:600}
.live-waiting{margin:8px 0 0;font-size:13px;color:#939fba;animation:wait-blink 2.4s ease-in-out infinite}
@keyframes wait-blink{0%,100%{opacity:.55}50%{opacity:1}}
.live-answer{margin:6px 0 0;font-size:18px;font-weight:700;color:#eff2ff}.live-answer.right{color:#8ff0b5}.live-answer.wrong{color:#ffb4a8}
.live-prev{margin:2px 0 0;font-size:13px;color:#939fba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-event-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}
.live-event{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:baseline;font-size:13px;padding:4px 8px;border-radius:8px;color:#cbd3e9}
.live-event.attention{color:#ffd29a;background:rgba(255,180,84,.07)}.live-event.serious{color:#ffb0a8;background:rgba(255,122,122,.09)}.live-event.info .live-event-icon{color:#9aacff}
.live-event.fresh{animation:event-in .6s cubic-bezier(.22,.8,.22,1)}
@keyframes event-in{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.live-event-time{font-size:12px;color:#939fba;font-variant-numeric:tabular-nums}
.live-none{margin:8px 0 0;font-size:13px;color:#6f7a93}
.live-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.live-foot button{margin:0;padding:7px 12px;font-size:13px;background:#232b40;color:#cbd3e9;border:1px solid #46516a}
.live-foot button:hover{border-color:#9aacff}.live-foot .history{flex-basis:100%;margin-top:6px}
.live-empty{grid-column:1/-1;padding:28px;text-align:center;color:#939fba;border:1px dashed #374260;border-radius:20px}
.global-log{margin-top:30px}.global-log summary{cursor:pointer;color:#a8baff;font-weight:600}.global-log section{margin-top:10px}
.admin-page .session-card{animation:card-in .45s ease-out both}
@media (prefers-reduced-motion:reduce){.live-card,.live-card.entering,.live-question.swap,.live-event.fresh,.live-status.active::before,.live-waiting,.admin-page .session-card{animation:none}.live-fill,.live-card{transition:none}}
.live-foot>div{display:contents}
.live-card,.live-card>*{min-width:0}.live-prompt{overflow-wrap:anywhere}
/* Yoni click feedback: a soft ring from the click point and a brief outline of the chosen corner. */
.yoni-zone{transition:border-color .2s,background .2s,box-shadow .2s}
.yoni-zone.picked{border-color:#7187fa;background:rgba(113,135,250,.10);box-shadow:inset 0 0 0 2px rgba(113,135,250,.55)}
.yoni-ripple{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:3px solid rgba(113,135,250,.85);pointer-events:none;z-index:2;animation:yoni-ripple .45s ease-out forwards}
@keyframes yoni-ripple{from{transform:scale(.4);opacity:1}to{transform:scale(5);opacity:0}}
@media (prefers-reduced-motion:reduce){.yoni-ripple{animation:none;opacity:.8}}
/* Answer highlight in the live card: the colour shows the chosen option (Да / Нет), not right or wrong. */
.live-question{transition:border-color .35s ease,background-color .35s ease,box-shadow .35s ease}
.live-question.answered .live-waiting{animation:none;opacity:1;font-weight:700;color:#eff2ff}
.live-question.answered-yes{border-color:rgba(122,224,160,.85);background-color:rgba(122,224,160,.09);box-shadow:0 0 18px rgba(122,224,160,.16)}
.live-question.answered-no{border-color:rgba(255,128,128,.85);background-color:rgba(255,128,128,.09);box-shadow:0 0 18px rgba(255,128,128,.16)}
.live-question.answered-other{border-color:rgba(143,164,255,.8);background-color:rgba(143,164,255,.08);box-shadow:0 0 16px rgba(143,164,255,.14)}
@media (prefers-reduced-motion:reduce){.live-question{transition:none}}