.tsq-app{--tsq-bg:#17122e;--tsq-bg2:#2a1f4f;--tsq-card:rgba(255, 255, 255, .06);--tsq-line:rgba(255, 255, 255, .14);--tsq-text:#f7f3ff;--tsq-muted:#c4bad9;--tsq-gold:#f2c46d;--tsq-ok:#3fcf8e;--tsq-semi:#f2b84b;--tsq-ko:#ff6b81;--tsq-c0:#8b5cf6;--tsq-c1:#14b8a6;--tsq-c2:#e0a526;--tsq-c3:#ec4899;box-sizing:border-box;max-width:640px;margin:0 auto;padding:0;font-family:inherit;font-size:16px;line-height:1.45;color:var(--tsq-text);-webkit-text-size-adjust:100%}.tsq-app *,.tsq-app *::before,.tsq-app *::after{box-sizing:border-box}.tsq-app [hidden]{display:none!important}.tsq-app .tsq-card{position:relative;background:radial-gradient(120% 80% at 100% 0%,rgb(236 72 153 / .22),transparent 60%),radial-gradient(120% 80% at 0% 100%,rgb(139 92 246 / .28),transparent 60%),linear-gradient(160deg,var(--tsq-bg2),var(--tsq-bg));border:1px solid var(--tsq-line);border-radius:22px;padding:22px 18px 26px;box-shadow:0 18px 50px rgb(23 18 46 / .35);overflow:hidden;min-height:320px}.tsq-app .tsq-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.tsq-app .tsq-card.tsq-center{justify-content:center}.tsq-app .tsq-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tsq-gold);font-weight:700}.tsq-app h2,.tsq-app h1{font-family:inherit;letter-spacing:normal;text-transform:none}.tsq-app .tsq-title{margin:4px 0;font-size:26px;line-height:1.15;font-weight:800;color:var(--tsq-text)}.tsq-app .tsq-sub{margin:0;color:var(--tsq-text);opacity:.92}.tsq-app .tsq-muted{margin:0;color:var(--tsq-muted);font-size:14px}.tsq-app .tsq-big-emoji{font-size:54px;line-height:1}.tsq-app .tsq-error{margin:4px 0 0;min-height:1.2em;color:var(--tsq-ko);font-size:14px;font-weight:600}.tsq-app .tsq-note{margin:0;padding:10px 14px;border-radius:12px;background:rgb(242 196 109 / .12);color:var(--tsq-text);font-size:15px}.tsq-app .tsq-topbar{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:14px}.tsq-app .tsq-pill{display:inline-block;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 12px;border-radius:999px;background:rgb(255 255 255 / .12);font-size:13px;font-weight:700}.tsq-app .tsq-pill-ghost{background:#fff0;border:1px solid var(--tsq-line);color:var(--tsq-muted)}.tsq-app .tsq-form{display:flex;flex-direction:column;gap:10px;width:100%;margin:6px 0 0}.tsq-app input.tsq-input{width:100%;margin:0;padding:15px 16px;border-radius:14px;border:2px solid var(--tsq-line);background:rgb(255 255 255 / .95);color:#1d1638;font:inherit;font-size:18px;font-weight:600;text-align:center;box-shadow:none;outline:none}.tsq-app input.tsq-input:focus{border-color:var(--tsq-gold)}.tsq-app button.tsq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;margin:0;padding:12px 20px;border:0;border-radius:14px;font:inherit;font-size:17px;font-weight:800;letter-spacing:.01em;text-transform:none;cursor:pointer;transition:transform .08s ease,opacity .2s ease;box-shadow:none;line-height:1.2}.tsq-app button.tsq-btn:active{transform:scale(.98)}.tsq-app button.tsq-btn:disabled{opacity:.55;cursor:default}.tsq-app button.tsq-btn-primary{background:linear-gradient(135deg,var(--tsq-gold),#f59fb7);color:#1d1638}.tsq-app button.tsq-btn-ghost{background:#fff0;color:var(--tsq-text);border:1px solid var(--tsq-line)}.tsq-app button.tsq-btn-small{width:auto;min-height:38px;padding:6px 14px;font-size:14px;background:var(--tsq-gold);color:#1d1638}.tsq-app .tsq-btn:focus-visible,.tsq-app .tsq-choice:focus-visible,.tsq-app .tsq-quiz-item:focus-visible{outline:3px solid #fff;outline-offset:2px}.tsq-app .tsq-timer{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:12px}.tsq-app .tsq-timer-track{flex:1;height:10px;border-radius:999px;background:rgb(255 255 255 / .12);overflow:hidden}.tsq-app .tsq-timer-fill{height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,var(--tsq-c0),var(--tsq-c3));transition:background .3s}.tsq-app .tsq-timer-fill.is-low{background:var(--tsq-ko)}.tsq-app .tsq-timer-label{min-width:40px;text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.tsq-app .tsq-hint{margin:2px 0 8px;padding:8px 12px;border-radius:12px;background:rgb(255 255 255 / .08);text-align:center;font-weight:700}.tsq-app .tsq-question{margin:6px 0 16px;font-size:21px;line-height:1.3;font-weight:800;color:var(--tsq-text);text-align:center}.tsq-app .tsq-choices{display:grid;grid-template-columns:1fr;gap:10px;width:100%}@media (min-width:520px){.tsq-app .tsq-choices{grid-template-columns:1fr 1fr}}.tsq-app button.tsq-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;margin:0;padding:12px 14px;border:0;border-radius:16px;color:#fff;text-align:left;cursor:pointer;font:inherit;font-size:17px;font-weight:700;line-height:1.25;text-transform:none;letter-spacing:normal;box-shadow:inset 0 -4px 0 rgb(0 0 0 / .18);transition:transform .08s ease,opacity .2s ease,filter .2s}.tsq-app button.tsq-choice:active{transform:scale(.98)}.tsq-app button.tsq-choice:disabled{cursor:default}.tsq-app .tsq-c0{background:var(--tsq-c0)}.tsq-app .tsq-c1{background:var(--tsq-c1)}.tsq-app .tsq-c2{background:var(--tsq-c2);color:#1d1638}.tsq-app .tsq-c3{background:var(--tsq-c3)}.tsq-app .tsq-choice-letter{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgb(255 255 255 / .25);font-weight:900}.tsq-app .tsq-choice.is-picked{outline:4px solid #fff;outline-offset:2px}.tsq-app .tsq-choices:has(.is-picked) .tsq-choice:not(.is-picked){opacity:.45}.tsq-app .tsq-choice.is-correct{outline:4px solid var(--tsq-ok);outline-offset:2px}.tsq-app .tsq-choice.is-dim{opacity:.4}.tsq-app .tsq-feedback{margin-top:18px}.tsq-app .tsq-sent{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 0;text-align:center;font-size:18px;font-weight:700}.tsq-app .tsq-sent-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgb(63 207 142 / .2);color:var(--tsq-ok);font-size:30px}.tsq-app .tsq-result{display:flex;flex-direction:column;align-items:center;gap:4px}.tsq-app .tsq-result-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:900}.tsq-app .tsq-result-label{font-size:24px;font-weight:900}.tsq-app .tsq-result-points{font-size:20px;font-weight:800;color:var(--tsq-gold)}.tsq-app .tsq-res-ok .tsq-result-icon{background:var(--tsq-ok);color:#0f2e22}.tsq-app .tsq-res-semi .tsq-result-icon{background:var(--tsq-semi);color:#3a2a05}.tsq-app .tsq-res-ko .tsq-result-icon{background:var(--tsq-ko);color:#3d0d16}.tsq-app .tsq-res-none .tsq-result-icon{background:rgb(255 255 255 / .15);color:var(--tsq-text)}.tsq-app .tsq-answer-box{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--tsq-line);background:rgb(255 255 255 / .05)}.tsq-app .tsq-answer{font-size:20px;font-weight:800;color:var(--tsq-text)}.tsq-app .tsq-score-line{margin:0;font-size:16px}.tsq-app .tsq-board{list-style:none;margin:4px 0 0;padding:0;width:100%;display:flex;flex-direction:column;gap:6px}.tsq-app .tsq-board li{display:flex;align-items:center;gap:10px;margin:0;padding:9px 12px;border-radius:12px;background:rgb(255 255 255 / .07);text-align:left}.tsq-app .tsq-board li.is-me{background:rgb(242 196 109 / .22);outline:2px solid var(--tsq-gold)}.tsq-app .tsq-board-rank{flex:0 0 26px;font-weight:900;color:var(--tsq-gold)}.tsq-app .tsq-board-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.tsq-app .tsq-board-score{font-weight:800;font-variant-numeric:tabular-nums}.tsq-app .tsq-paused{position:absolute;inset:0;display:grid;place-items:center;background:rgb(23 18 46 / .82);font-size:30px;font-weight:900;backdrop-filter:blur(2px)}.tsq-app .tsq-quiz-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.tsq-app button.tsq-quiz-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;margin:0;padding:14px 16px;border:1px solid var(--tsq-line);border-radius:16px;background:rgb(255 255 255 / .07);color:var(--tsq-text);font:inherit;text-align:left;text-transform:none;letter-spacing:normal;cursor:pointer;box-shadow:none}.tsq-app button.tsq-quiz-item:hover{background:rgb(255 255 255 / .12)}.tsq-app .tsq-quiz-item-title{font-size:18px;font-weight:800}.tsq-app .tsq-quiz-item-desc{color:var(--tsq-muted);font-size:14px}.tsq-app .tsq-quiz-item-meta{color:var(--tsq-gold);font-size:13px;font-weight:700}.tsq-app .tsq-solo-media{position:relative;width:100%;aspect-ratio:16 / 9;margin:0 0 12px;border-radius:16px;overflow:hidden;background:#0d0a1c}.tsq-app .tsq-solo-image{aspect-ratio:auto;display:grid;place-items:center}.tsq-app .tsq-solo-image img{display:block;max-width:100%;max-height:52vh;margin:0 auto}.tsq-app .tsq-play{margin-bottom:12px}.tsq-app .tsq-media.tsq-media-audio:not(.tsq-yt-host){min-height:120px}.tsq-yt{position:absolute;inset:0}.tsq-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tsq-yt-cover{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(160deg,#2a1f4f,#17122e);transition:opacity .6s}.tsq-yt-cover.is-uncovered{opacity:0;pointer-events:none}.tsq-media.is-hidden .tsq-video,.tsq-media.is-hidden .tsq-yt{visibility:hidden}.tsq-audio-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;min-height:110px;color:#f2c46d}.tsq-bars-note{font-size:34px;line-height:1}.tsq-bars{display:flex;align-items:flex-end;gap:6px;height:46px}.tsq-bars span{display:block;width:8px;height:20%;border-radius:4px;background:linear-gradient(180deg,#f2c46d,#ec4899)}.tsq-media.is-playing .tsq-bars span{animation:tsq-eq .9s ease-in-out infinite alternate}@keyframes tsq-eq{0%{height:15%}50%{height:90%}100%{height:35%}}.tsq-app .tsq-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:10px 14px;border-radius:14px;background:#2a1f4f;color:#fff;font-weight:700;border:1px solid #f2c46d}.tsq-app .tsq-spinner{width:36px;height:36px;border-radius:50%;border:4px solid rgb(255 255 255 / .2);border-top-color:var(--tsq-gold);animation:tsq-spin .9s linear infinite}@keyframes tsq-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tsq-app *,.tsq-bars span{animation:none!important;transition:none!important}}