.qs,.qs-stage{position:relative}.qs-stage{--qs-glow-1:color-mix(in oklab,var(--accent) 26%,transparent);--qs-glow-2:color-mix(in oklab,var(--accent-2) 20%,transparent);isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:start;gap:10px;min-height:clamp(560px,calc(100svh - 150px),940px);padding:6px 16px 18px;background:radial-gradient(60% 45% at 50% 62%,var(--qs-glow-1),transparent 70%),radial-gradient(45% 35% at 85% 10%,var(--qs-glow-2),transparent 70%)}html[data-mode=zine] .qs-stage{background:none}.qs-stage:before{content:"퀴즈";position:absolute;z-index:-1;right:-4%;bottom:4%;font-family:var(--font-black-han-sans),sans-serif;font-size:clamp(9rem,40vw,22rem);line-height:1;color:var(--fg);opacity:.05;pointer-events:none}.qs-copy{position:relative;z-index:2;align-content:start;text-align:center}.qs-copy,.qs-title-block{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}.qs-title-block{gap:4px;width:100%;padding-bottom:8px}.qs-kicker{font-family:var(--font-mono),monospace;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2)}.qs-count,.qs-kicker .font-korean{color:var(--accent)}.qs-title.prototype-section-title{width:-moz-max-content;width:max-content;max-width:none;white-space:nowrap;line-height:1.05;margin:0;font-size:var(--qs-title-size,2.4rem)}.qs-measure{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;display:flex;flex-direction:column}.qs-measure .qs-title.prototype-section-title{font-size:100px}.qs-prize{max-width:30rem;font-size:clamp(1.1rem,4.4vw,1.35rem);line-height:1.35;min-height:2.7em;color:var(--fg-2);text-wrap:balance;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.qs-cta-title.prototype-section-title{color:var(--fg)}.qs-cta{justify-self:center;margin-top:4px;padding:14px 26px;border-radius:999px;background:var(--accent);color:var(--color-on-bright);font-weight:800;font-size:1rem}html[data-mode=zine] .qs-cta{border-radius:3px;border:2px solid var(--fg);box-shadow:5px 5px 0 var(--fg)}.qs-deck-wrap{position:relative;z-index:1;display:grid;place-items:center}.qs-deck{position:relative;width:min(64vw,310px,36svh);margin-top:14px}.qs-card{position:absolute;inset:0;transition:transform .95s var(--mo-ease-spring),opacity .6s var(--mo-ease-out)}.qs-main{z-index:3;perspective:1400px}.qs-side{z-index:1}.qs-back{position:absolute;inset:0;border:7px solid #ffffff;border-radius:5.2%/3.3%;box-shadow:0 26px 60px rgba(0,0,0,.32)}html[data-mode=zine] .qs-back{border:2px solid var(--fg);border-radius:3px;box-shadow:7px 7px 0 var(--fg)}.qs-flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .8s var(--mo-ease-spring)}.qs-flip.is-flipped{transform:rotateY(180deg)}.qs-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.qs-face-front{transform:rotateY(180deg);border-radius:5.2%/3.3%;overflow:hidden;box-shadow:0 26px 50px rgba(0,0,0,.32)}.qs-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);mix-blend-mode:screen;transform:translateX(-130%)}.qs-scene-intro .qs-side.is-left{transform:rotate(-16deg) translate(-30%,6%)}.qs-scene-intro .qs-side.is-right{transform:rotate(12deg) translate(28%,4%)}.qs-scene-intro .qs-main{transform:rotate(-3deg)}.qs-scene-quiz .qs-side.is-left{transform:rotate(-9deg) translate(-20%,5%);opacity:.55}.qs-scene-quiz .qs-side.is-right{transform:rotate(8deg) translate(19%,4%);opacity:.55}.qs-scene-quiz .qs-main{transform:rotate(calc(var(--jolt, 0) * 1.8deg)) translateY(calc(var(--jolt, 0) * var(--jolt, 0) * -6px));transition:transform .12s var(--mo-ease-out)}.qs-scene-outro .qs-side.is-left{transform:rotate(-19deg) translate(-38%,8%)}.qs-scene-outro .qs-side.is-right{transform:rotate(15deg) translate(36%,6%)}.qs-scene-outro .qs-main{transform:rotate(2deg) scale(1.03)}.qs-dots{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:0;margin-top:18px}.qs-replay{display:grid;place-items:center;width:34px;height:34px;margin-left:10px;border-radius:999px;border:1.5px solid color-mix(in oklab,var(--fg) 22%,transparent);color:var(--fg);animation:qs-rise .5s var(--mo-ease-out) both}html[data-mode=zine] .qs-replay{border:2px solid var(--fg);border-radius:3px}.qs-dot{position:relative;width:30px;height:10px}.qs-dot:before{content:"";position:absolute;inset:0;border-radius:999px;background:color-mix(in oklab,var(--fg) 24%,transparent);transform:scaleX(.34);transition:transform .4s var(--mo-ease-out),background-color .3s ease}.qs-dot[aria-current=true]:before{transform:scaleX(1);background:var(--accent)}html[data-mode=zine] .qs-dot:before{border-radius:2px}@media (prefers-reduced-motion:no-preference){.qs-scene-intro .qs-card{animation:qs-deal .9s var(--mo-ease-spring) both}.qs-scene-intro .qs-side.is-left{animation-delay:.08s}.qs-scene-intro .qs-side.is-right{animation-delay:.18s}.qs-scene-intro .qs-main{animation-delay:.3s}.qs-title-block>*{animation:qs-rise .7s var(--mo-ease-out) both}.qs-title-block>:first-child{animation:qs-reveal .8s var(--mo-ease-out) both}.qs-title-block>:nth-child(2){animation-delay:.14s}.qs-outro .qs-cta-title{animation:qs-pop .9s var(--mo-ease-spring) .05s both}.qs-outro .qs-cta{animation:qs-rise .6s var(--mo-ease-out) .35s both,qs-pulse 1.6s ease-in-out 1.1s infinite}.qs-deck.is-landed .qs-main .qs-flip{animation:qs-land .6s var(--mo-ease-spring)}.qs-deck.is-landed .qs-sheen{animation:qs-sheen 1s var(--mo-ease-out) .05s}}@keyframes qs-deal{0%{opacity:0;translate:0 70%;rotate:0deg}}@keyframes qs-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes qs-reveal{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(28%)}to{opacity:1;clip-path:inset(-10% -5% -25% -5%);transform:none}}@keyframes qs-pop{0%{opacity:0;transform:scale(.6) rotate(-4deg)}}@keyframes qs-pulse{50%{transform:scale(1.05)}}@keyframes qs-land{0%{scale:1}35%{scale:1.06}to{scale:1}}@keyframes qs-sheen{0%{transform:translateX(-130%)}to{transform:translateX(130%)}}@media (min-width:900px){.qs-stage{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:1fr auto;align-items:center;gap:24px 48px;min-height:min(84vh,800px);padding:48px clamp(32px,5vw,72px) 32px}.qs-copy{grid-column:1;grid-row:1;min-height:0}.qs-copy,.qs-stage{align-content:center}.qs-deck-wrap{grid-column:2;grid-row:1/span 2}.qs-dots{grid-column:1;grid-row:2}.qs-deck{width:min(26vw,360px,52vh)}}html.qs-video :is(header,footer,.ilk-bottom-nav,.qt,.qs-dots .qs-dot){display:none!important}html.qs-video .qs-stage{position:fixed;inset:0;z-index:200;min-height:100svh;background-color:var(--bg)}html.qs-video .qs-deck{width:min(72vw,46svh)}@media (min-width:900px){html.qs-video .qs-deck{width:min(30vw,62vh)}}.qt{padding:56px 16px 88px}.qt-heading.prototype-section-title{font-size:clamp(2.4rem,8vw,4rem);margin-bottom:26px}.qt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}@media (min-width:900px){.qt-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.qt{padding-inline:clamp(32px,5vw,72px)}}.qt-tile{display:grid;gap:6px;align-content:start;color:var(--fg)}.qt-sleeve{position:relative;display:block;padding:5px;border-radius:4px;background:color-mix(in oklab,var(--fg) 6%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--fg) 16%,transparent);transition:transform .45s var(--mo-ease-spring);rotate:calc((var(--i) - 1.5) * 1.2deg)}html[data-mode=zine] .qt-sleeve{padding:0;background:none;box-shadow:6px 6px 0 var(--fg);border:2px solid var(--fg);border-radius:0}.qt-card{display:block;position:relative}.qt-shine{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,transparent 30%,color-mix(in oklab,#FFFFFF 38%,transparent) 45%,transparent 60%);background-size:260% 100%;background-position:100% 0;transition:background-position .9s var(--mo-ease-out)}.qt-tile:focus-visible .qt-sleeve,.qt-tile:hover .qt-sleeve{transform:translateY(-6px);rotate:0deg}.qt-tile:hover .qt-shine{background-position:0 0}.qt-num{margin-top:10px;font-family:var(--font-mono),monospace;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--accent)}html[data-mode=dream] .qt-num{color:color-mix(in oklab,var(--accent) 55%,var(--fg))}.qt-title{font-weight:800;font-size:1.05rem;line-height:1.2}.qt-meta{font-size:.82rem;line-height:1.4;color:var(--fg-2)}.qt-play{margin-top:4px;font-weight:800;font-size:.9rem;color:var(--accent)}html[data-mode=dream] .qt-play{color:color-mix(in oklab,var(--accent) 55%,var(--fg))}.qt-tile:focus-visible{outline:3px solid var(--accent-2);outline-offset:6px;border-radius:6px}@media (prefers-reduced-motion:reduce){.qs-card,.qs-dot:before,.qs-flip,.qt-shine,.qt-sleeve{transition:none}}