/* Isolated Sun-Noir Shadow Work Quiz grimoire aesthetic. No Octa Quiz selectors. */
.sncw-quiz{--sncw-gold:#c8aa78;--sncw-ink:#e3d5b8;--sncw-muted:rgba(227,213,184,.72);--sncw-bg:#0f0e14;--sncw-border:rgba(200,170,120,.30);--sncw-heading:'Macondo Swash Caps',Georgia,serif;--sncw-body:'Red Hat Display',system-ui,sans-serif;box-sizing:border-box;isolation:isolate;position:relative;max-width:100%;padding:clamp(10px,2vw,22px);border:1px solid var(--sncw-border);border-radius:18px;color:var(--sncw-ink);background:radial-gradient(ellipse 90% 40% at 10% 0%,rgba(200,160,100,.13),transparent),radial-gradient(ellipse 80% 38% at 90% 100%,rgba(150,100,50,.10),transparent),repeating-linear-gradient(45deg,rgba(227,213,184,.016) 0,rgba(227,213,184,.016) 2px,transparent 2px,transparent 9px),var(--sncw-bg);box-shadow:0 12px 40px rgba(0,0,0,.55)}
.sncw-quiz *, .sncw-quiz *::before,.sncw-quiz *::after{box-sizing:border-box}
.sncw-quiz .sncw-card{max-width:920px;margin:auto;background:rgba(18,16,22,.9);border:1px solid var(--sncw-border);border-radius:18px;padding:clamp(17px,3.2vw,35px);box-shadow:0 18px 40px rgba(0,0,0,.65),0 0 0 1px rgba(200,170,120,.11) inset;animation:sncw-enter .28s ease-out}
.sncw-quiz .sncw-loading{font:500 15px var(--sncw-body)}
.sncw-quiz .sncw-kicker{font:700 11px var(--sncw-body);letter-spacing:.17em;text-transform:uppercase;color:#c8aa78;margin-bottom:12px}
.sncw-quiz .sncw-title{font:normal clamp(26px,4vw,42px)/1.22 var(--sncw-heading);color:#ead6a7;margin:0 0 12px;text-shadow:0 2px 20px rgba(200,170,120,.12)}
.sncw-quiz .sncw-subtitle{font:400 clamp(13px,1.7vw,16px)/1.6 var(--sncw-body);color:var(--sncw-muted);margin:0 0 18px}
.sncw-quiz .sncw-tagline{font:italic 19px/1.6 Georgia,serif;color:#e3c592;margin:14px 0 24px}
.sncw-quiz .sncw-body{font:400 clamp(14px,1.55vw,16px)/1.8 var(--sncw-body);color:var(--sncw-ink);margin:0 0 16px;white-space:pre-line}
.sncw-quiz .sncw-note{padding:17px 18px;border:1px solid rgba(200,170,120,.28);background:rgba(200,170,120,.055);border-radius:12px;margin:22px 0}
.sncw-quiz .sncw-note p:last-child{margin-bottom:0}
.sncw-quiz .sncw-count{font:600 12px/1.4 var(--sncw-body);letter-spacing:.09em;color:var(--sncw-muted);margin:14px 0 8px}
.sncw-quiz .sncw-progress{height:5px;overflow:hidden;border-radius:99px;background:rgba(220,200,170,.13);margin:0 0 25px}
.sncw-quiz .sncw-progress__bar{height:100%;width:0;background:linear-gradient(90deg,#80633e,#ddc08b);border-radius:99px;transition:width .3s ease}
.sncw-quiz .sncw-fieldset{margin:0;padding:0;min-width:0;border:0}
.sncw-quiz .sncw-question{font:400 clamp(18px,2.3vw,24px)/1.52 var(--sncw-body);color:#f0e2c6;margin-bottom:22px;padding:0;width:100%}
.sncw-quiz .sncw-options{display:grid;gap:10px}
.sncw-quiz .sncw-option{display:flex;align-items:flex-start;gap:12px;position:relative;padding:15px 16px;border:1px solid rgba(200,170,120,.24);background:rgba(31,26,35,.72);border-radius:12px;cursor:pointer;transition:border-color .17s,background .17s,transform .17s;font:400 15px/1.6 var(--sncw-body);color:var(--sncw-ink);text-align:left}
.sncw-quiz .sncw-option:hover{background:rgba(49,39,46,.88);border-color:rgba(220,190,140,.60);transform:translateY(-1px)}
.sncw-quiz .sncw-option:focus-within{outline:2px solid #dfc58e;outline-offset:2px}
.sncw-quiz .sncw-option.is-selected{border-color:#d0ac73;background:rgba(161,117,61,.17);box-shadow:inset 0 0 0 1px rgba(200,170,120,.28)}
.sncw-quiz .sncw-option input{margin:5px 0 0;flex:0 0 auto;accent-color:#ccad70;width:16px;height:16px}
.sncw-quiz .sncw-option__letter{font:700 12px var(--sncw-body);width:23px;line-height:25px;text-align:center;color:#debd7f;background:rgba(200,170,120,.12);border-radius:6px;flex:0 0 23px}
.sncw-quiz .sncw-option__text{flex:1;min-width:0}
.sncw-quiz .sncw-bonus-option{align-items:center;gap:12px}
.sncw-quiz .sncw-bonus-option input{margin-top:0}
.sncw-quiz .sncw-points{color:#d9ad76;font:700 14px var(--sncw-body);white-space:nowrap;padding-left:8px}
.sncw-quiz .sncw-point-pop{position:absolute;right:12px;top:-18px;color:#f3c77f;font:700 14px var(--sncw-body);z-index:2;white-space:nowrap;pointer-events:none;animation:sncw-pop 1.25s ease forwards;text-shadow:0 0 10px #aa7d42}
.sncw-quiz .sncw-bonus-total{font:700 12px var(--sncw-body);text-align:right;letter-spacing:.12em;color:#e1bf83;margin-top:15px}
.sncw-quiz .sncw-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:27px}
.sncw-quiz .sncw-btn{appearance:none;border-radius:9px;padding:11px 19px;min-height:44px;font:600 14px var(--sncw-body);cursor:pointer;transition:transform .15s,background .2s,color .2s;border:1px solid var(--sncw-border)}
.sncw-quiz .sncw-btn:hover{transform:translateY(-1px)}
.sncw-quiz .sncw-btn:focus-visible{outline:2px solid #e3d5b8;outline-offset:2px}
.sncw-quiz .sncw-btn--primary{color:#160f0d;border-color:#b89861;background:linear-gradient(135deg,#e4c996,#ae8751)}
.sncw-quiz .sncw-btn--primary:hover{background:linear-gradient(135deg,#f1d8ab,#c69c60)}
.sncw-quiz .sncw-btn--ghost{color:#e6d4ae;background:transparent}
.sncw-quiz .sncw-btn--ghost:hover{background:rgba(190,150,91,.1)}
.sncw-quiz .sncw-btn:disabled{opacity:.38;cursor:not-allowed;transform:none}
.sncw-quiz .sncw-fineprint{font:400 12px/1.65 var(--sncw-body);color:rgba(227,213,184,.57);margin:18px 0 0}
.sncw-quiz .sncw-error{background:rgba(140,43,43,.2);border-left:3px solid #cb7373;color:#ffd5cb;border-radius:6px;padding:10px 12px;margin:15px 0;font:500 14px/1.5 var(--sncw-body)}
/* Optional result-tier illustration, directly between the result name and subtitle. */
.sncw-quiz .sncw-result-image{display:flex;align-items:center;justify-content:center;margin:6px auto 23px;width:100%;max-width:700px;min-width:0}
.sncw-quiz .sncw-result-image img{display:block;max-width:100%;width:auto;height:auto;max-height:520px;object-fit:contain;border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.sncw-quiz .sncw-metrics{display:flex;gap:28px;flex-wrap:wrap;margin:12px 0 22px;padding:18px;border:1px solid var(--sncw-border);border-radius:11px}
.sncw-quiz .sncw-metrics>div{display:flex;align-items:baseline;gap:10px}
.sncw-quiz .sncw-metrics strong{font:normal clamp(34px,5vw,50px) var(--sncw-heading);color:#edce95}
.sncw-quiz .sncw-metrics span{font:600 11px var(--sncw-body);color:var(--sncw-muted);letter-spacing:.08em}
.sncw-quiz .sncw-progress--result{height:8px;margin-bottom:24px}
.sncw-quiz .sncw-mini-title,.sncw-quiz .sncw-final-mirror h3,.sncw-quiz .sncw-disclaimer h3,.sncw-quiz .sncw-note h3{font:400 clamp(21px,2.3vw,27px) var(--sncw-heading);margin:25px 0 12px;color:#dfc48f}
.sncw-quiz .sncw-reflection{padding:15px 18px;border-left:2px solid #b8965f;background:rgba(194,153,95,.06);margin:14px 0;border-radius:0 10px 10px 0}
.sncw-quiz .sncw-reflection h4{font:600 15px var(--sncw-body);color:#ebca95;margin:0 0 8px}
.sncw-quiz .sncw-reflection p:last-child{margin-bottom:0}
.sncw-quiz .sncw-final-mirror{margin:38px 0 24px;padding-top:13px;border-top:1px solid var(--sncw-border)}
.sncw-quiz .sncw-disclaimer{padding:14px 18px;border:1px dashed rgba(200,170,120,.42);border-radius:10px;background:rgba(200,170,120,.045);margin:18px 0}
.sncw-quiz .sncw-disclaimer h3{margin-top:3px;font-size:21px}
@keyframes sncw-enter{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes sncw-pop{0%{opacity:0;transform:translateY(9px) scale(.85)}15%{opacity:1;transform:translateY(0) scale(1.08)}70%{opacity:1}100%{opacity:0;transform:translateY(-26px)}}
@media(max-width:600px){.sncw-quiz{padding:8px}.sncw-quiz .sncw-card{padding:17px 14px}.sncw-quiz .sncw-option{padding:12px 10px;gap:8px}.sncw-quiz .sncw-option__letter{display:none}.sncw-quiz .sncw-options{gap:9px}.sncw-quiz .sncw-actions{justify-content:stretch}.sncw-quiz .sncw-btn{flex:1}/* Optional result-tier illustration, directly between the result name and subtitle. */
.sncw-quiz .sncw-result-image{display:flex;align-items:center;justify-content:center;margin:6px auto 23px;width:100%;max-width:700px;min-width:0}
.sncw-quiz .sncw-result-image img{display:block;max-width:100%;width:auto;height:auto;max-height:520px;object-fit:contain;border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.sncw-quiz .sncw-metrics{gap:12px}}
@media(prefers-reduced-motion:reduce){.sncw-quiz *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sncw-quiz .sncw-point-pop{position:static;opacity:1}}
/* Saved results, sharing, exports and optional owner-only feedback. */
.sncw-quiz .sncw-share,.sncw-quiz .sncw-feedback{margin:32px 0 12px;padding:18px;border:1px solid var(--sncw-border);border-radius:12px;background:rgba(200,170,120,.045)}
.sncw-quiz .sncw-share-url,.sncw-quiz .sncw-feedback-field input,.sncw-quiz .sncw-feedback-field textarea,.sncw-quiz .sncw-feedback-field select{width:100%;max-width:100%;background:#1a1920;border:1px solid var(--sncw-border);border-radius:8px;color:var(--sncw-ink);padding:11px;font:400 14px/1.45 var(--sncw-body)}
.sncw-quiz .sncw-share-url:focus,.sncw-quiz .sncw-feedback-field input:focus,.sncw-quiz .sncw-feedback-field textarea:focus,.sncw-quiz .sncw-feedback-field select:focus{outline:2px solid #d0ac73;outline-offset:2px}
.sncw-quiz .sncw-social{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0 3px}
.sncw-quiz .sncw-social-link{display:inline-block;border:1px solid rgba(200,170,120,.30);border-radius:7px;padding:8px 12px;color:#e4ca9b;text-decoration:none;font:500 13px var(--sncw-body)}
.sncw-quiz .sncw-social-link:hover{background:rgba(200,170,120,.12);color:#f2e0bc}
.sncw-quiz .sncw-feedback-form{display:grid;gap:15px}
.sncw-quiz .sncw-rating-field{margin:0;padding:0;border:none;min-width:0}
.sncw-quiz .sncw-rating-field legend,.sncw-quiz .sncw-feedback-field>span{font:600 14px/1.5 var(--sncw-body);color:#e4d3b6;margin-bottom:7px}
.sncw-quiz .sncw-rating-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sncw-quiz .sncw-rating-option{display:inline-flex;align-items:center;gap:4px;cursor:pointer;background:rgba(200,170,120,.07);padding:8px 11px;border:1px solid var(--sncw-border);border-radius:7px;color:#ddc393;font:500 13px var(--sncw-body)}
.sncw-quiz .sncw-rating-option:has(input:checked){background:rgba(200,170,120,.23);border-color:#d4b782}
.sncw-quiz .sncw-rating-option input,.sncw-quiz .sncw-consent input{accent-color:#cead73}
.sncw-quiz .sncw-feedback-field{display:grid;gap:4px}
.sncw-quiz .sncw-consent{display:flex;gap:10px;align-items:flex-start;font:400 13px/1.5 var(--sncw-body)}
.sncw-quiz .sncw-feedback-field select option{background:#1a1920;color:#e9d7bd}
@media print {
  @page {margin:13mm;size:A4 portrait}
  body * {visibility:hidden!important}
  .sncw-quiz,.sncw-quiz * {visibility:visible!important}
  .sncw-quiz{position:absolute!important;top:0!important;left:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;box-shadow:none!important;color:#191919!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .sncw-quiz .sncw-card{background:#fff!important;color:#191919!important;border:0!important;box-shadow:none!important;max-width:100%!important;padding:0!important}
  .sncw-quiz .sncw-card *{color:#191919!important;text-shadow:none!important}
  .sncw-quiz .sncw-actions,.sncw-quiz .sncw-share,.sncw-quiz .sncw-feedback,.sncw-quiz .sncw-disclaimer{display:none!important}
  .sncw-quiz .sncw-result-image img{max-height:300px!important}
  .sncw-quiz .sncw-reflection,.sncw-quiz .sncw-note{break-inside:avoid}
  .sncw-quiz .sncw-body{line-height:1.45!important}
}