#quiz-screen{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;overflow:auto;background:#ead2cf;color:#68152a}
#quiz-screen.hidden{display:none}
#quiz-screen .site-header{flex:0 0 auto}
.quiz-content{width:min(100%,480px);margin:0 auto;padding:32px 18px 30px;text-align:center}
.quiz-content h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,8vw,3rem);font-weight:400;line-height:.98}.quiz-content h1 em{font-style:italic}
.quiz-intro{max-width:260px;margin:16px auto 22px;color:#765d62;font-size:.75rem;line-height:1.35}
.quiz-options{display:grid;gap:9px;text-align:left}.quiz-option{display:grid;grid-template-columns:48px 1fr;align-items:center;min-height:57px;padding:5px 12px 5px 5px;border:1px solid rgba(104,21,42,.08);border-radius:999px;background:rgba(255,250,245,.68);color:#68152a;text-align:left;font:inherit;font-size:.73rem;line-height:1.18;box-shadow:0 2px 7px rgba(104,21,42,.03)}.quiz-option-art{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#d8b7ad;color:#68152a;font-size:1.25rem}.quiz-option>span:last-child{padding-left:9px}.quiz-option small{display:block;margin-top:3px;color:#765d62;font-size:.62rem}.quiz-option.is-selected{border-color:#68152a;background:#f8efea;box-shadow:0 0 0 2px rgba(104,21,42,.13)}
.quiz-next{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:46px;margin-top:20px;border:0;border-radius:8px;background:#68152a;color:#fffaf5;font-size:.67rem;font-weight:700;letter-spacing:.08em}.quiz-next span{font-size:1.2rem;line-height:.6}.quiz-message{min-height:18px;margin:8px 0 0;color:#765d62;font-size:.7rem}.quiz-dots{display:flex;justify-content:center;gap:5px;margin-top:10px}.quiz-dots b{width:6px;height:6px;border-radius:50%;background:#c8999a}.quiz-dots .is-active{background:#68152a}