.qz{--qz-a: var(--g-accent);--qz-a2: var(--g-accent-2);--qz-c: var(--rc, var(--g-accent));position:relative;width:min(100%,1040px);margin:0 auto}.qz [hidden]{display:none!important}.qz [tabindex="-1"]:focus{outline:none}.qz .g-btn--primary{color:#1a1406}.qz .g-btn--crystal{color:#04203a}.qz-sprite{position:absolute;width:0;height:0;overflow:hidden}.qz-i{width:1.2em;height:1.2em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.qz-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.qz[data-screen=start]{margin-block:auto}.qz-screen{animation:qz-in .6s var(--g-ease) both}@keyframes qz-in{0%{opacity:0;transform:translateY(12px)}}.qz-hero{position:relative;height:clamp(190px,26vh,300px);margin-top:-6px;pointer-events:none}.qz[data-screen=play] .qz-hero,.qz[data-screen=result] .qz-hero{display:none}.qz-aura{position:absolute;inset:4% -4% 0;border-radius:50%;filter:blur(4px);animation:qz-breathe 6s ease-in-out infinite;background:radial-gradient(closest-side,color-mix(in srgb,var(--qz-c) 46%,transparent),color-mix(in srgb,var(--qz-c) 12%,transparent) 62%,transparent 76%)}.qz-ring{position:absolute;inset:9% 3% 3%;border-radius:50%;border:1px solid color-mix(in srgb,var(--qz-c) 40%,transparent);opacity:.6}.qz-portrait{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 18px 24px rgba(0,0,0,.5))}.qz-floor{position:absolute;left:20%;right:20%;bottom:-1%;height:5%;z-index:1;border-radius:50%;background:#00000080;filter:blur(10px)}@keyframes qz-breathe{0%,to{opacity:.68;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}.qz-hero.is-happy .qz-portrait{animation:qz-hop 1s var(--g-ease)}.qz-hero.is-sway .qz-portrait{animation:qz-sway 1.2s ease-in-out}@keyframes qz-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}@keyframes qz-sway{0%,to{transform:rotate(0);transform-origin:50% 100%}50%{transform:rotate(-1.6deg);transform-origin:50% 100%}}@media(max-width:979px){.qz-body{width:min(100%,640px);margin-inline:auto}.qz-hero{width:min(100%,420px);margin-inline:auto}}@media(min-width:980px){.qz-grid{grid-template-columns:minmax(300px,360px) minmax(0,620px);justify-content:center;gap:clamp(28px,4.5vw,64px);align-items:start}.qz-hero{display:block!important;position:sticky;top:92px;height:min(var(--qz-hh, 600px),calc(100vh - 120px));margin-top:0}.qz-portrait{left:-12%;width:124%}.qz[data-screen=start] .qz-grid{align-items:center}.qz[data-screen=start] .qz-hero{position:relative;top:0}}.qz-start{display:flex;flex-direction:column;align-items:center;text-align:center}.qz-start .g-title{margin:8px 0 6px}.qz-sub{margin:0;color:var(--g-mute);font-size:clamp(15px,1.7vw,18px);letter-spacing:.06em}.qz .qz-say,.qz .qz-card{background:linear-gradient(170deg,#1c245ccc,#090d26e6)}.qz-say{width:100%;margin-top:30px;padding:28px clamp(18px,3vw,28px) 22px;text-align:left;border-radius:22px}.qz-tag{position:absolute;left:20px;top:-14px;padding:4px 16px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.2em;color:#0b1030;background:linear-gradient(135deg,var(--qz-a2),var(--qz-a));box-shadow:0 8px 20px -8px color-mix(in srgb,var(--qz-a) 80%,transparent)}.qz-say-text p{margin:0 0 .8em;font-size:16px;line-height:1.9;color:var(--g-text)}.qz-say-text p:last-child{margin-bottom:0}.qz-say-text strong{color:var(--qz-a2);font-weight:700}.qz-soft{color:var(--g-mute);font-style:italic}.qz-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 0;padding:0;list-style:none}.qz-go{margin-top:26px;min-width:220px}@media(min-width:980px){.qz-start{align-items:flex-start;text-align:left}.qz-chips{justify-content:flex-start}}@media(max-width:640px){.qz-start .g-title{margin:6px 0 4px}.qz-say{margin-top:22px;padding:26px 18px 18px}.qz-say-text p{margin-bottom:.65em;font-size:15px;line-height:1.8}.qz-chips{gap:6px;margin-top:16px}.qz-chips .g-chip{padding:6px 12px;font-size:12.5px}.qz-go{width:100%;margin-top:20px;position:sticky;bottom:max(14px,env(safe-area-inset-bottom));z-index:5}}.qz-play{display:flex;flex-direction:column;gap:14px}.qz-top{display:flex;align-items:center;gap:12px}.qz-top-txt{display:flex;flex-direction:column;gap:1px;min-width:0}.qz-top .g-eyebrow{letter-spacing:.3em}.qz-ptext{font-size:14px;letter-spacing:.06em;color:var(--g-mute)}.qz-avatar{flex:none;width:46px;height:46px;border-radius:50%;background:var(--qz-portrait) var(--qz-av-pos) / var(--qz-av-size) auto no-repeat,radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--qz-a) 32%,#161d5c),#0b1030);border:2px solid color-mix(in srgb,var(--qz-a) 70%,transparent);box-shadow:0 0 0 3px #080b2280,0 10px 22px -10px color-mix(in srgb,var(--qz-a) 75%,transparent)}@media(min-width:980px){.qz-top .qz-avatar{display:none}}.qz-card{padding:clamp(20px,3vw,32px);overflow:hidden}.qz-card.is-in{animation:qz-in .45s var(--g-ease) both}.qz-ghost{position:absolute;right:16px;top:-6px;font-family:var(--g-display);font-weight:700;font-size:clamp(84px,12vw,132px);line-height:1;letter-spacing:.02em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--qz-a) 34%,transparent);opacity:.55;pointer-events:none;user-select:none}.qz-qnum{position:relative;display:inline-flex;align-items:center;gap:10px;font-family:var(--g-sans);font-weight:900;font-size:14px;letter-spacing:.22em;color:var(--qz-a)}.qz-qnum:before{content:"";width:22px;height:1px;background:currentColor;opacity:.7}.qz-q{position:relative;margin:12px 0 22px;font-family:var(--g-serif);font-weight:900;font-size:clamp(20px,2.5vw,27px);line-height:1.55;letter-spacing:.04em;text-wrap:balance}.qz-options{position:relative;display:grid;gap:10px}.qz-choice{min-height:60px;font-size:16px;line-height:1.5;color:var(--g-text)}.qz-choice:focus-visible{outline:2px solid var(--g-gold-2);outline-offset:3px}.qz-letter{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-family:var(--g-display);font-weight:700;font-size:14px;letter-spacing:0;background:#ffffff12;border:1px solid var(--g-line-2);transition:background .3s,border-color .3s,color .3s}.qz-choice:hover .qz-letter{background:color-mix(in srgb,var(--qz-a) 28%,transparent);border-color:color-mix(in srgb,var(--qz-a) 80%,transparent)}.qz-opt{flex:1;min-width:0;overflow-wrap:anywhere}.qz-mark{flex:none;width:22px;height:22px;margin-left:auto;opacity:0;transform:scale(.6);transition:opacity .4s,transform .4s var(--g-ease)}.qz-choice.is-right .qz-mark,.qz-choice.is-wrong .qz-mark{opacity:1;transform:none}.qz-choice.is-right .qz-mark{color:#8ff0a8}.qz-choice.is-wrong .qz-mark{color:#ffb4b4}.qz-choice.is-right .qz-letter{background:#6fe08feb;border-color:transparent;color:#06260f}.qz-choice.is-wrong .qz-letter{background:#ff9696e6;border-color:transparent;color:#3b0b0b}.qz-choice.is-dim{opacity:.5}.qz-options.is-locked .qz-choice{cursor:default}.qz-options.is-locked .qz-choice:hover{transform:none}.qz-options.is-locked .qz-choice:not(.is-right):not(.is-wrong):hover{background:#ffffff0a;border-color:var(--g-line)}.qz-options.is-locked .qz-choice:not(.is-right):not(.is-wrong):hover .qz-letter{background:#ffffff12;border-color:var(--g-line-2)}.qz-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;margin-top:20px}.qz-fb{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.6;opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s var(--g-ease)}.qz-fb .qz-i{margin-top:.22em}.qz-fb p{margin:0}.qz-fb.is-right{color:#a9f3bc}.qz-fb.is-wrong{color:#fcc}.qz-fb-explain{margin-top:4px!important;color:var(--g-mute)}.qz-next{flex:none;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s,transform .3s var(--g-ease),background .3s,filter .3s}.qz-foot.is-open .qz-fb{opacity:1;transform:none}.qz-foot.is-open .qz-next{opacity:1;visibility:visible;transition:opacity .4s,transform .3s var(--g-ease),background .3s,filter .3s}@media(max-width:640px){.qz-foot{flex-direction:column;align-items:stretch;gap:12px;min-height:0}.qz-fb{min-height:26px}.qz-next{width:100%}}.qz-result{display:flex;flex-direction:column;align-items:center;gap:18px}.qz-result>*{width:min(100%,560px)}.qz-rb{position:relative;display:grid;gap:14px;text-align:center;padding:clamp(24px,4.5vw,34px) clamp(18px,4.5vw,30px) clamp(18px,3.5vw,24px)}.qz-rb:before{content:"";position:absolute;inset:8px;border-radius:15px;border:1px solid rgba(232,196,106,.32);pointer-events:none}.qz-cd{position:absolute;width:8px;height:8px;background:var(--g-gold-grad);transform:rotate(45deg);box-shadow:0 0 8px #f6dc8c73}.qz-cd--tl{left:4px;top:4px}.qz-cd--tr{right:4px;top:4px}.qz-cd--bl{left:4px;bottom:4px}.qz-cd--br{right:4px;bottom:4px}.qz-r-school{margin:0;font-family:var(--g-serif);font-size:12.5px;letter-spacing:.28em;color:var(--g-gold)}.qz-r-title{margin:6px 0 0;font-family:var(--g-serif);font-weight:900;font-size:clamp(26px,5vw,34px);letter-spacing:.14em;line-height:1.25;background:linear-gradient(180deg,#fff,#dfe6ff 58%,color-mix(in srgb,var(--qz-a) 55%,#b9c4ff));-webkit-background-clip:text;background-clip:text;color:transparent}.qz-r-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding:11px 4px 0;font-size:13px;letter-spacing:.04em;color:var(--g-mute);border-top:1px solid var(--g-line)}.qz-r-score{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:16px 14px 16px 20px;text-align:left;border-radius:18px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--qz-c) 20%,transparent),transparent 70%),#ffffff0a;border:1px solid color-mix(in srgb,var(--qz-c) 45%,transparent)}.qz-r-label{font-size:13px;letter-spacing:.12em;color:var(--g-mute)}.qz-r-num{display:flex;align-items:baseline;gap:6px;margin:6px 0 10px;line-height:1}.qz-r-num b{font-family:var(--g-display);font-weight:700;font-size:clamp(56px,14vw,78px);letter-spacing:.02em;color:#fff;text-shadow:0 0 26px color-mix(in srgb,var(--qz-c) 50%,transparent)}.qz-r-num small{font-family:var(--g-serif);font-size:20px;font-weight:700;color:var(--g-mute)}.qz-r-grade{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--g-serif);font-weight:900;font-size:clamp(20px,4.6vw,26px);letter-spacing:.08em;line-height:1.3}.qz-r-grade .qz-i{width:22px;height:22px;fill:color-mix(in srgb,var(--qz-c) 24%,transparent)}.qz-stamp{display:grid;place-items:center;width:84px;height:84px;padding:8px;border-radius:50%;text-align:center;transform:rotate(-12deg);font-family:var(--g-serif);font-weight:900;font-size:14px;line-height:1.25;letter-spacing:.06em;text-shadow:none;border:2px solid var(--qz-c);outline:1px solid color-mix(in srgb,var(--qz-c) 55%,transparent);outline-offset:-7px;background:color-mix(in srgb,var(--qz-c) 9%,transparent)}.qz-stamp span{text-wrap:balance}.qz-r-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.qz-r-stat{padding:10px 10px 11px;border-radius:12px;background:#ffffff0b;border:1px solid var(--g-line)}.qz-r-stat dt{margin:0 0 3px;font-size:12px;letter-spacing:.1em;color:var(--g-faint)}.qz-r-stat dd{margin:0;font-size:15px;font-weight:700;color:var(--g-text);overflow-wrap:anywhere}.qz-r-stat dd.is-pips{color:var(--qz-c);letter-spacing:.1em;white-space:nowrap}@media(max-width:360px){.qz-r-stat dd.is-pips{font-size:13px;letter-spacing:0}}.qz-r-say{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px;text-align:left;border-radius:16px;background:#ffffff0b;border:1px solid var(--g-line)}.qz-r-say .qz-avatar{width:52px;height:52px}.qz-r-say-t{margin:0 0 4px;font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--qz-a)}.qz-r-say-p{margin:0;font-size:15px;line-height:1.85;color:var(--g-text)}.qz-r-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 14px;padding-top:2px;font-size:12px;letter-spacing:.06em;color:var(--g-faint)}.qz-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:14px;color:var(--g-mute)}.qz-reward{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:18px 20px;border-color:#e8c46a61;background:linear-gradient(160deg,#40301457,#0a0e28bd)}.qz-reward:before{background:linear-gradient(90deg,transparent,var(--g-gold),transparent)}.qz-reward-pic{width:108px;height:auto;aspect-ratio:1116 / 2000;object-fit:cover;border-radius:14px;border:1px solid rgba(246,220,140,.55);transform:rotate(-3deg);box-shadow:0 16px 30px -12px #000000bf,0 0 44px -8px #e8c46a6b}.qz-reward-t{margin:0 0 14px;font-family:var(--g-serif);font-weight:900;font-size:clamp(18px,2.4vw,22px);letter-spacing:.06em;line-height:1.45}.qz-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}@media(max-width:640px){.qz-actions .g-btn{flex:1 1 100%}.qz-reward{grid-template-columns:88px minmax(0,1fr);padding:16px;gap:14px}.qz-reward-pic{width:88px}.qz-reward .g-btn{width:100%}.qz-stamp{width:74px;height:74px;font-size:13px}}.qz-fx{position:fixed;inset:0;z-index:70;overflow:hidden;pointer-events:none}.qz-p{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);color:var(--c);opacity:0;animation:var(--anim) var(--dur) var(--ease-p, ease-out) var(--del, 0s) forwards}.qz-p svg{display:block;width:100%;height:100%;fill:currentColor;stroke:none;transform:rotate(var(--r0, 0deg))}@keyframes qz-rise{0%{opacity:0;transform:translateY(8px) scale(.6)}30%{opacity:.8}to{opacity:0;transform:translate(var(--dx),-64px) scale(1)}}@keyframes qz-fall{0%{opacity:0;transform:translateZ(0) rotate(0)}10%{opacity:.7}85%{opacity:.5}to{opacity:0;transform:translate3d(var(--dx),var(--fall),0) rotate(var(--rot))}}@media(prefers-reduced-motion:reduce){.qz-screen,.qz-card.is-in,.qz-aura,.qz-hero.is-happy .qz-portrait,.qz-hero.is-sway .qz-portrait{animation:none}.qz-choice,.qz-mark,.qz-fb,.qz-next,.qz-letter{transition:none}.qz-fx{display:none}}
