/* Keep the quiz font separate from the Inter face injected by the video player. */
@font-face{font-family:"Quiz Inter";src:url('assets/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid}html{scroll-behavior:smooth}html,body{min-height:100svh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:#fff;color:#6b7280;font-family:"Quiz Inter","sans serif",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;line-height:1.4;font-weight:400}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #16a34a;outline-offset:4px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}h1,h2,h3,p,blockquote{margin:0}img,svg{display:block;vertical-align:middle}img{max-width:100%}strong,b{font-weight:bolder}button:disabled{cursor:default}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:6px}::-webkit-scrollbar-track{background:transparent}
.screen{display:flex;flex-direction:column;justify-content:flex-start;min-height:95svh;gap:16px;padding:12px}.quiz-header{width:100%;display:grid;gap:12px;align-items:start;z-index:5}.header-side{display:flex;align-items:start;justify-content:space-between;gap:16px;flex:1;width:100%}.logo-mobile{margin:0 auto;width:176px}.logo-desktop{display:none;margin:0 auto;width:216px}.brand{height:auto;aspect-ratio:3/1;object-fit:contain;width:100%}.back{display:flex;gap:8px;align-items:center;color:#030712;padding:0;font-size:14px}.back svg{width:14px;height:14px;margin-top:2px}.header-balance{padding:0 8px}.header-center{display:grid;gap:16px;max-width:448px;width:100%}.progress{height:8px;position:relative;border-radius:9999px;overflow:hidden;background:rgba(166,166,166,.1)}.progress-fill{height:100%;background:#a6a6a6;transition:width .7s ease}.desktop-balance{display:none;flex:1;width:100%}.step-content{width:100%;position:relative;max-width:448px;margin:auto}.layers{display:flex;flex-flow:row wrap;margin:0 -3.2px}.layer{position:relative;min-width:0;padding:3.2px;flex-basis:100%}.layer.center{margin-left:auto;margin-right:auto}.component{opacity:1}.text-block{padding:12px 0;overflow-wrap:break-word;word-break:break-word}.content{line-height:1.4}.content h1,.content h2,.content h3{line-height:1.1;font-weight:700;color:#030712}.content h1{font-size:32px}.content h2{font-size:25.6px}.content h3{font-size:20.8px}.content p+p,.content p+ul,.content p+ol,.content ul+p,.content ul+ol,.content ul+ul,.content ol+p,.content ol+ol,.content ol+ul,.content h1+p,.content h2+p,.content h3+p,.content h1+ul,.content h2+ul,.content h3+ul,.content h1+ol,.content h2+ol,.content h3+ol{margin-top:12px}.content p+h1,.content p+h2,.content p+h3,.content ul+h1,.content ul+h2,.content ul+h3,.content ol+h1,.content ol+h2,.content ol+h3{margin-top:6.4px}.content p br{content:" ";height:0;display:block;padding-bottom:8px;margin-bottom:8px}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-justify{text-align:justify}.content .ql-size-small{font-size:.75em;line-height:1.25;display:inline-block}.content .ql-size-large{font-size:1.5em;line-height:1}.content .ql-size-huge{font-size:2.5em;line-height:1}.intro{margin-top:12px;margin-bottom:24px}.options{display:grid;gap:8px;margin-bottom:2px}.option-item{display:grid;transition:all .2s ease}.option-item:hover{transform:scale(var(--hover-scale,1.01))}.option-item.selected{transform:scale(var(--active-scale,1.02))}.option{padding:0;overflow:hidden;text-align:left;position:relative;border:1px solid var(--border,rgba(166,166,166,.5));border-radius:16px;background:var(--bg,rgba(166,166,166,.1));color:var(--color,#030712);transition:all .2s ease;box-shadow:none}.option-item:hover .option,.option-item.selected .option{border-color:var(--hover-border,#a6a6a6);background:var(--hover-bg,var(--bg,rgba(166,166,166,.1)))}.option-wrap{display:flex;height:100%}.emoji-wrap{width:60px;flex-shrink:1;display:flex;align-items:center;justify-content:center}.emoji{font-size:32px;line-height:48px;padding:8px;text-align:center}.option-body{width:100%;height:100%;padding:12px;min-height:56px;gap:12px;display:flex;align-items:center;justify-content:space-between}.has-emoji .option-body{padding-left:0;min-height:0}.option-label{width:100%;display:flex;flex-direction:column;justify-content:center;font-size:16px;line-height:1.4}.no-icon:not(.has-emoji) .option-label{padding:0 4px}.detail-wrap{padding:4px 0;align-self:center}.option-detail{background:white;color:#a6a6a6;border:1px solid #a6a6a6;position:relative;text-align:center;font-weight:500;white-space:nowrap}.option-detail.number{border-radius:6px;min-width:24.8px;min-height:24.8px;padding:4px 8px;font-size:12px;line-height:16px}.option-detail.radio{border-radius:50%;padding:12px}.selected .option-detail.radio:after{content:'✓';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:1}.picture{overflow:hidden;border-radius:16px;aspect-ratio:3/4}.picture img{width:100%;height:100%;object-fit:cover}.cta-wrap{display:grid;position:relative;transition:all .2s ease}.cta-wrap:active{transform:scale(.99)}.cta{width:100%;min-height:56px;padding:8.8px 16px;font-weight:500;background:#17a34a;color:#fff;border-radius:16px;transition:all .2s ease}.cta:hover{background:#2eac5c}.cta.bubble{position:relative;z-index:1}.cta-wrap:has(.bubble){padding-bottom:8px}.cta-wrap:has(.bubble):before{content:"";position:absolute;inset:0;background:#0e9542;border-radius:16px}.cta-wrap:has(.bubble):hover{margin-top:-4px;padding-bottom:12px}.pulse:after{content:"";position:absolute;inset:0;background:#17a34a;border-radius:16px;animation:bounceBtn 1s infinite;pointer-events:none;z-index:0}.pulse .cta{position:relative;z-index:1}.step-enter{animation:fade-in .2s ease}.spacer{height:16px}
@media(min-width:768px){.screen{padding:20px;gap:24px}.quiz-header{display:flex;gap:16px;justify-content:space-between}.header-side{justify-content:flex-start}.logo-mobile{display:none}.logo-desktop{display:block}.desktop-balance{display:block}}
.step-content{transition:opacity .1s cubic-bezier(.4,0,.2,1)}.step-exit{opacity:0}.step-enter{animation-timing-function:cubic-bezier(.4,0,.2,1)}[hidden]{display:none!important}.loading-block{padding:4px 0}.loading-heading{display:flex;justify-content:space-between;padding-bottom:4px;font-size:14px;font-weight:600;line-height:20px;color:#030712}.loading-track{display:flex;position:relative;overflow:hidden;background:#ededed;border-radius:12px}.loading-fill{height:12px;min-width:1px;background:#ffb900;border-radius:12px;transition:width .05s linear}.quote{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #ededed;border-radius:16px}.quote-avatar{width:40px;height:40px;object-fit:cover;border-radius:50%;flex-shrink:0}.quote-body{width:100%}.stars{display:flex;gap:1.6px;padding-bottom:4px;color:#facc15}.stars svg{width:12px;height:12px}.quote-name{color:#030712;font-weight:600;line-height:24px}.quote-handle{font-size:12px;line-height:16px}.quote-text{padding-top:8px}.chart{position:relative;aspect-ratio:16/9;min-width:1px;min-height:1px;animation:fade-in .2s .175s both}.chart svg{width:100%;height:100%;overflow:visible}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:2px 0}.metric{display:flex;gap:16px;padding:16px;align-items:center;flex-direction:column;border:1px solid rgba(204,204,204,.9);border-radius:12px}.metric-bar-space{width:100%;height:112px;min-height:112px;text-align:center}.metric-bar{border-radius:8px;position:relative;overflow:hidden;height:100%;width:40px;margin:auto;display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:column;background:rgba(204,204,204,.4)}.metric-bar span{position:absolute;top:0;left:0;width:100%;padding:4px;text-align:center;font-size:12px;font-weight:700;line-height:16px}.metric-fill{width:100%;transition:height 1.2s ease}.metric-legend{width:100%;font-size:13.6px;line-height:1.4}.video-shell{position:relative;width:100%;max-width:400px;margin:0 auto}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@keyframes bounceBtn{0%{opacity:1;transform:scaleY(.95)}50%{opacity:0;transform:scaleY(1.3) scaleX(1.04)}100%{opacity:0;transform:scaleY(.95)}}

.option-detail.score{width:26px;height:26px;border-radius:6px;font-size:12px;line-height:24px;font-weight:600;flex-shrink:0}

#quiz{min-height:95svh}
.site-footer{font-size:10.4px;min-height:5svh;display:flex;justify-content:center;align-items:flex-end;gap:3px;padding:0 12px 8px;color:#6b7280;text-align:center}

#rayo0y .earnings-question{text-align:center;font-size:26px;line-height:1.15}
.earnings-panel{display:block;position:relative;overflow:hidden;padding:28px 20px 24px;border:1px solid #2b6342;border-radius:22px;background:linear-gradient(135deg,#1c5534,#123a24);box-shadow:0 10px 28px #173f2910;color:#fff}
.earnings-panel:after{content:"";position:absolute;width:230px;height:230px;right:-130px;top:-135px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}
.earnings-amount{display:block;font-size:54px;line-height:1.1;letter-spacing:-2px;font-weight:750;font-variant-numeric:lining-nums tabular-nums}
.earnings-currency{font-size:.8em;font-weight:650;letter-spacing:-1px;margin-right:8px;vertical-align:baseline}
.earnings-period{display:block;margin-top:4px;color:#c4dfcd;font-size:15px;line-height:1.4;font-weight:500;letter-spacing:.1px}
.earnings-bonus{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:22px;padding-top:18px;border-top:1px solid #ffffff20;font-size:16px;line-height:1.4;color:#d8e8dd;font-weight:400}
.earnings-bonus strong{color:#fff;white-space:nowrap;font-weight:650}.earnings-plus{display:grid;place-items:center;width:22px;height:22px;flex:none;background:#ffffff12;border-radius:50%;font-size:17px;font-weight:400;margin-right:4px;color:#aee6bf}
.earnings-prompt{display:block;margin-top:24px;color:#14271b;font-weight:700;letter-spacing:-.65px}
#rayo0y .earnings-hint{font-size:14px;text-align:center;color:#6b7280;margin-top:12px}
@media(min-width:768px){.earnings-panel{padding:30px 24px 26px}.earnings-amount{font-size:60px}.earnings-bonus{font-size:18px}#rayo0y .earnings-question{font-size:28px}}