body.cmcq-standalone { margin: 0; background: #090909; }
.cmcq { --orange:#ff7500; --muted:#aaa; background:#090909; color:#fff; font:400 16px/1.55 system-ui,-apple-system,sans-serif; min-height:100dvh; }
.cmcq *, .cmcq *::before, .cmcq *::after { box-sizing:border-box; }
.cmcq [hidden] { display:none !important; }
.cmcq button, .cmcq a { font:inherit; cursor:pointer; }
.cmcq a { text-decoration:none; }
.cmcq h1, .cmcq h2, .cmcq p { color:inherit; margin:0; }
.cmcq button:focus-visible, .cmcq a:focus-visible { outline:3px solid #ffaf43;outline-offset:3px; }
.cmcq-header { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px max(24px,calc((100vw - 1100px)/2));border-bottom:1px solid #282828;background:#111; }
.cmcq-header span { font-size:19px;font-weight:900;letter-spacing:-.04em;white-space:nowrap; }
.cmcq-header b { color:var(--orange); }
.cmcq-header small { color:#9b9b9b;font-size:11px;letter-spacing:.1em; }
.cmcq-wrap { max-width:1120px;margin:auto;padding:clamp(32px,6vw,72px) 24px; }
.cmcq-welcome { display:grid;grid-template-columns:1fr .83fr;gap:7%;align-items:center;min-height:610px; }
.cmcq-pill { color:var(--orange);border:1px solid #603819;background:#ff750011;border-radius:100px;padding:8px 14px;font-size:11px;font-weight:800;letter-spacing:.1em;display:inline-block; }
.cmcq-welcome h1 { font-size:clamp(38px,4.8vw,64px);line-height:1.08;letter-spacing:-.05em;margin:24px 0;max-width:670px;font-weight:850; }
.cmcq-welcome p { color:var(--muted);font-size:18px;max-width:550px;line-height:1.7; }
.cmcq-welcome small { display:block;margin-top:18px;color:#888;font-size:12px; }
.cmcq-primary { display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--orange);border:1px solid #ff912f;border-radius:12px;padding:15px 25px;color:#fff;font-weight:800 !important;margin-top:32px;box-shadow:0 12px 40px #ff750033;min-height:55px; }
.cmcq-primary:hover { background:#dc6400;color:#fff; }
.cmcq-portrait { display:block;width:100%;max-height:540px;object-fit:cover;border-radius:30px;border:1px solid #38302a;box-shadow:0 15px 80px #ff750021; }
.cmcq-question-screen { max-width:750px;margin:5vh auto; }
.cmcq-progress-label { display:flex;justify-content:space-between;color:#aaa;font-size:13px;font-weight:700;margin-bottom:10px; }
.cmcq-progress-label span:last-child { color:var(--orange); }
.cmcq-progress { height:5px;border-radius:10px;background:#333;overflow:hidden; }
.cmcq-progress div { height:100%;width:0;background:var(--orange);transition:width .25s; }
.cmcq-card, .cmcq-result-card { background:linear-gradient(145deg,#202020,#141414);border:1px solid #373737;border-radius:24px;padding:clamp(25px,5vw,50px);margin-top:35px; }
.cmcq-card h2, .cmcq-result-card h2 { font-size:clamp(26px,3.3vw,40px);line-height:1.2;letter-spacing:-.035em;margin:25px 0 32px;font-weight:800; }
.cmcq-choices { display:grid;gap:12px; }
.cmcq-choice { text-align:left;border:1px solid #414141;border-radius:12px;background:#252525;color:#f5f5f5;padding:17px 20px;font-weight:650 !important;transition:background .15s,border-color .15s; }
.cmcq-choice:hover { border-color:var(--orange);background:#382719; }
.cmcq-back,.cmcq-restart { background:none;border:0;color:#aaa;margin-top:20px;padding:8px 0; }
.cmcq-back:hover,.cmcq-restart:hover { color:white; }
.cmcq-result { max-width:720px;margin:7vh auto;text-align:center; }
.cmcq-result-card { padding:clamp(28px,6vw,62px); }
.cmcq-result-card p { color:#bcbcbc;margin:14px 0;line-height:1.7; }
.cmcq-result-card .cmcq-summary { color:#fff;font-weight:700;font-size:18px; }
.cmcq-go { width:100%; }
@media(max-width:750px) {
  .cmcq-header { padding:18px 20px; }
  .cmcq-header small { display:none; }
  .cmcq-welcome { grid-template-columns:1fr;min-height:auto; }
  .cmcq-portrait { max-width:460px;max-height:420px;order:-1; }
  .cmcq-welcome h1 { font-size:clamp(36px,9vw,48px); }
  .cmcq-wrap { padding:28px 18px 70px; }
  .cmcq-question-screen { margin:12px auto; }
}
@media(prefers-reduced-motion:reduce) { .cmcq * { scroll-behavior:auto !important;transition:none !important; } }