:root{color-scheme:dark}body{margin:0;background:#5128c3;color:#fff;font-family:Poppins,system-ui,sans-serif}#surface{box-sizing:border-box;display:flex;justify-content:center;min-height:100svh;padding:28px 20px}#app{display:flex;flex-direction:column;gap:32px;width:100%;max-width:512px;min-width:0}#app.has-fixed{padding-bottom:104px}.header{display:flex;justify-content:center}.header img{height:auto;object-fit:contain}.title{display:flex;flex-direction:column;gap:8px}.progress{height:14px;background:#111827;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#a59343,#ceb654);transition:width .3s}.picture{width:100%;height:auto;display:block}.quiz{display:grid;gap:10px}.choice{display:flex;align-items:center;gap:16px;width:100%;padding:16px;border:2px solid #66581e;border-bottom-width:4px;border-radius:12px;background:var(--choice-bg,#0082e6);color:white;text-align:left;cursor:pointer;line-height:1.3;min-height:80px}.choice:hover{filter:brightness(1.07)}.choice:active{transform:translateY(2px)}.emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:36px;flex-shrink:0;line-height:1}.choice-copy{flex:1}.cta-wrap{display:flex;justify-content:center}.cta-wrap.fixed{position:fixed;bottom:0;left:0;width:100%;z-index:10;padding:48px 20px 24px;background:linear-gradient(to top,#030712 55%,transparent)}.cta{display:block;width:100%;max-width:512px;padding:20px 24px;color:var(--cta-text,#fff);background:var(--cta-bg,#ceb654);border-radius:12px;border:2px solid var(--cta-border,#80712c);border-bottom-width:8px;font-weight:700;cursor:pointer;text-align:center}.cta.pulse{animation:pulse-button 2s infinite}.cta:hover{filter:brightness(1.05)}.cta:disabled{opacity:.55;cursor:default}.loading{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.spinner{width:48px;height:48px;border:4px solid #ffffff35;border-top-color:#ceb654;border-radius:50%;animation:spin 1s linear infinite}.vsl{width:100%;max-width:512px;margin:auto}.vsl-draft{aspect-ratio:3/4;background:#000;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;border:1px solid #ffffff30}.vsl-draft strong{font-size:20px}.vsl-draft p{font-size:14px;color:#bdbdbd;margin-top:10px}.draft-review{margin-top:16px;display:block;width:100%;border:1px solid #ceb654;border-radius:8px;padding:12px;color:#f0dc9a;font-size:13px;cursor:pointer}.card-host{width:100%}.card-host [role=button]:focus-visible{outline:3px solid white;outline-offset:5px}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:4px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-button{0%,100%{transform:scale(1)}50%{transform:scale(.98)}}@media(min-width:640px){#app{gap:40px;padding-top:12px}}@media(min-width:768px){#app{gap:48px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.cta{padding:20px 0;border:0;border-bottom:8px solid var(--cta-border,#80712c);border-radius:10.4px}.choice{gap:12px;line-height:1.5;border-color:#34312b}.vsl-headline{text-align:center;color:#fff;font-size:22px;line-height:1.5;font-weight:700;margin-bottom:24px}.vsl-headline h1,.vsl-headline p{font:inherit;margin:0}.vsl-headline p{margin-top:8px}.loading{padding:16px;gap:16px}.loading-track{position:relative;width:91.6667%;height:24px;padding:2px;background:#1f2937;border-radius:9999px}.loading-fill{height:20px;border-radius:9999px;background:linear-gradient(90deg,#ceb65499,#ceb654);animation:loading-fill linear forwards}.loading-track span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:600}@keyframes loading-fill{from{width:0}to{width:100%}}