#iq-root{--sf-ivory: #FDFBF7;--sf-navy: #1B2A4A;--sf-navy-dk: #243557;--sf-navy-70: rgba(27,42,74,.7);--sf-navy-45: rgba(27,42,74,.45);--sf-navy-25: rgba(27,42,74,.25);--sf-gold: #D4AF37;--sf-gold-dk: #B8941F;--sf-sakura: #F4F1EA;--sf-ease: cubic-bezier(.16,1,.3,1);--sf-r: 20px;position:relative;height:100dvh;min-height:600px;overflow:hidden;color:var(--sf-navy);background:var(--sf-ivory)}#iq-root ::-webkit-scrollbar{display:none}#iq-root #pt{position:absolute;top:0;left:0;right:0;height:3px;background:#1b2a4a14;z-index:10}#iq-root #pf{height:100%;background:linear-gradient(90deg,var(--sf-sakura),var(--sf-gold));border-radius:0 2px 2px 0;transition:width .55s var(--sf-ease);width:0%}#iq-root #slides{position:relative;overflow:hidden;height:100%}#iq-root .slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 22px 36px;max-width:480px;margin:0 auto;height:100%;transition:transform .55s var(--sf-ease),opacity .42s ease;will-change:transform}#iq-root .slide.active{transform:translate(0);opacity:1;pointer-events:auto}#iq-root .slide.out-left{transform:translate(-100%);opacity:0;pointer-events:none}#iq-root .slide.out-right{transform:translate(100%);opacity:0;pointer-events:none}#iq-root .back-btn{position:absolute;top:20px;left:18px;width:36px;height:36px;border-radius:50%;border:none;background:#1b2a4a12;cursor:pointer;font-size:17px;color:var(--sf-navy);transition:background .2s;display:flex;align-items:center;justify-content:center}#iq-root .back-btn:hover{background:#1b2a4a21}#iq-root .tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--sf-gold);font-weight:600;margin-bottom:6px}#iq-root .q-head{font-family:Anuphan,serif;font-size:20px;font-weight:500;line-height:1.45;color:var(--sf-navy);text-align:center;margin-bottom:24px}#iq-root .answers{width:100%;display:flex;flex-direction:column;gap:10px}#iq-root .ac{width:100%;padding:16px 18px;background:#ffffffbf;border:1.5px solid rgba(27,42,74,.09);border-radius:var(--sf-r);cursor:pointer;text-align:left;display:flex;align-items:center;gap:14px;transition:transform .3s var(--sf-ease),box-shadow .3s,border-color .28s,background .2s;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 18px #1b2a4a0d,inset 0 1px #ffffffd9;font-family:Anuphan,sans-serif}#iq-root .ac:hover{transform:translateY(-2px) scale(1.012);box-shadow:0 10px 32px #1b2a4a1c;border-color:#d4af3761}#iq-root .ac.sel{background:#d4af372e;border-color:#d4af3799;transform:scale(1.01)}#iq-root .ac-t{font-size:14px;font-weight:500;color:var(--sf-navy);line-height:1.4}#iq-root .ac-ck{margin-left:auto;flex-shrink:0;width:22px;height:22px;border-radius:50%;border:2px solid rgba(27,42,74,.15);display:flex;align-items:center;justify-content:center;font-size:11px;color:transparent;transition:all .25s}#iq-root .ac.sel .ac-ck{background:var(--sf-gold);border-color:var(--sf-gold);color:#fff}#iq-root .reveal-card{background:#ffffffd1;border:1.5px solid rgba(27,42,74,.07);border-radius:16px;padding:16px;margin-bottom:10px;box-shadow:0 4px 16px #1b2a4a0f}#iq-root .reveal-status{font-size:13px;font-weight:600;margin-bottom:6px}#iq-root .reveal-status.ok{color:#2a9c44}#iq-root .reveal-status.bad{color:#c0392b}#iq-root .reveal-explain{font-size:12px;line-height:1.7;color:var(--sf-navy-70)}#iq-root .rscroll{width:100%;max-width:440px;height:100%;overflow-y:auto;padding-bottom:28px;-webkit-overflow-scrolling:touch}#iq-root .score-badge{text-align:center;padding:28px 16px 20px}#iq-root .score-num{font-family:Anuphan,serif;font-size:64px;font-weight:600;color:var(--sf-navy);line-height:1}#iq-root .score-total{font-size:24px;color:var(--sf-navy-45)}#iq-root .score-label{font-size:13px;color:var(--sf-navy-70);margin-top:6px}#iq-root .result-type{font-family:Anuphan,serif;font-size:18px;font-style:italic;color:var(--sf-gold-dk);margin:10px 0 6px;text-align:center}#iq-root .pcard{background:#ffffffd1;border:1.5px solid rgba(27,42,74,.07);border-radius:var(--sf-r);padding:20px;margin-bottom:13px;box-shadow:0 6px 22px #1b2a4a0f}#iq-root .pcard-lbl{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--sf-gold);font-weight:600;margin-bottom:10px}#iq-root .prize-card{background:#d4af371a;border:1.5px solid rgba(212,175,55,.3);border-radius:var(--sf-r);padding:20px;margin-bottom:13px}#iq-root .ring{width:68px;height:68px;border-radius:50%;border:3px solid rgba(212,175,55,.18);border-top-color:var(--sf-gold);animation:iq-spin 1.1s linear infinite;margin:0 auto 26px}@keyframes iq-spin{to{transform:rotate(360deg)}}#iq-root .ps{font-size:12px;color:var(--sf-navy-25);display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:8px}#iq-root .pd{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}#iq-root .iq-rule{font-size:10px;color:var(--sf-navy-45);text-align:center;line-height:1.65}#iq-root .form-group{width:100%;margin-bottom:14px}#iq-root .form-label{font-size:11px;font-weight:600;color:var(--sf-navy);letter-spacing:.04em;display:block;margin-bottom:6px}#iq-root .form-inp{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid rgba(27,42,74,.12);background:#fff;font-family:Anuphan,sans-serif;font-size:13px;color:var(--sf-navy);outline:none;transition:border-color .2s;box-sizing:border-box;resize:none}#iq-root .form-inp:focus{border-color:var(--sf-gold)}#iq-root .error-msg{background:#fdf2f2;border:1px solid rgba(192,57,43,.15);border-radius:10px;padding:10px 14px;font-size:12px;color:#c0392b;margin-bottom:12px;line-height:1.6}#iq-root .iq-logo{width:100px;height:auto;display:block;margin:0 auto 16px}#iq-root #iq-envelope-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center}#iq-root .iq-envelope{position:relative;width:244px;height:158px;border:none;cursor:pointer;padding:0;margin:8px 0 20px;background:linear-gradient(160deg,var(--sf-navy),var(--sf-navy-dk));border-radius:14px;box-shadow:0 14px 40px #1b2a4a52,inset 0 1px #ffffff14;transition:transform .4s var(--sf-ease),box-shadow .4s var(--sf-ease);overflow:hidden}#iq-root .iq-envelope:before{content:"";position:absolute;inset:9px;border:1px solid rgba(212,175,55,.45);border-radius:8px;pointer-events:none;z-index:1}#iq-root .iq-envelope:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 22px 54px #1b2a4a66}#iq-root .env-flap{position:absolute;top:0;left:0;right:0;height:82px;z-index:2;background:linear-gradient(165deg,var(--sf-navy-dk),var(--sf-navy));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;border-bottom:1px solid rgba(212,175,55,.3);transition:transform .7s var(--sf-ease),opacity .5s}#iq-root .env-seal{position:absolute;left:50%;top:64px;transform:translate(-50%,-50%);z-index:3;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#E4C879,var(--sf-gold) 55%,var(--sf-gold-dk));box-shadow:0 4px 12px #a8893c80,inset 0 1px 2px #fff6;display:flex;align-items:center;justify-content:center;font-family:Anuphan,serif;font-size:14px;font-style:italic;color:#fff;transition:transform .5s var(--sf-ease),opacity .4s}#iq-root .env-hint{font-size:11px;color:var(--sf-navy-45);letter-spacing:.05em;animation:env-pulse 1.8s ease-in-out infinite}@keyframes env-pulse{0%,to{opacity:.5}50%{opacity:1}}#iq-root .iq-envelope.waiting .env-seal{animation:iq-spin 1.1s linear infinite}#iq-root .iq-envelope.opening{animation:env-glow 1.05s ease-out forwards}#iq-root .iq-envelope.opening .env-flap{transform:rotateX(180deg);opacity:0}#iq-root .iq-envelope.opening .env-seal{transform:translate(-50%,-50%) scale(1.7);opacity:0}@keyframes env-glow{0%{box-shadow:0 14px 40px #1b2a4a52;transform:scale(1)}45%{box-shadow:0 0 48px 10px #d4af378c,0 14px 40px #1b2a4a52;transform:scale(1.05)}to{box-shadow:0 0 #d4af3700;transform:scale(.72);opacity:0}}#iq-root .result-endow{text-align:center;font-family:Anuphan,sans-serif;font-size:13px;line-height:1.6;color:var(--sf-navy-70);max-width:300px;margin:2px auto}#iq-root .result-product{display:block;width:auto;max-height:210px;margin:6px auto 16px;filter:drop-shadow(0 16px 30px rgba(27,42,74,.22));animation:iq-fu .6s var(--sf-ease) both}#iq-root .w-logo{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--sf-gold);margin-bottom:5px}#iq-root .w-h1{font-family:Anuphan,serif;font-size:34px;font-weight:500;line-height:1.2;color:var(--sf-navy);margin-bottom:8px}#iq-root .w-h1 em{font-style:italic;color:var(--sf-gold-dk)}#iq-root .w-div{width:40px;height:2px;margin:0 auto 24px;background:linear-gradient(90deg,var(--sf-sakura),var(--sf-gold));border-radius:2px}#iq-root .w-card{background:#ffffffb8;border:1.5px solid rgba(255,255,255,.8);border-radius:var(--sf-r);padding:24px;margin-bottom:22px;width:100%;text-align:left;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 6px 24px #1b2a4a12,inset 0 1px #ffffffe6}#iq-root .w-title{font-family:Anuphan,serif;font-size:18px;font-weight:500;line-height:1.45;color:var(--sf-navy);margin-bottom:10px}#iq-root .w-title em{font-style:italic;color:var(--sf-gold-dk)}#iq-root .w-body{font-size:13px;line-height:1.8;color:var(--sf-navy-70);margin-bottom:14px}#iq-root .slogan{font-family:Anuphan,serif;font-size:12px;font-style:italic;color:var(--sf-gold);opacity:.8;text-align:center;margin-top:14px}#iq-root .btn-primary{width:100%;padding:15px;border-radius:16px;border:none;cursor:pointer;font-family:Anuphan,sans-serif;font-size:14px;font-weight:600;letter-spacing:.03em;background:linear-gradient(135deg,var(--sf-navy),var(--sf-navy-dk));color:#fff;box-shadow:0 6px 20px #1b2a4a47;transition:transform .2s,box-shadow .2s;margin-bottom:10px;display:block}#iq-root .btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 26px #1b2a4a5c}#iq-root .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes iq-fu{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}#iq-root .fu{animation:iq-fu .6s var(--sf-ease) both}#iq-root .fd1{animation-delay:.1s}#iq-root .fd2{animation-delay:.24s}#iq-root .fd3{animation-delay:.38s}