.quiz-guide-target{
  position:relative;
  z-index:24;
  outline:2px solid #318dff;
  outline-offset:4px;
  box-shadow:0 0 0 8px #087dff1b,0 16px 38px #365b8720;
}
.quiz-guide{
  position:fixed;
  z-index:50;
  left:24px;
  bottom:96px;
  width:min(370px,calc(100vw - 32px));
  max-height:calc(100dvh - 185px);
  overflow:auto;
  padding:18px;
  border:1px solid #cadff8;
  border-radius:21px;
  background:#fffffff0;
  box-shadow:0 22px 60px #1d4d8740,inset 0 1px #fff;
  -webkit-backdrop-filter:blur(24px) saturate(1.3);
  backdrop-filter:blur(24px) saturate(1.3);
  animation:quiz-guide-enter .25s ease-out;
}
.quiz-guide--right{left:auto;right:24px}
.quiz-guide__top,.quiz-guide__bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}
.quiz-guide__top>span{color:#0874e8;font-size:10px;font-weight:850;letter-spacing:.12em}
.quiz-guide__top>button{width:30px;height:30px;border:0;border-radius:9px;background:#edf3fa;color:#4a6483;font-size:22px;line-height:1}
.quiz-guide h3{margin:9px 0 5px;color:#152540;font-size:20px;line-height:1.2}
.quiz-guide p{margin:0 0 16px;color:#546b85;font-size:13px;line-height:1.5}
.quiz-guide__bottom>span{color:#7a8da7;font-size:12px;font-weight:750}
.quiz-guide__bottom>button{min-height:36px;padding:7px 14px;border:0;border-radius:10px;background:#087dff;color:#fff;font-size:12px;font-weight:800;box-shadow:0 5px 15px #087dff30}
.quiz-guide button:focus-visible,.quiz-guide-replay:focus-visible{outline:3px solid #64aeff;outline-offset:2px}
.quiz-guide-replay{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ios-border,#dce3ee);border-radius:15px;background:#f7f9fd;color:#1673d5;font-size:18px;font-weight:800}
.quiz-guide-replay:hover{background:#eaf3ff}
@keyframes quiz-guide-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:760px){
  .quiz-guide,.quiz-guide--right{left:12px;right:12px;bottom:calc(77px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 170px);padding:15px;border-radius:17px}
  .quiz-guide h3{font-size:18px}
  .quiz-guide p{font-size:12px}
  .quiz-guide-replay{width:36px;height:36px;border-radius:11px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.quiz-guide{animation:none}}