:root{--custom-quiz-font:"Noto Sans Thai",sans-serif;--custom-quiz-header-bg:linear-gradient(90deg,#e3f2ff,#9fd2ff);--custom-quiz-header-text:#1a3c5e;--custom-quiz-card-bg:#fff;--custom-quiz-card-border:#d6eaf8;--custom-quiz-card-radius:12px;--custom-quiz-card-shadow:0 2px 12px rgba(0,0,0,.07);--custom-quiz-primary:#06c;--custom-quiz-primary-hover:#0052a3;--custom-quiz-vote-btn-bg:#06c;--custom-quiz-vote-btn-hover:#0052a3;--custom-quiz-choice-bg:#fff;--custom-quiz-choice-border:#cdd8e0;--custom-quiz-choice-selected-bg:#e6f0fa;--custom-quiz-choice-selected-border:#06c;--custom-quiz-choice-radius:50px;--custom-quiz-meta-color:#6b8cae;--custom-quiz-pct-color-active:#06c;--custom-quiz-pct-color-default:#444;--custom-quiz-error-bg:#fff0f0;--custom-quiz-error-border:#f5c6cb;--custom-quiz-error-text:#721c24;--custom-quiz-gap:12px}.custom-quiz-accordion{display:flex;flex-direction:column;font-family:var(--custom-quiz-font);gap:var(--custom-quiz-gap);margin:0 auto;max-width:100%;width:100%}.custom-quiz-accordion__page-summary{color:var(--custom-quiz-meta-color);font-size:13px;margin-bottom:4px;text-align:right}.custom-quiz-accordion__pagination{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-family:var(--custom-quiz-font);font-size:13px;gap:16px;justify-content:space-between;margin-bottom:16px;margin-top:32px}.custom-quiz-accordion__pagination-controls{align-items:center;display:flex;gap:10px}.custom-quiz-accordion__nav-arrow{align-items:center;background:transparent;border:none;color:#94a3b8;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:color .15s ease;width:32px}.custom-quiz-accordion__nav-arrow:hover:not(:disabled){color:#1e293b}.custom-quiz-accordion__nav-arrow:disabled{cursor:not-allowed;opacity:.3}.custom-quiz-accordion__page-input-wrap{align-items:center;display:inline-flex}.custom-quiz-accordion__page-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:var(--custom-quiz-font);font-size:13px;font-weight:500;height:36px;outline:none;text-align:center;transition:border-color .15s ease;width:44px}.custom-quiz-accordion__page-input::-webkit-inner-spin-button,.custom-quiz-accordion__page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-quiz-accordion__page-input:focus{border-color:#06c}.custom-quiz-accordion__total-pages{color:#475569;font-size:13px;margin-left:2px;margin-right:4px}.custom-quiz-accordion__pagination-summary{color:#94a3b8;font-size:13px}.custom-quiz-accordion__skeleton-wrap{display:flex;flex-direction:column;gap:16px;width:100%}.custom-quiz-accordion__skeleton-card{background:#fff;border:1px solid var(--custom-quiz-card-border);border-radius:var(--custom-quiz-card-radius);box-shadow:var(--custom-quiz-card-shadow);padding:20px}.custom-quiz-accordion__skeleton-header{background:#e3f2fd;border-radius:8px;height:36px;overflow:hidden;position:relative}.custom-quiz-accordion__skeleton-body{display:flex;flex-direction:column;gap:12px;margin-top:16px}.custom-quiz-accordion__skeleton-line{background:#f0f4f8;border-radius:50px;height:42px;overflow:hidden;position:relative}.custom-quiz-accordion__skeleton-line:after{animation:custom-quiz-shimmer 1.5s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 20%,hsla(0,0%,100%,.8) 60%,hsla(0,0%,100%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes custom-quiz-shimmer{to{transform:translateX(100%)}}.custom-quiz-poll-card{background:var(--custom-quiz-card-bg);border:1px solid var(--custom-quiz-card-border);border-radius:var(--custom-quiz-card-radius);box-shadow:var(--custom-quiz-card-shadow);overflow:hidden;transition:box-shadow .2s ease}.custom-quiz-poll-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1)}.custom-quiz-poll-card__header{align-items:flex-start;background:#fff;border:none;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:16px 20px;text-align:left;transition:background .15s ease;width:100%}.custom-quiz-poll-card__header:hover{background:#f8fafc}.custom-quiz-poll-card__header:focus-visible{outline:3px solid var(--custom-quiz-primary);outline-offset:-3px}.custom-quiz-poll-card--expanded .custom-quiz-poll-card__header,.custom-quiz-poll-card__header[aria-expanded=true]{background:var(--custom-quiz-header-bg,linear-gradient(90deg,#e3f2ff 0,#9fd2ff 100%))}.custom-quiz-poll-card--expanded .custom-quiz-poll-card__header:hover,.custom-quiz-poll-card__header[aria-expanded=true]:hover{filter:brightness(.97)}.custom-quiz-poll-card--expanded .custom-quiz-poll-card__header .custom-quiz-poll-card__chevron,.custom-quiz-poll-card__header[aria-expanded=true] .custom-quiz-poll-card__chevron{background:#fff;color:#2355ce}.custom-quiz-poll-card__header-content{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.custom-quiz-poll-card__title{color:var(--custom-quiz-header-text);font-size:15px;font-weight:700;line-height:1.5;word-break:break-word}.custom-quiz-poll-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.custom-quiz-poll-card__date,.custom-quiz-poll-card__vote-count{align-items:center;color:var(--custom-quiz-meta-color);display:inline-flex;font-size:12px;font-weight:500;gap:5px;white-space:nowrap}.custom-quiz-poll-card__date svg,.custom-quiz-poll-card__vote-count svg{flex-shrink:0}.custom-quiz-poll-card__icon,.custom-quiz-poll-card__png-icon,.custom-quiz-poll-card__theme-icon{display:inline-block;flex-shrink:0;height:14px;-o-object-fit:contain;object-fit:contain;width:14px}.custom-quiz-poll-card__icon svg,.custom-quiz-poll-card__png-icon svg,.custom-quiz-poll-card__theme-icon svg{fill:currentColor;height:100%;width:100%}.custom-quiz-poll-card__chevron{align-items:center;background:#e3f0ff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.08);color:#2355ce;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:transform .25s ease,background .2s ease,color .2s ease;width:32px}.custom-quiz-poll-card__chevron svg{stroke:#2355ce}.custom-quiz-poll-card__chevron .custom-quiz-poll-card__png-icon{height:14px;transform:rotate(180deg);transition:transform .25s ease;width:14px}.custom-quiz-poll-card__chevron--open{background:#fff;color:#2355ce}.custom-quiz-poll-card__chevron--open .custom-quiz-poll-card__png-icon{transform:rotate(0deg)}.custom-quiz-poll-card__panel{padding:20px}.custom-quiz-poll-card__panel[hidden]{display:none}.custom-quiz-poll-card__question-img-wrap{margin-bottom:16px;text-align:center}.custom-quiz-poll-card__question-img{border-radius:8px;max-height:350px;max-width:100%;-o-object-fit:contain;object-fit:contain}.custom-quiz-poll-card__vote-error{background:var(--custom-quiz-error-bg);border:1px solid var(--custom-quiz-error-border);border-radius:6px;color:var(--custom-quiz-error-text);font-size:13px;margin-bottom:12px;padding:10px 14px}.custom-quiz-poll-card__voting{display:flex;flex-direction:column;gap:10px}.custom-quiz-poll-card__choices{display:flex;flex-direction:column;gap:12px}.custom-quiz-poll-card__choice-pill{align-items:center;background:#fafafa;border:none;border-radius:16px;color:#1e293b;cursor:pointer;display:flex;font-family:var(--custom-quiz-font);font-size:14px;gap:14px;padding:14px 20px;text-align:left;transition:all .2s ease;width:100%}.custom-quiz-poll-card__choice-pill:hover{background:#f1f5f9}.custom-quiz-poll-card__choice-pill:focus-visible{outline:2px solid var(--custom-quiz-primary);outline-offset:2px}.custom-quiz-poll-card__choice-pill--selected{background:#e3f2ff;border:none;color:#06c}.custom-quiz-poll-card__choice-pill--selected:hover{background:#d4e9fc}.custom-quiz-poll-card__choice-pill--selected .custom-quiz-poll-card__choice-text{color:#06c;font-weight:600}.custom-quiz-poll-card__radio-circle{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.custom-quiz-poll-card__radio-circle--selected{background:#06c;border-color:#06c}.custom-quiz-poll-card__radio-circle--selected .custom-quiz-poll-card__radio-dot{background:#fff;border-radius:50%;height:8px;width:8px}.custom-quiz-poll-card__choice-img{border-radius:8px;flex-shrink:0;height:36px;-o-object-fit:cover;object-fit:cover;width:36px}.custom-quiz-poll-card__choice-text{font-size:14px;line-height:1.4;word-break:break-word}.custom-quiz-poll-card__vote-submit-wrap{align-items:center;display:flex;justify-content:center;margin-top:4px;padding-top:16px;width:100%}.custom-quiz-poll-card__vote-btn{align-items:center;background:#06c!important;border:none;border-radius:50px;box-shadow:0 4px 14px rgba(0,102,204,.25);color:#fff!important;cursor:pointer;display:inline-flex;font-family:var(--custom-quiz-font);font-size:15px;font-weight:600;justify-content:center;margin:0 auto;min-width:160px;padding:10px 48px;transition:all .2s ease}.custom-quiz-poll-card__vote-btn:hover:not(:disabled){background:#0052a3!important;box-shadow:0 6px 18px rgba(0,102,204,.35);transform:translateY(-1px)}.custom-quiz-poll-card__vote-btn:active:not(:disabled){transform:translateY(0)}.custom-quiz-poll-card__vote-btn:disabled{background:#cbd5e1!important;box-shadow:none!important;color:#94a3b8!important;cursor:not-allowed;opacity:.8;transform:none}.custom-quiz-poll-card__result-grid{align-items:center;display:grid;gap:24px;grid-template-columns:1fr 280px}@media(max-width:640px){.custom-quiz-poll-card__result-grid{grid-template-columns:1fr}}.custom-quiz-poll-card__result-pct{display:flex;flex-direction:column;gap:0}.custom-quiz-poll-card__pct-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.custom-quiz-poll-card__pct-item{align-items:center;color:#333;display:flex;font-size:14px;gap:10px;justify-content:flex-start}.custom-quiz-poll-card__pct-item--voted{font-weight:700}.custom-quiz-poll-card__pct-label{line-height:1.4;word-break:break-word}.custom-quiz-poll-card__pct-value{color:#1976d2;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.custom-quiz-poll-card__result-chart{align-items:center;display:flex;justify-content:center}.custom-quiz-chart-wrap{margin:0 auto;max-width:220px;width:100%}.custom-quiz-chart-wrap canvas{max-width:100%}.custom-quiz-login-notice{align-items:center;display:flex;font-family:var(--custom-quiz-font);justify-content:center;padding:24px 16px;width:100%}.custom-quiz-login-notice__card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 30px -5px rgba(15,114,220,.08),0 4px 12px rgba(0,0,0,.03);display:flex;flex-direction:column;max-width:580px;overflow:hidden;padding:40px 32px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:100%}.custom-quiz-login-notice__card:before{background:linear-gradient(90deg,#0f72dc,#0284c7 50%,#38bdf8);content:"";height:4px;left:0;position:absolute;right:0;top:0}.custom-quiz-login-notice__card:hover{box-shadow:0 16px 36px -4px rgba(15,114,220,.12),0 6px 16px rgba(0,0,0,.04);transform:translateY(-2px)}.custom-quiz-login-notice__icon-wrap{align-items:center;background:linear-gradient(135deg,rgba(15,114,220,.08),rgba(14,165,233,.15));border:1px solid rgba(15,114,220,.15);border-radius:20px;box-shadow:0 4px 12px rgba(15,114,220,.1);color:#0f72dc;display:flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.custom-quiz-login-notice__icon{color:#0f72dc;font-size:28px!important;height:28px!important;line-height:28px!important;width:28px!important}.custom-quiz-login-notice__content{align-items:center;display:flex;flex-direction:column;gap:10px}.custom-quiz-login-notice__title{color:#0f294a;font-family:var(--custom-quiz-font);font-size:20px;font-weight:700;line-height:1.35;margin:0}.custom-quiz-login-notice__text{color:#64748b;font-family:var(--custom-quiz-font);font-size:14px;line-height:1.6;margin:0;max-width:440px}.custom-quiz-login-notice__action{margin-top:14px}.custom-quiz-login-notice__btn{align-items:center;background:linear-gradient(135deg,#0f72dc,#0284c7);border-radius:50px;box-shadow:0 4px 16px rgba(15,114,220,.3);color:#fff!important;display:inline-flex;font-family:var(--custom-quiz-font);font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:12px 36px;text-decoration:none!important;transition:all .25s ease}.custom-quiz-login-notice__btn:hover{background:linear-gradient(135deg,#0d63c2,#0274b0);box-shadow:0 6px 20px rgba(15,114,220,.4);transform:translateY(-2px)}.custom-quiz-login-notice__btn:hover .custom-quiz-login-notice__btn-arrow{transform:translateX(4px)}.custom-quiz-login-notice__btn:active{transform:translateY(0)}.custom-quiz-login-notice__btn-arrow{font-size:16px;transition:transform .2s ease}