.qv-root{--qv-navy:#1b2646;--qv-navy-2:#26345c;--qv-blue:#2c3e94;--qv-purple:#5b3cc4;--qv-purple-soft:#f1ecff;--qv-orange:#f6a560;--qv-ink:#1d1d2b;--qv-muted:#6b6880;--qv-ok:#1f8a4c;--qv-no:#c0262d;min-height:100vh;color:var(--qv-ink);font-family:var(--font-body), "Malgun Gothic", sans-serif;background:linear-gradient(160deg,#ffe6ef 0%,#fff4e4 28%,#eef1ff 60%,#d9f4ea 100%);flex-direction:column;display:flex;overflow-x:hidden}.qv-root button{font:inherit;cursor:pointer}.qv-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-bottom:1px solid #ece8f5;justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(14px,4vw,48px);display:flex;position:sticky;top:0}.qv-brand{align-items:center;gap:10px;display:flex}.qv-logo{background:linear-gradient(135deg,#ffb3c7,#ffd28a 45%,#8fd3ff);border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.qv-brand strong{font-size:14px;font-weight:800;display:block}.qv-brand small{color:var(--qv-muted);font-size:11px;display:block}.qv-nav{align-items:center;gap:6px;font-size:13px;display:flex}.qv-nav button,.qv-nav-link{color:var(--qv-ink);background:0 0;border:0;border-radius:999px;padding:8px 14px;font-weight:700}.qv-nav button.active{background:var(--qv-blue);color:#fff}.qv-nav-link{color:var(--qv-muted);font-size:12px}.qv-main{flex:1;width:100%}.qv-main.hall{max-width:820px;margin:0 auto;padding:28px clamp(14px,4vw,24px) 120px}.qv-plaza{background:linear-gradient(#fde8f1 0%,#eef0ff 45%,#d6f1ea 100%);min-height:calc(100vh - 62px);position:relative;overflow:hidden}.qv-sky{pointer-events:none;position:absolute;inset:0}.qv-rainbow{opacity:.9;width:84%;height:46%;position:absolute;top:4%;left:8%}.qv-cloud{opacity:.92;background:#fff;border-radius:999px;width:120px;height:44px;animation:38s linear infinite qv-drift;position:absolute;box-shadow:30px -16px 0 6px #fff,64px 0 #fff}.qv-cloud.c1{top:10%;left:-10%}.qv-cloud.c2{animation-duration:52s;animation-delay:-18s;top:22%;left:-30%;transform:scale(.8)}.qv-cloud.c3{animation-duration:46s;animation-delay:-30s;top:6%;left:-20%;transform:scale(1.2)}@keyframes qv-drift{0%{translate:0}to{translate:130vw}}.qv-world{aspect-ratio:16/10;width:min(1100px,100%);margin:0 auto;position:relative}.qv-island{width:100%;height:100%;position:absolute;inset:0}.qv-house,.qv-tree,.qv-flag{pointer-events:none;position:absolute;transform:translate(-50%,-85%)}.qv-tree{width:4%}.qv-flag{width:2.6%}.qv-walker{pointer-events:none;flex-direction:column;align-items:center;width:5.2%;min-width:34px;display:flex;position:absolute;transform:translate(-50%,-100%)}.qv-bob{width:100%;animation:.5s ease-in-out infinite alternate qv-bob}.qv-char-svg{width:100%;height:auto;display:block;overflow:visible}@keyframes qv-bob{0%{translate:0}to{translate:0 -3px}}.qv-nametag{color:var(--qv-ink);white-space:nowrap;background:#fffffff2;border-radius:6px;margin-bottom:2px;padding:2px 7px;font-size:clamp(9px,1.1vw,12px);font-weight:700;box-shadow:0 1px 3px #0000001f}.qv-walker.me .qv-nametag{background:var(--qv-purple);color:#fff}.qv-hall-button{z-index:900;border:3px solid var(--qv-purple);color:var(--qv-navy);background:#fff;border-radius:999px;padding:12px 20px;font-size:clamp(13px,1.6vw,17px);font-weight:800;animation:3s ease-in-out infinite qv-wiggle;position:absolute;top:30%;left:72%;box-shadow:0 8px 20px #5b3cc438}.qv-hall-button:hover{background:var(--qv-purple-soft)}@keyframes qv-wiggle{0%,85%,to{rotate:none}89%{rotate:-3deg}93%{rotate:3deg}}.qv-board{z-index:950;background:var(--qv-navy);color:#fff;border:3px solid #8a6a4a;border-radius:16px;width:min(330px,86vw);padding:16px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 34px #1b26464d}.qv-board header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.qv-board header strong{font-size:15px;font-weight:800}.qv-board header small{color:#b8c0dd;font-size:11px}.qv-board ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.qv-board li{grid-template-columns:24px 1fr 10px 32px;align-items:center;gap:10px;padding:6px 4px;font-size:13px;font-weight:700;display:grid}.qv-rank{background:#3a4770;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.qv-rank.r1{background:#c2410c}.qv-rank.r2{background:#4b5563}.qv-rank.r3{background:#9a3412}.qv-board-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qv-dot{background:#f6c344;border-radius:50%;width:7px;height:7px}.qv-dot.done{background:#34d399}.qv-board-score{color:#ffd166;text-align:right;font-size:15px;font-weight:800}.qv-board>button{background:var(--qv-orange);width:100%;color:var(--qv-navy);border:0;border-radius:10px;margin-top:10px;padding:9px;font-size:13px;font-weight:800}.qv-board>button:disabled{opacity:.6;cursor:default}.qv-board-empty,.qv-board-note{color:#c9cfe6;margin:4px 0 0;font-size:12px;line-height:1.6}.qv-modal{z-index:2000;background:#14182d73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.qv-board-full{max-height:80vh;animation:.45s cubic-bezier(.2,1.4,.4,1) both qv-pop;position:relative;top:auto;left:auto;overflow-y:auto;transform:none}.qv-close{color:#fff;background:0 0;border:0;font-size:16px}.qv-card{background:linear-gradient(#fffdfd,#fbfaff) padding-box padding-box,linear-gradient(135deg,#ffb3c7,#ffd28a,#9be0a6,#8fd3ff,#c4a8ff) border-box;border:3px solid #0000;border-radius:26px;padding:clamp(20px,4vw,34px);position:relative;box-shadow:0 18px 40px #5b3cc41f}.qv-pop{animation:.6s cubic-bezier(.2,1.4,.4,1) both qv-pop}@keyframes qv-pop{0%{opacity:0;rotate:-4deg;scale:.6}60%{opacity:1;rotate:1deg;scale:1.04}to{rotate:none;scale:1}}.qv-chip{color:#9d174d;background:#fde1ee;border-radius:999px;margin:0 0 12px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-block}.qv-chip.hard{color:#b4410c;background:#ffe4cc}.qv-muted{color:var(--qv-muted);font-size:14px;line-height:1.7}.qv-primary{background:var(--qv-purple);color:#fff;border:0;border-radius:999px;align-items:center;gap:6px;padding:12px 22px;font-size:14px;font-weight:800;transition:transform .15s;display:inline-flex;box-shadow:0 6px 14px #5b3cc44d}.qv-primary:hover{transform:translateY(-2px)}.qv-primary:disabled{opacity:.6;cursor:default;transform:none}.qv-pill{color:var(--qv-ink);background:#fff;border:0;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #0000000f}.qv-error{color:var(--qv-no);margin:12px 0 0;font-size:13px;font-weight:700}.qv-register h2{margin:0 0 8px;font-size:clamp(22px,3.4vw,30px);font-weight:800;line-height:1.35}.qv-register label{gap:6px;margin-top:16px;font-size:13px;font-weight:800;display:grid}.qv-register input:not([type=checkbox]){font:inherit;background:#fff;border:2px solid #e5e0f5;border-radius:14px;outline:none;padding:13px 16px;font-size:15px;transition:border-color .15s}.qv-register input:focus{border-color:var(--qv-purple)}.qv-register .qv-consent{background:var(--qv-purple-soft);border-radius:14px;align-items:flex-start;gap:10px;padding:14px;font-weight:500;line-height:1.65;display:flex}.qv-consent input{width:18px;height:18px;accent-color:var(--qv-purple);flex:none;margin-top:3px}.qv-register .qv-primary{margin-top:20px}.qv-register-mascot{width:64px;animation:2.4s ease-in-out infinite qv-peek;position:absolute;top:-46px;right:28px}@keyframes qv-peek{0%,to{translate:0}50%{translate:0 -8px}}.qv-quiz-top{margin-bottom:18px}.qv-quiz-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.qv-quiz-meta .qv-chip{margin:0}.qv-me{margin-left:auto;font-size:13px;font-weight:700}.qv-score{background:#fff;border-radius:999px;padding:6px 14px;font-size:13px}.qv-score strong{font-size:17px}.qv-progress{grid-template-columns:repeat(20,1fr);gap:5px;margin:16px 0 22px;padding:0;list-style:none;display:grid}.qv-progress button{background:#fff;border:2px solid #0000;border-radius:999px;width:100%;height:12px;padding:0}.qv-progress button.now{border-color:var(--qv-purple)}.qv-progress button.ok{background:#9be0a6}.qv-progress button.no{background:#f6a3a8}.qv-question.hard{background:linear-gradient(#fffaf5,#fff6f0) padding-box padding-box,linear-gradient(135deg,#ff9a62,#ffcf6e,#ff8fa3) border-box}.qv-qnum{color:var(--qv-muted);margin:0 0 10px;font-size:14px}.qv-qnum strong{color:var(--qv-purple)}.qv-hard-badge{color:#fff;background:#ff7a45;border-radius:999px;margin-left:10px;padding:3px 10px;font-size:12px;font-weight:800;animation:1.2s ease-in-out infinite qv-wiggle;display:inline-block}.qv-question h2{word-break:keep-all;margin:0 0 22px;font-size:clamp(19px,2.8vw,26px);font-weight:800;line-height:1.45}.qv-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.qv-option{min-height:78px;color:var(--qv-ink);text-align:left;word-break:keep-all;border:2px solid;border-radius:18px;align-items:center;gap:14px;padding:16px 18px;font-size:14.5px;font-weight:700;line-height:1.45;transition:transform .15s,box-shadow .15s;animation:.5s cubic-bezier(.2,1.5,.4,1) both qv-option-in;display:flex;position:relative}@keyframes qv-option-in{0%{opacity:0;translate:0 18px;scale:.9}to{opacity:1;translate:0;scale:1}}.qv-option.o1{background:#ffe6f0;border-color:#f6b7cf}.qv-option.o2{background:#fff1dd;border-color:#f6cf98}.qv-option.o3{background:#e3f6ea;border-color:#a8dcb8}.qv-option.o4{background:#e4eeff;border-color:#abc7f3}.qv-option:not(:disabled):hover{transform:translateY(-3px)scale(1.01);box-shadow:0 8px 18px #00000014}.qv-option:disabled{cursor:default}.qv-num{background:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.qv-option.is-answer{border-color:var(--qv-ok);background:#effaf2;animation:.6s both qv-correct}.qv-option.is-wrong{border-color:var(--qv-no);background:#fff1f1;animation:.45s both qv-shake}.qv-option.is-dim{opacity:.5}@keyframes qv-correct{40%{scale:1.05}to{scale:1}}@keyframes qv-shake{20%,60%{translate:-6px}40%,80%{translate:6px}}.qv-tag{font-size:12px;font-weight:800;position:absolute;top:8px;right:12px}.qv-tag.ok{color:var(--qv-ok)}.qv-tag.no{color:var(--qv-no)}.qv-explain{background:#f4f0ff;border-radius:18px;margin-top:22px;padding:20px 22px;font-size:14px;line-height:1.75;animation:.5s cubic-bezier(.2,1.4,.4,1) both qv-pop}.qv-explain p{margin:0 0 10px}.qv-explain-title{font-size:15px;font-weight:800}.qv-explain.ok .qv-explain-title{color:var(--qv-ok)}.qv-explain.no .qv-explain-title{color:var(--qv-no)}.qv-explain a{color:var(--qv-purple);margin-bottom:14px;font-size:12.5px;font-weight:700;display:inline-block}.qv-mascot{z-index:60;pointer-events:none;justify-content:flex-end;align-items:flex-end;gap:6px;width:210px;animation:.7s cubic-bezier(.2,1.6,.4,1) both qv-jump-in;display:flex;position:fixed;bottom:18px;right:clamp(10px,4vw,40px)}.qv-mascot .qv-char-svg{flex:none;width:62px}.qv-mascot.happy .qv-char-svg{animation:.45s ease-in-out 3 qv-hop}.qv-mascot.sad .qv-char-svg{animation:.5s qv-shake}.qv-bubble{background:#fff;border-radius:14px 14px 4px;padding:9px 12px;font-size:12.5px;font-weight:800;line-height:1.4;box-shadow:0 6px 16px #0000001a}@keyframes qv-jump-in{0%{opacity:0;translate:0 120px}70%{opacity:1;translate:0 -12px}to{translate:0}}@keyframes qv-hop{50%{translate:0 -16px}}.qv-confetti{z-index:3000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.qv-confetti span{border-radius:2px;width:9px;height:14px;animation:1.6s ease-in forwards qv-fall;position:absolute;top:-12px}@keyframes qv-fall{to{opacity:.2;translate:0 105vh;rotate:540deg}}.qv-finish{text-align:center}.qv-finish-chars{justify-content:center;gap:10px;margin-bottom:10px;display:flex}.qv-finish-chars .qv-char-svg{width:54px;animation:.6s ease-in-out infinite alternate qv-hop}.qv-finish-chars .qv-char-svg:nth-child(2){animation-delay:.2s}.qv-finish-chars .qv-char-svg:nth-child(3){animation-delay:.4s}.qv-finish h2{margin:0;font-size:22px;font-weight:800}.qv-finish-score{color:var(--qv-muted);margin:8px 0;font-size:22px;font-weight:800}.qv-finish-score strong{color:var(--qv-purple);font-size:64px}.qv-finish-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.qv-footer{z-index:55;background:#ffffffeb;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;font-weight:700;display:flex;position:fixed;bottom:14px;left:14px;box-shadow:0 4px 14px #00000014}.qv-footer button{color:var(--qv-purple);background:0 0;border:0;font-size:12px;font-weight:800}@media (max-width:720px){.qv-header{flex-wrap:wrap}.qv-nav-link{display:none}.qv-options{grid-template-columns:1fr}.qv-option{min-height:0}.qv-world{aspect-ratio:10/11;margin-top:230px}.qv-walker{width:7%}.qv-hall-button{top:4%;left:50%;transform:translate(-50%)}.qv-mascot{width:160px;bottom:64px}.qv-mascot .qv-char-svg{width:48px}.qv-progress{gap:3px}}@media (prefers-reduced-motion:reduce){.qv-root *,.qv-root :before,.qv-root :after{animation-duration:.01ms!important;animation-iteration-count:1!important}}