/* Canonical student foundation. All tokens and controls stay inside Classic. */
.qcs-app,.quiz-results-studio-root{--qcs-ink:#f3f6ff;--qcs-muted:#aebfd9;--qcs-line:#ffffff24;--qcs-blue:#62c5ff;--qcs-gold:#ffdc73;--qcs-stage:#050e24;--qcs-radius:20px;color:var(--qcs-ink);font-family:ui-sans-serif,system-ui,-apple-system,"Noto Sans KR",sans-serif;color-scheme:dark;line-height:1.45;letter-spacing:-.025em}
.qcs-app *,.quiz-results-studio-root *{box-sizing:border-box}
.qcs-app[hidden],.qcs-app [hidden],.quiz-results-studio-root[hidden],.quiz-results-studio-root [hidden]{display:none!important}
.qcs-app h1,.qcs-app h2,.qcs-app h3,.qcs-app p,.quiz-results-studio-root h1,.quiz-results-studio-root h2,.quiz-results-studio-root p{margin:0}
.qcs-app button,.qcs-app input,.quiz-results-studio-root button{font:inherit}
.qcs-app button,.quiz-results-studio-root button{cursor:pointer;touch-action:manipulation}
.qcs-app button:disabled,.quiz-results-studio-root button:disabled{cursor:default}
.qcs-app button:focus-visible,.qcs-app input:focus-visible,.quiz-results-studio-root button:focus-visible,.qcs-dialog :focus-visible{outline:3px solid #9ee8ff;outline-offset:5px}
.qcs-app .num,.quiz-results-studio-root .num{font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.qcs-app .sr-only,.quiz-results-studio-root .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.qcs-app .icon,.quiz-results-studio-root .icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}
.qcs-app .button,.quiz-results-studio-root .button,.qcs-dialog .qcs-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 21px;border:1px solid #a8d7ff38;border-radius:12px;background:#10294ce0;color:#f4f8ff;font-weight:700;text-decoration:none;box-shadow:inset 0 1px #ffffff12;transition:background .15s,transform .15s}
.qcs-app .button:hover:not(:disabled),.quiz-results-studio-root .button:hover:not(:disabled){background:#1b4267}
.qcs-app .button.primary,.quiz-results-studio-root .button.primary,.qcs-dialog .qcs-submit{background:linear-gradient(180deg,#69c9ff,#359cea);border-color:#b3e7ff;color:#051b31;box-shadow:0 4px 0 #12649f,0 10px 25px #0004}
.qcs-app .button:disabled{opacity:.55}
.qcs-app .button.ghost,.quiz-results-studio-root .button.ghost{background:#0c1b35b3;box-shadow:none}
.qcs-app .button.small{min-height:38px;padding:6px 13px;font-size:13px}
.qcs-app .button.icon-only{width:44px;min-height:44px;padding:9px;border-color:transparent;background:transparent;color:#c5d6ec}
.qcs-app .button.text-btn{padding:5px;min-height:36px;background:transparent;border-color:transparent}
.qcs-app .avatar,.quiz-results-studio-root .avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 40% 20%,#356da6,#0c1b3a);border:1px solid #c2e9ff57;overflow:hidden;position:relative}
.qcs-app .avatar img,.quiz-results-studio-root .avatar img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 5px #0005)}
.qcs-app .avatar.sm,.quiz-results-studio-root .avatar.sm{width:42px;height:42px}
.qcs-app .avatar.lg,.quiz-results-studio-root .avatar.lg{width:94px;height:94px}
.qcs-app .avatar.xl,.quiz-results-studio-root .avatar.xl{width:140px;height:140px}
body.quiz-classic-studio-route,body.quiz-classic-studio-entry,body.quiz-classic-studio-results{background:#050e24;color-scheme:dark}
.qcs-dialog{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 36px);padding:36px;border:1px solid #aacdff40;border-radius:22px;background:linear-gradient(150deg,#12284a,#08142c);box-shadow:0 25px 100px #000b;color:#f3f6ff;font:inherit;overflow:auto;color-scheme:dark}
.qcs-dialog::backdrop{background:#010817ba;backdrop-filter:blur(8px)}
.qcs-dialog form{position:relative}
.qcs-dialog h2{font-size:28px;margin:4px 0 28px;letter-spacing:-.04em}
.qcs-dialog .qcs-dialog-close,.qcs-dialog form>button:first-child{position:absolute;right:-14px;top:-18px;border:0;background:transparent;color:#c2d1e6;font-size:28px;width:44px;height:44px}
.qcs-dialog .qcs-kicker{color:#83c5f4;font-size:11px;font-weight:700;letter-spacing:.15em;margin:0}
.qcs-dialog .qcs-submit{width:100%;margin-top:20px;cursor:pointer}
.qcs-help-rules{padding:0;list-style:none;display:grid;gap:22px;margin:0 0 28px}
.qcs-help-rules li{display:flex;gap:17px;align-items:flex-start}
.qcs-help-rules li>span{color:#7da5cd;font-size:13px;line-height:26px;letter-spacing:.05em}
.qcs-help-rules strong{font-size:16px}
.qcs-help-rules p{color:#b8c7db;font-size:14px;margin:5px 0 0}
.qcs-audio-setting{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-block:1px solid #ffffff18;gap:16px}
.qcs-audio-setting span{display:grid;gap:5px}
.qcs-audio-setting small,.qcs-motion-info{color:#aebfd9;font-size:12px}
.qcs-audio-setting input{width:40px;height:23px;accent-color:#61c8ff}
.qcs-motion-info{margin:15px 0 0;text-align:center}
.qcs-mixer label{display:block;margin:18px 0;color:#cddbf0}
.qcs-mixer input[type=range]{width:100%;accent-color:#65cfff;margin-top:10px}
.qcs-mixer p{font-size:13px;color:#b3c5dd;line-height:1.6}
@media(prefers-reduced-motion:reduce){.qcs-app *,.quiz-results-studio-root *,.qcs-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}