:root{--purple:#46178f;--purple-deep:#380d78;--purple-2:#6a2ecf;--ink:#333744;--muted:#6e6e80;--paper:#fff;--red:#e21b3c;--red-d:#b3142f;--blue:#1368ce;--blue-d:#0f4fa1;--gold:#d89e00;--gold-d:#a87b00;--green:#26890c;--green-d:#1c6608;--star:#7d2ee6;--star-d:#5f21b0;--plum:#e2138b;--plum-d:#b30f6d;--correct:#66bf39;--wrong:#f35;--brand-green:#26890c;--brand-green-d:#1c6608;--shadow:0 4px 0 #0003}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:radial-gradient(circle at 20% 15%,#5a23b8 0,transparent 45%),radial-gradient(circle at 85% 80%,#3a0f7a 0,transparent 50%),var(--purple);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.screen{position:relative;display:flex;flex-direction:column;gap:18px;max-width:1000px;min-height:100vh;margin:0 auto;padding:clamp(16px,3vw,32px)}.center{text-align:center;justify-content:center;align-items: center}.grow{display:flex;flex-direction:column;flex:1;min-height:0}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items: center;gap:12px}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:900}.brand{color:#fff;text-shadow:0 3px #00000040,0 2px 12px #00000073;font-size:clamp(2.4rem,7vw,4rem)}.brand.sm{font-size:clamp(1.4rem,4vw,2rem)}.brand .k{display:inline-block;color:var(--purple);background:#fff;border-radius:12px;padding:0 .25em;transform:rotate(-3deg)}.tagline{color:#e9deff;font-size:1.05rem;font-weight:600}.muted{color:var(--muted)}.on-purple{color:#eaddff;text-shadow:0 2px 10px #0006}.huge{font-size:clamp(2rem,6vw,3.2rem);font-weight:900}.big{font-size:1.5rem;font-weight:800}.card{background:var(--paper);border-radius:12px;width:100%;max-width:440px;padding:24px;box-shadow:0 12px 40px #00000047}.panel{background:var(--paper);border-radius:14px;padding:clamp(18px,3vw,30px);box-shadow:0 10px 30px #00000038}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:800}.input{color:var(--ink);font:inherit;background:#f7f7fb;border:2px solid #d0d0dd;border-radius:8px;width:100%;padding:14px 16px;font-weight:700}.input:focus{outline:none;border-color:var(--purple-2);background:#fff}.input.big{text-align:center;letter-spacing:.14em;font-size:1.7rem;font-weight:900}.input.sm{width:110px;padding:9px 12px}.input:disabled{opacity:.6;cursor:not-allowed}textarea.input{resize:vertical;font-family:inherit}.field{display:flex;flex-direction:column;gap:5px}.stack.sm-gap{gap:8px}.btn{--btn-bg:#46178f;--btn-shadow:#2f0f61;appearance:none;cursor:pointer;font:inherit;color:#fff;background:var(--btn-bg);box-shadow:0 4px 0 var(--btn-shadow);border:none;border-radius:6px;padding:14px 22px;transition:transform 50ms,box-shadow 50ms,filter .15s;font-weight:800}.btn:hover{filter:brightness(1.05)}.btn:active{box-shadow:0 0 0 var(--btn-shadow);transform:translateY(4px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:0 4px 0 var(--btn-shadow);transform:none}.btn.dark{--btn-bg:#333744;--btn-shadow:#1d2029}.btn.green{--btn-bg:var(--brand-green);--btn-shadow:var(--brand-green-d)}.btn.ghost{--btn-bg:transparent;--btn-shadow:transparent;color:#fff;border:2px solid #ffffff80}.btn.ghost.on-paper{color:var(--muted);border-color:#d0d0dd}.btn.block{width:100%}.btn.lg{padding:16px 28px;font-size:1.15rem}.pill{display:inline-flex;color:#fff;background:#ffffff29;border-radius:999px;align-items: center;gap:6px;padding:7px 14px;font-size:.95rem;font-weight:800}.pill.solid{color:var(--purple);background:#fff}.pill.warn{background:var(--gold);color:#3a2a00}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0}.name-chip{color:var(--purple);animation:.28s cubic-bezier(.2,1.6,.4,1) pop;background:#fff;border-radius:8px;padding:8px 14px;font-size:1.05rem;font-weight:800;box-shadow:0 3px #0000002e}.notice{color:#fff;text-align:center;background:#ffffff24;border-radius:8px;padding:10px 16px;font-weight:700}.notice.warn{background:var(--gold);color:#3a2a00}.join-bar{text-align:center;color:var(--ink);background:#fff;border-radius:10px;align-self: center;padding:10px 18px;font-weight:800}.pin-box{color:var(--ink);text-align:center;background:#fff;border-radius:14px;align-self: center;padding:10px 34px 18px;box-shadow:0 14px 40px #0000004d}.pin-box .k-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.9rem;font-weight:800}.pin-box .k-pin{letter-spacing:.1em;font-size:clamp(3rem,12vw,6rem);font-weight:900;line-height:1.1}.q-header{display:flex;justify-content:space-between;align-items: center;gap:14px}.q-counter{color:#fff;background:#00000038;border-radius:999px;padding:6px 14px;font-weight:800}.q-prompt{text-align:center;color:var(--ink);background:#fff;border-radius:14px;padding:clamp(18px,4vw,40px);font-size:clamp(1.3rem,3.4vw,2.2rem);font-weight:800;box-shadow:0 10px 30px #0003}.timer-ring{display:grid;color:var(--purple-2);border-radius:50%;flex:none;place-items: center;width:66px;height:66px;box-shadow:inset 0 0 0 6px #fff}.timer-ring span{color:var(--ink);display:grid;background:#fff;border-radius:50%;place-items: center;width:46px;height:46px;font-size:1.3rem;font-weight:900}.timer-ring.urgent{color:var(--wrong);animation:.7s ease-in-out infinite pulse}.answer-count{color:#fff;background:#00000038;border-radius:999px;align-self: center;padding:8px 16px;font-size:1.1rem;font-weight:900}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto}.answer{--a-bg:var(--red);--a-shadow:var(--red-d);display:flex;background:var(--a-bg);color:#fff;cursor:pointer;font:inherit;text-align:left;box-shadow:0 5px 0 var(--a-shadow);border:none;border-radius:8px;align-items: center;gap:14px;min-height:84px;padding:clamp(16px,3vw,26px);transition:transform 50ms,box-shadow 50ms,opacity .2s;font-size:clamp(1rem,2.4vw,1.35rem);font-weight:800}button.answer:active{box-shadow:0 0 0 var(--a-shadow);transform:translateY(5px)}.answer .shape{flex:none}.answer.a0{--a-bg:var(--red);--a-shadow:var(--red-d)}.answer.a1{--a-bg:var(--blue);--a-shadow:var(--blue-d)}.answer.a2{--a-bg:var(--gold);--a-shadow:var(--gold-d)}.answer.a3{--a-bg:var(--green);--a-shadow:var(--green-d)}.answer.a4{--a-bg:var(--star);--a-shadow:var(--star-d)}.answer.a5{--a-bg:var(--plum);--a-shadow:var(--plum-d)}.answer.dim{opacity:.35}.answer.pick{outline:5px solid #fff;outline-offset:2px}.controller{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;flex:1;gap:12px}.controller .answer{justify-content:center;min-height:0;font-size:0}.controller .answer .shape{width:clamp(46px,12vw,84px);height:clamp(46px,12vw,84px)}.tally{display:flex;justify-content:center;align-items: flex-end;gap:clamp(10px,3vw,28px);min-height:220px;margin-top:auto;padding-top:20px}.tally-col{display:flex;opacity:.4;flex-direction:column;flex:1;align-items: center;gap:8px;max-width:150px}.tally-col.correct{opacity:1}.tally-bar{background:var(--bar,#fff);border-radius:8px 8px 0 0;width:100%;min-height:8px;transition:height .5s cubic-bezier(.2,.9,.3,1)}.tally-col .cap{display:flex;color:#fff;align-items: center;gap:6px;font-size:1.2rem;font-weight:900}.tally-col .shape-badge{display:grid;color:#fff;border-radius:8px;place-items: center;width:34px;height:34px}.verdict{position:fixed;display:flex;color:#fff;text-align:center;z-index:5;flex-direction:column;justify-content:center;align-items: center;gap:12px;padding:24px;inset:0}.verdict.good{background:var(--correct)}.verdict.bad{background:var(--wrong)}.verdict .mark{animation:.35s cubic-bezier(.2,1.6,.4,1) pop;font-size:clamp(4rem,20vw,9rem);line-height:1}.verdict .pts{font-size:clamp(2rem,9vw,3.4rem);font-weight:900}.leaderboard{list-style:none;display:flex;flex-direction:column;align-self: center;gap:8px;width:100%;max-width:560px;margin:8px 0;padding:0}.leaderboard li{display:grid;grid-template-columns:44px 1fr auto auto;color:var(--ink);animation:.3s both slidein;background:#fff;border-radius:8px;align-items: center;gap:12px;padding:12px 16px;font-weight:800;box-shadow:0 4px #00000024}.leaderboard li.me{outline:3px solid var(--gold)}.leaderboard .rank{color:var(--purple-2);font-weight:900}.rank-delta{letter-spacing:.02em;border-radius:999px;padding:3px 9px;font-size:.85rem;font-weight:900}.rank-delta.up{color:#1c6608;background:#26890c24}.rank-delta.down{color:#b3142f;background:#e21b3c1f}.rank-delta.same{color:var(--muted);background:#0000000f}.leaderboard .score{background:var(--purple);color:#fff;border-radius:999px;padding:4px 12px}.podium-wrap{display:flex;flex-direction:column;align-self: center;gap:20px;width:100%;max-width:640px}.podium{display:flex;justify-content:center;align-items: flex-end;gap:12px}.podium-step{display:flex;color:#fff;text-align:center;flex-direction:column;flex:1;align-items: center;gap:6px;max-width:180px}.podium-name{font-size:1.05rem;font-weight:900}.podium-score{color:#e9deff;font-weight:800}.podium-block{display:grid;color:#ffffffd9;background:#ffffff2e;border-radius:10px 10px 0 0;place-items: center;width:100%;font-size:2.4rem;font-weight:900}.podium-step.place-1 .podium-block{color:#7a4a00;background:linear-gradient(#ffd35c,#f4b400);height:170px}.podium-step.place-2 .podium-block{color:#4a4a5a;background:linear-gradient(#e6e6ef,#c3c3d4);height:128px}.podium-step.place-3 .podium-block{color:#5a3410;background:linear-gradient(#e6a76b,peru);height:96px}.runners{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.runners li{display:grid;grid-template-columns:36px 1fr auto;color:#fff;background:#ffffff24;border-radius:8px;gap:10px;padding:10px 14px;font-weight:700}.kind-tag{color:var(--purple);letter-spacing:.06em;text-transform:uppercase;background:#fff;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:900}.q-prompt.sm{padding:14px 18px;font-size:clamp(1.05rem,2.6vw,1.4rem)}.q-media{display:flex;justify-content:center;align-self: center;width:100%;margin:0}.q-media img{object-fit:contain;border-radius:12px;max-width:100%;max-height:38vh;box-shadow:0 10px 30px #0000004d}.q-media.is-video{max-width:720px}.q-media.is-video iframe{aspect-ratio:16/9;background:#000;border:none;border-radius:12px;width:100%;box-shadow:0 10px 30px #0000004d}.q-media-phone img{max-height:22vh}.q-media-phone.is-video{max-width:420px}.q-media-link a{color:#fff;font-weight:800}.answers.tf,.controller.tf{grid-template-columns:1fr 1fr}.controller.tf .answer{font-size:inherit;flex-direction:column;gap:10px}.tf-label{font-size:clamp(1.1rem,4vw,1.6rem);font-weight:900}.tally-label{color:#fff;text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:.85rem;font-weight:700}.quiz-list{display:flex;flex-direction:column;gap:12px}.quiz-row{display:flex;background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px;padding:16px 20px;box-shadow:0 6px #00000029}.quiz-row-main{display:flex;flex-direction:column;gap:2px}.quiz-row-main strong{color:var(--ink);font-size:1.15rem;font-weight:900}.title-input{font-size:1.3rem;font-weight:900}.q-card{display:flex;flex-direction:column;gap:14px}.q-card-head{flex-wrap:wrap;gap:10px}.q-badge{background:var(--purple);color:#fff;border-radius:8px;padding:6px 12px;font-weight:900}.seg{display:inline-flex;background:#f0f0f6;border-radius:999px;gap:4px;padding:4px}.seg button{cursor:pointer;font:inherit;color:var(--muted);background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:800}.seg button.on{background:var(--purple);color:#fff}.icon-btn{color:var(--muted);cursor:pointer;font:inherit;background:#fff;border:2px solid #d0d0dd;border-radius:8px;width:36px;height:36px;font-weight:900;line-height:1}.icon-btn:hover:not(:disabled){border-color:var(--purple-2);color:var(--purple-2)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.danger:hover:not(:disabled){border-color:var(--wrong);color:var(--wrong)}.q-prompt-input{font-size:1.1rem;font-weight:800}.choice-grid{display:flex;flex-direction:column;gap:10px}.choice-row{--c:var(--red);display:flex;background:var(--c);border-radius:10px;align-items: center;gap:10px;padding:8px 10px}.choice-row.c-red{--c:var(--red)}.choice-row.c-blue{--c:var(--blue)}.choice-row.c-gold{--c:var(--gold)}.choice-row.c-green{--c:var(--green)}.choice-row.c-star{--c:var(--star)}.choice-row.c-plum{--c:var(--plum)}.choice-row.correct{box-shadow:0 0 0 4px var(--correct)}.choice-shape{color:#fff;display:grid;flex:none;place-items: center;width:34px}.choice-input{font:inherit;color:var(--ink);background:#fff;border:none;border-radius:6px;flex:1;min-width:0;padding:11px 13px;font-weight:700}.choice-input:focus{outline:3px solid #ffffffb3}.choice-correct{display:grid;cursor:pointer;flex:none;place-items: center;width:34px}.choice-correct input{accent-color:var(--correct);cursor:pointer;width:22px;height:22px}.choice-row .icon-btn{flex:none}.add-choice{align-self: flex-start}.q-meta{gap:18px}.media-editor{display:flex;flex-direction:column;gap:10px}.media-editor .row .input{flex:1;min-width:200px}.media-preview{border:2px dashed #d0d0dd;border-radius:12px;padding:12px}.editor-actions{padding-bottom:20px}.reaction-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:6px}.reaction-btn{cursor:pointer;background:#ffffff29;border:none;border-radius:50%;width:52px;height:52px;transition:transform 80ms;font-size:1.6rem;line-height:1}.reaction-btn:hover{background:#ffffff47}.reaction-btn:active{transform:scale(.85)}.floating-layer{position:fixed;overflow:hidden;pointer-events:none;z-index:30;inset:0}.floating-emoji{position:absolute;animation-name:floatUp;animation-timing-function:ease-out;animation-fill-mode:forwards;will-change:transform,opacity;font-size:2.4rem;bottom:-60px}body[data-theme=midnight]{background:radial-gradient(circle at 20% 15%,#2c3f66 0,#0000 45%),radial-gradient(circle at 85% 80%,#0b1220 0,#0000 50%),#16223d}body[data-theme=sunset]{background:radial-gradient(circle at 20% 15%,#ff9a6b 0,#0000 45%),radial-gradient(circle at 85% 80%,#8d2f74 0,#0000 50%),#b4418e}body[data-theme=forest]{background:radial-gradient(circle at 20% 15%,#3fa06a 0,#0000 45%),radial-gradient(circle at 85% 80%,#0e2f1d 0,#0000 50%),#1d5a38}body[data-theme=ocean]{background:radial-gradient(circle at 20% 15%,#2196d6 0,#0000 45%),radial-gradient(circle at 85% 80%,#06283d 0,#0000 50%),#0a3d62}body[data-theme=candy]{background:radial-gradient(circle at 20% 15%,#ff8fd8 0,#0000 45%),radial-gradient(circle at 85% 80%,#5f21b0 0,#0000 50%),#a93cd6}body.has-bg-image:before{content:"";position:fixed;z-index:-1;background-image:linear-gradient(#00000080,#00000080),var(--bg-image);background-position:50%;background-size:cover;inset:0}.quiz-settings{display:flex;flex-direction:column;gap:16px}.settings-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:1rem}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}.theme-chip{cursor:pointer;color:#fff;font:inherit;text-shadow:0 1px 3px #0009;display:grid;border:3px solid #0000;border-radius:10px;place-items: center;height:58px;transition:transform 80ms;font-size:.8rem;font-weight:800}.theme-chip:hover{transform:translateY(-2px)}.theme-chip.on{border-color:var(--ink);box-shadow:inset 0 0 0 3px #fff}.theme-hint{margin:0;font-size:.85rem;line-height:1.4}.sound-toggle{position:fixed;z-index:40;cursor:pointer;backdrop-filter:blur(4px);background:#0000004d;border:none;border-radius:50%;width:46px;height:46px;transition:transform 80ms,background .15s;font-size:1.35rem;line-height:1;bottom:14px;right:14px}.sound-toggle:hover{background:#00000073}.sound-toggle:active{transform:scale(.88)}.sound-toggle[aria-pressed=false]{opacity:.55}.confetti{position:fixed;pointer-events:none;z-index:35;width:100%;height:100%;inset:0}.pop-in{animation:.45s cubic-bezier(.2,1.6,.4,1) both pop}.podium-step .podium-block{animation:.55s cubic-bezier(.2,.9,.3,1) both rise;transform-origin:bottom center}.podium-step.place-2 .podium-block{animation-delay:.15s}.podium-step.place-1 .podium-block{animation-delay:.35s}.podium-step.place-3 .podium-block{animation-delay:0s}.podium-step.place-1 .podium-name{animation:.4s cubic-bezier(.2,1.6,.4,1) .75s both pop}@keyframes rise{0%{transform:scaleY(.05);opacity:0}to{transform:scaleY(1);opacity:1}}code{color:#fff;background:#ffffff2e;border-radius:5px;padding:2px 7px;font-weight:700}.link{color:#fff;text-shadow:0 2px 8px #00000073;font:inherit;text-decoration:underline;cursor:pointer;background:0 0;border:none;font-weight:800}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes slidein{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes floatUp{0%{transform:translateY(0)translate(0)scale(.6);opacity:0}12%{opacity:1;transform:translateY(-12vh)scale(1.1)}to{transform:translateY(-108vh)translateX(var(--drift,0))scale(1);opacity:0}}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.dots:after{content:"";animation:1.4s step-end infinite dots}@media (max-width:560px){.answers{grid-template-columns:1fr}.controller{grid-template-columns:1fr 1fr}.podium-step.place-1 .podium-block{height:130px}.podium-step.place-2 .podium-block{height:100px}.podium-step.place-3 .podium-block{height:78px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.report-table{border-collapse:collapse;width:100%;margin-top:10px}.report-table th,.report-table td{text-align:left;border-bottom:1px solid #ececf3;padding:9px 10px}.report-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem}.report-table td:last-child,.report-table th:last-child{text-align:right}.qstat{display:flex;flex-direction:column;gap:6px}.qstat-head{display:flex;align-items: center;gap:10px}.qstat-prompt{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700}.qstat-pct{color:var(--green);font-weight:900}.qstat-pct.low{color:var(--red)}.qstat-bar{overflow:hidden;background:#ececf3;border-radius:999px;height:10px}.qstat-fill{background:var(--green);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.2,.9,.3,1)}.qstat-fill.low{background:var(--red)}.import-note{text-align:left;display:flex;flex-direction:column;gap:4px;font-size:.9rem}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.avatar-btn{cursor:pointer;background:#f7f7fb;border:2px solid #e2e2ea;border-radius:12px;padding:9px 0;transition:transform 80ms,border-color .12s;font-size:1.6rem;line-height:1}.avatar-btn:hover{transform:translateY(-2px)}.avatar-btn.on{border-color:var(--purple-2);background:#fff;box-shadow:0 0 0 3px #6a2ecf38}.avatar-chip{margin-right:6px;font-size:1.1em}.avatar-chip.lg{font-size:1.6em}.podium-avatar{font-size:2.2rem;line-height:1}.site-footer{position:fixed;z-index:20;text-align:center;color:#ffffffb8;backdrop-filter:blur(6px);pointer-events:none;background:#00000047;padding:7px 12px;font-size:.78rem;font-weight:700;bottom:0;left:0;right:0}.site-footer a{color:inherit;pointer-events:auto;text-decoration:none;padding:2px 1px}.site-footer a:hover{color:#fff;border-bottom-color:#fff}.site-footer a:focus-visible{color:#fff;border-bottom-color:#fff}.screen{padding-bottom:54px}.sound-toggle{bottom:44px}.verdict{padding-bottom:60px}.upload-note{margin:0;font-size:.8rem}.btn.sm{box-shadow:0 3px 0 var(--btn-shadow);padding:9px 14px;font-size:.85rem}.btn.sm:active{transform:translateY(3px)}.share-result{display:flex;text-align:center;flex-direction:column;align-items: center;gap:12px;width:min(560px,92vw)}.share-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.share-note{color:#ffffffd9;text-shadow:0 1px 2px #00000059;margin:0;font-size:.9rem;line-height:1.45}.share-note.is-error{color:#ffd9d9}.share-preview{border-radius:10px;width:min(420px,88vw);box-shadow:0 10px 26px #00000059}.share-link{display:flex;background:#00000038;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;align-items: center;gap:8px;width:100%;padding:14px 16px}.share-link-label{letter-spacing:.09em;text-transform:uppercase;color:#fff9;font-size:.72rem;font-weight:800}.share-link a{color:#fff;word-break:break-all;text-decoration:underline;text-underline-offset:3px;font-weight:700}.share-link-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.public-results{gap:18px;width:min(720px,94vw);margin:0 auto;padding:24px 0 64px}.public-results .panel{width:100%}