.semira-quiz-open,.semira-quiz-open body{overflow:hidden!important}
.semira-quiz{--quiz-gold:#bc9359;--quiz-cream:#f8eee2;--quiz-brown:#2c1206;position:fixed;inset:0;width:min(1200px,calc(100vw - 64px));height:min(880px,calc(100dvh - 64px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--quiz-gold);border-radius:0;background:var(--quiz-cream);color:var(--quiz-brown);overflow:hidden;box-shadow:0 24px 80px #14050155}
.semira-quiz[open]{display:flex;flex-direction:column}
.semira-quiz::backdrop{background:rgba(28,16,10,.65);backdrop-filter:blur(8px)}
.semira-quiz__bar{display:flex;flex:none;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--quiz-brown);border-bottom:1px solid var(--quiz-gold);color:var(--quiz-cream)}
.semira-quiz__brand{font:400 26px/1 'Bebas Neue',sans-serif;letter-spacing:.16em}
.semira-quiz__brand small{display:block;margin-top:4px;font:500 8px/1.2 'Noto Sans Variable',sans-serif;letter-spacing:.24em;color:var(--quiz-gold)}
.semira-quiz__close{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid var(--quiz-gold);border-radius:50%;background:transparent;color:var(--quiz-cream);cursor:pointer}
.semira-quiz__close:hover{background:var(--quiz-gold);color:var(--quiz-brown)}
.semira-quiz__close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}
.semira-quiz__content{position:relative;flex:1;min-height:0}
.semira-quiz__frame{position:relative;display:block;width:100%;height:100%;border:0;background:transparent}
.semira-quiz__loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;font:14px/1.5 'Noto Sans Variable',sans-serif}
.semira-quiz__loading[hidden]{display:none}
.semira-quiz-float{position:fixed;z-index:46;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #f8eee255;border-radius:50%;background:#bc9359;color:#2c1206;box-shadow:0 12px 28px #2c12063d;cursor:pointer}
.semira-quiz-float[hidden]{display:none}
.semira-quiz-float svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.semira-quiz-float span{position:absolute;right:calc(100% + 12px);width:max-content;max-width:230px;padding:10px 14px;border:1px solid #bc9359;border-radius:6px;background:#2c1206;color:#f8eee2;font:12px/1.5 'Noto Sans Variable',sans-serif;opacity:0;visibility:hidden;transition:opacity .2s}
.semira-quiz-float:hover span,.semira-quiz-float:focus-visible span{opacity:1;visibility:visible}
.semira-quiz button:focus-visible,.semira-quiz a:focus-visible,.semira-quiz-float:focus-visible{outline:2px solid #bc9359;outline-offset:4px}
@media(max-width:600px){.semira-quiz{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:0}.semira-quiz__bar{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.semira-quiz-float span{transition:none}}

/* Match the floating action family, including the outer outline. */
.semira-quiz-float{border:1px solid rgba(255,255,255,.35);box-shadow:0 12px 28px rgba(44,18,6,.24)}
.semira-quiz-float:before{content:'';position:absolute;inset:-7px;border:1px solid rgba(44,18,6,.16);border-radius:50%;pointer-events:none}
.semira-quiz-float svg{width:22px;height:22px;stroke-width:1.7}