.seo-dark{--seo-bg:#0a0a0f;--seo-surface:#111118;--seo-border:#ffffff14;--seo-border-hover:#ffffff29;--seo-accent:#ff6b35;--seo-accent-soft:#ff9a6c;--seo-correct:#22c55e;--seo-correct-bg:#22c55e26;--seo-wrong:#ef4444;--seo-wrong-bg:#ef444426;--seo-text:#f1f0ec;--seo-text-secondary:#f1f0ec8c;--seo-text-muted:#f1f0ec4d;background:var(--seo-bg);color:var(--seo-text);font-family:Plus Jakarta Sans,system-ui,sans-serif}.seo-dark h1,.seo-dark h2,.seo-dark h3{letter-spacing:-.02em;font-weight:600}.seo-dark .seo-question-text{color:var(--seo-text);font-size:1.125rem;font-weight:500;line-height:1.75}.seo-dark .seo-body{color:var(--seo-text-secondary);font-size:.9375rem;line-height:1.7}.seo-dark .seo-card{background:var(--seo-surface);border:1px solid var(--seo-border);border-radius:16px;padding:28px;transition:border-color .18s;position:relative;overflow:hidden}.seo-dark .seo-card:hover{border-color:var(--seo-border-hover)}.seo-dark .seo-card-watermark{opacity:.04;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:7rem;font-weight:700;line-height:1;position:absolute;top:-.5rem;right:.5rem}.seo-dark .seo-badge{background:var(--seo-accent);color:#0a0a0f;letter-spacing:-.01em;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.seo-dark .seo-hook{color:var(--seo-accent-soft);background:#ff6b3514;border:1px solid #ff6b354d;border-radius:10px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 14px;font-size:13px;display:inline-flex}.seo-dark .seo-option{text-align:left;width:100%;color:var(--seo-text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;padding:14px 18px;font-size:.9375rem;transition:all .18s;display:block}.seo-dark .seo-option:hover:not(:disabled){background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.seo-dark .seo-option:disabled{cursor:default}.seo-dark .seo-option.is-selected{border-color:var(--seo-accent);background:#ff6b351f}.seo-dark .seo-option.is-correct{border-color:var(--seo-correct);background:var(--seo-correct-bg);box-shadow:0 0 20px #22c55e33}.seo-dark .seo-option.is-wrong{border-color:var(--seo-wrong);background:var(--seo-wrong-bg)}.seo-dark .seo-option.is-dimmed{opacity:.45}.seo-dark .seo-explanation{opacity:0;max-height:0;transition:max-height .3s,opacity .3s,margin-top .3s;overflow:hidden}.seo-dark .seo-explanation.is-open{opacity:1;max-height:640px;margin-top:14px}.seo-dark .seo-explanation-card{border-left:3px solid var(--seo-accent);background:#ffffff08;border-radius:8px;padding:14px 18px}.seo-dark .seo-progress-track{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.seo-dark .seo-progress-fill{background:linear-gradient(90deg, var(--seo-accent), var(--seo-accent-soft));border-radius:2px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.seo-dark .seo-subscription-card{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border:1px solid #ff6b3566;border-radius:20px;padding:32px;box-shadow:0 0 40px #ff6b351a}.seo-dark .seo-blur-target{filter:blur(6px)brightness(.7);pointer-events:none;-webkit-user-select:none;user-select:none}.seo-dark .seo-blur-target.is-light{filter:blur(4px)}.seo-dark .seo-blur-gate{position:relative}.seo-dark .seo-blur-gate-overlay{justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.seo-dark .seo-nudge{background:var(--seo-surface);border:1px solid var(--seo-border);border-left:3px solid var(--seo-accent);border-radius:14px;padding:24px}.seo-dark .seo-floating-bar{z-index:40;background:var(--seo-surface);border-top:1px solid var(--seo-border);border-left:3px solid var(--seo-accent);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0006}@keyframes seo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}.seo-dark .seo-pulse-dot{animation:2s ease-in-out infinite seo-pulse}@keyframes seo-burst{0%{opacity:1;transform:scale(.4)rotate(0)}to{opacity:0;transform:scale(1.6)rotate(45deg)}}.seo-dark .seo-burst{animation:.9s ease-out forwards seo-burst}@keyframes seo-ring-draw{0%{stroke-dashoffset:var(--seo-ring-circumference,283)}}.seo-dark .seo-ring-progress{animation:1.2s cubic-bezier(.4,0,.2,1) forwards seo-ring-draw}
