.runner{max-width:760px;margin:0 auto}.qtop{z-index:5;background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(10px);padding:12px 0 10px;position:sticky;top:62px}.qmeta{color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.qsec{font-weight:600}.qsec .ko{color:var(--ink-3);margin-left:4px;font-weight:400}.qpos b{color:var(--ink);font:700 16px var(--f-d)}.bar{background:var(--rule);border-radius:6px;height:6px;margin-top:8px;overflow:hidden}.bar i{background:var(--rainbow);height:100%;transition:width .5s var(--ease);border-radius:6px;display:block}.qcard{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);margin-top:8px;padding:22px 22px 18px}.qcard.from-r{animation:inR .42s var(--ease)}.qcard.from-l{animation:inL .42s var(--ease)}@keyframes inR{0%{opacity:0;transform:translate(28px)}}@keyframes inL{0%{opacity:0;transform:translate(-28px)}}.qhead{display:block}.qno{background:var(--night);color:#fff;min-width:0;height:26px;font:700 13px/26px var(--f-d);text-align:center;letter-spacing:.02em;border-radius:8px;margin-bottom:10px;padding:0 10px;display:inline-block}.qt{font:650 clamp(17.5px, 2.4vw, 21px)/1.45 var(--f);letter-spacing:-.005em;margin:0}.kowrap{align-items:flex-start;gap:8px;margin:10px 0 4px;display:flex}.kotog{cursor:pointer;font:700 11px/1 var(--f);background:var(--ink-3);color:#fff;border:0;border-radius:6px;flex:none;padding:5px 7px}.kq{color:var(--ink-2);margin:0;font-size:14px;line-height:1.55}.kowrap.hide .kq{display:none}.kowrap.hide .kotog{background:var(--rule);color:var(--ink-3)}.qimg{margin:16px 0 6px}.qimg img{background:var(--sky);border-radius:14px;width:100%;height:auto}.qimg.sign img{background:0 0;width:min(260px,70%);margin:0 auto}.scene{background:var(--blue-soft);color:#24406e;border-radius:12px;gap:4px;margin:12px 0 4px;padding:12px 14px;font-size:14.5px;list-style:none;display:grid}.scene li:before{content:"▸ ";color:var(--blue)}.video{background:var(--night);color:#fff;font:600 14px/1.2 var(--f);border-radius:999px;align-items:center;gap:8px;margin:14px 0 4px;padding:10px 16px;text-decoration:none;display:inline-flex}.vwrap{margin:14px 0 4px}.vwrap video{aspect-ratio:16/9;background:#0b1f3a;border-radius:14px;width:100%;display:block}.vwrap.err video{display:none}.vwrap.err .vnote a{background:var(--night);color:#fff;border-radius:999px;margin-top:4px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}.vnote a{color:var(--blue)}.vnote{color:var(--ink-3);margin:6px 0 2px;font-size:12.5px;line-height:1.45}.video svg{width:18px;height:18px;fill:var(--lane)}.need{font:700 12.5px/1 var(--f);color:var(--blue);background:var(--blue-soft);border-radius:999px;margin-top:14px;padding:6px 10px;display:inline-block}.opts{gap:10px;margin-top:14px;display:grid}.opt{text-align:left;border:1.5px solid var(--rule);background:var(--card);cursor:pointer;width:100%;transition:border-color .2s, background .2s, transform .2s var(--spring);border-radius:14px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:16px;line-height:1.5;display:flex;position:relative}.opt:hover:not(:disabled){border-color:#b8c6dc;transform:translateY(-1px)}.opt .c{font-family:var(--f-ko);color:var(--ink-3);flex:none;font-weight:700}.opt.sel{border-color:var(--blue);background:var(--blue-soft)}.opt.sel .c{color:var(--blue)}.opt.right{border-color:var(--go);background:var(--go-soft)}.opt.right .c,.opt.right .t{color:#0b6b45;font-weight:650}.opt.wrong{border-color:var(--stop);background:var(--stop-soft)}.opt.wrong .c{color:var(--stop)}.opt.dim{opacity:.55}.opt:disabled{cursor:default}.opt .ok-mark{width:24px;height:24px;transition:transform .35s var(--spring);border-radius:50%;margin-top:-12px;position:absolute;top:50%;right:12px;transform:scale(0)}.opt.right .ok-mark{background:var(--go) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;transform:scale(1)}.opt.wrong.sel .ok-mark{background:var(--stop) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;transform:scale(1)}.opt.right .t,.opt.wrong .t{padding-right:28px}.exp{background:var(--exp);border-left:4px solid var(--exp-line);border-radius:14px;margin-top:16px;padding:14px 16px}.verdict{font:700 15px/1.2 var(--f);margin-bottom:8px}.verdict b{font-family:var(--f-ko);margin-left:6px}.v-ok{color:#0b6b45}.v-no{color:var(--stop)}.et{color:#3a2f12;font-size:15.5px;line-height:1.65}.el{font:700 12px/1 var(--f);letter-spacing:.06em;text-transform:uppercase;color:#8a5a00;margin-right:8px}.exp img{border-radius:10px;margin-top:12px}.qnav{padding:10px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--paper) 30%);gap:10px;margin:16px 0 0;display:flex;position:sticky;bottom:0}.qnav .btn-line{flex:none;width:56px;padding:0}.qnav .act{flex:1 1 0;min-width:0;padding:0 14px}.qnav .btn:disabled{opacity:.45;cursor:default;transform:none}.spark{pointer-events:none;z-index:99;border-radius:50%;width:8px;height:8px;position:fixed}@media (width<=560px){.runner{margin:0 -4px}.qtop{padding:8px 0;top:62px}.qnav{gap:8px}.qnav .btn{min-height:54px;font-size:16px}.qnav .btn-line{width:54px}.qcard{border-radius:16px;padding:18px 16px 14px}.opt{padding:13px 14px;font-size:15.5px}}