#hq-root{--hq-text: rgb(var(--color-base-text, 23 23 23));--hq-text-muted: rgb(var(--color-base-text, 23 23 23) / .6);--hq-text-soft: rgb(var(--color-base-text, 23 23 23) / .78);--hq-bg: rgb(var(--color-base-background, 255 255 255));--hq-surface: rgb(var(--color-base-background, 255 255 255));--hq-btn: rgb(var(--color-base-button, 23 23 23));--hq-btn-text: rgb(var(--color-base-button-text, 255 255 255));--hq-highlight: rgb(var(--color-base-highlight, 255 221 191));--hq-highlight-2: rgb(var(--color-base-highlight, 255 221 191) / .4);--hq-line: rgb(var(--color-base-text, 23 23 23) / .1);--hq-line-strong: rgb(var(--color-base-text, 23 23 23) / .18);--hq-gold: #b8860b;--hq-radius-card: var(--card-radius, 14px);--hq-radius-btn: var(--buttons-radius, 999px);--hq-radius-input:var(--rounded-input, 8px);--hq-card-shadow: 0 var(--card-shadow-vertical-offset, 4px) 24px rgb(var(--color-shadow, 168 232 226) / calc(var(--card-shadow-opacity, .1) + .06));--hq-gryffindor: #740001;--hq-ravenclaw: #0E1A40;--hq-hufflepuff: #946B2D;--hq-slytherin: #1A472A;--hq-transition: .26s cubic-bezier(.4,0,.2,1);display:block;color:var(--hq-text);font-family:var(--font-body-family, "Inter", sans-serif);font-weight:var(--font-body-weight, 400)}.hq-wrap{width:100%;max-width:600px;margin:0 auto;padding:clamp(20px,4vw,40px) clamp(16px,4vw,24px);box-sizing:border-box;display:flex;flex-direction:column;gap:22px}.hq-screen{display:none;animation:hqFadeIn var(--hq-transition) both}.hq-screen.hq-active{display:flex;flex-direction:column;gap:20px}@keyframes hqFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hq-header{text-align:center}.hq-crest{width:56px;height:56px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--hq-highlight);color:#7a5230;box-shadow:var(--hq-card-shadow)}.hq-crest svg{width:28px;height:28px}.hq-title{font-family:var(--font-heading-family, "Inter", sans-serif);font-weight:var(--font-heading-weight, 700);font-size:clamp(24px,5.5vw,34px);line-height:1.2;letter-spacing:var(--font-heading-letter-spacing, -.01em);margin:0 0 8px;color:var(--hq-text)}.hq-subtitle{font-size:clamp(14px,3.4vw,16px);color:var(--hq-text-muted);line-height:1.6;margin:0 auto;max-width:420px}.hq-rule{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--hq-gold);font-size:12px;letter-spacing:4px}.hq-rule:before,.hq-rule:after{content:"";width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--hq-line-strong))}.hq-rule:after{background:linear-gradient(90deg,var(--hq-line-strong),transparent)}.hq-card{background:var(--hq-surface);border-radius:var(--hq-radius-card);box-shadow:var(--hq-card-shadow);border:1px solid var(--hq-line);padding:clamp(20px,5vw,30px)}.hq-auth-icon{display:flex;justify-content:center;align-items:center;margin:0 0 12px;color:var(--hq-gold)}.hq-auth-icon svg{width:38px;height:38px;display:block}.hq-btn svg{width:18px;height:18px;flex-shrink:0}.hq-auth-text{text-align:center;font-size:16px;color:var(--hq-text-soft);line-height:1.6;margin:0 0 20px}.hq-auth-buttons{display:flex;flex-direction:column;gap:10px}.hq-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:15px 22px;border:var(--buttons-border-width, 2px) solid transparent;border-radius:var(--hq-radius-btn);font-family:var(--font-button-family, inherit);font-size:var(--font-button-size, 15px);font-weight:var(--font-button-weight, 600);text-transform:var(--font-button-text-transform, none);cursor:pointer;text-align:center;text-decoration:none;transition:var(--hq-transition);line-height:1;box-sizing:border-box}.hq-btn-primary{background:var(--hq-btn);color:var(--hq-btn-text);border-color:var(--hq-btn)}.hq-btn-primary:hover{transform:translateY(-1px);opacity:.92}.hq-btn-primary:active{transform:translateY(0)}.hq-btn-secondary{background:transparent;color:var(--hq-text);border-color:var(--hq-line-strong)}.hq-btn-secondary:hover{background:rgb(var(--color-base-text, 23 23 23) / .04)}.hq-btn-ghost{background:var(--hq-highlight);color:var(--hq-text);border-color:transparent;width:auto}.hq-btn-ghost:hover{filter:brightness(.96)}.hq-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.hq-input-group{display:flex;flex-direction:column;gap:8px}.hq-label{font-size:12px;font-weight:600;color:var(--hq-text-muted);letter-spacing:.6px;text-transform:uppercase}.hq-input{background:rgb(var(--color-base-text, 23 23 23) / .03);border:1px solid var(--hq-line-strong);border-radius:var(--hq-radius-input);color:var(--hq-text);font-family:inherit;font-size:16px;padding:14px 16px;width:100%;box-sizing:border-box;transition:var(--hq-transition);outline:none}.hq-input:focus{border-color:var(--hq-gold);background:var(--hq-highlight-2)}.hq-input::placeholder{color:var(--hq-text-muted)}.hq-input-error{font-size:13px;color:rgb(var(--color-sale-price, 225 29 72));min-height:18px}.hq-progress-wrap{display:flex;flex-direction:column;gap:8px}.hq-progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--hq-text-muted);font-weight:500}.hq-progress-bar{height:6px;background:var(--hq-line);border-radius:999px;overflow:hidden}.hq-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--hq-gold),rgb(var(--color-base-highlight, 255 221 191)));transition:width .4s cubic-bezier(.4,0,.2,1)}.hq-q-context{font-size:12px;color:var(--hq-gold);font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin:0 0 10px}.hq-q-text{font-size:clamp(15px,3.6vw,17px);line-height:1.65;color:var(--hq-text-soft);margin:0}.hq-q-prompt{font-size:clamp(15px,3.6vw,17px);font-weight:700;color:var(--hq-text);margin:14px 0 0}.hq-choices{display:flex;flex-direction:column;gap:10px}.hq-choice{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;background:var(--hq-surface);border:1.5px solid var(--hq-line-strong);border-radius:var(--hq-radius-input);cursor:pointer;transition:var(--hq-transition);text-align:left;font-family:inherit;font-size:14.5px;color:var(--hq-text);line-height:1.5;width:100%;box-sizing:border-box}.hq-choice:hover{border-color:var(--hq-gold);background:var(--hq-highlight-2)}.hq-choice.hq-selected{border-color:var(--hq-gold);background:var(--hq-highlight)}.hq-choice.hq-selected .hq-choice-letter{background:var(--hq-btn);color:var(--hq-btn-text)}.hq-choice-letter{min-width:28px;height:28px;border-radius:50%;background:rgb(var(--color-base-text, 23 23 23) / .06);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;transition:var(--hq-transition)}.hq-nav{display:flex;gap:10px}.hq-nav .hq-btn{flex:1}.hq-loading{text-align:center;padding:36px 0;display:flex;flex-direction:column;align-items:center;gap:16px}.hq-spinner{width:42px;height:42px;border:3px solid var(--hq-line);border-top-color:var(--hq-gold);border-radius:50%;animation:hqSpin .8s linear infinite}@keyframes hqSpin{to{transform:rotate(360deg)}}.hq-loading-text{font-size:16px;color:var(--hq-text-muted)}.hq-result-house-banner{text-align:center;padding:clamp(22px,5vw,34px) 20px;border-radius:var(--hq-radius-card);background:var(--hq-surface);border:1px solid var(--hq-line);box-shadow:var(--hq-card-shadow);position:relative;overflow:hidden}.hq-result-house-banner:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--hq-house-color, #333)}.hq-result-house-banner>*{position:relative}.hq-result-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--hq-gold);margin:6px 0 10px}.hq-result-announcement{font-family:var(--font-heading-family, inherit);font-size:clamp(17px,4.2vw,22px);font-weight:600;line-height:1.35;margin:0 0 4px;color:var(--hq-text-soft)}.hq-result-house-name{font-family:var(--font-heading-family, inherit);font-size:clamp(28px,7vw,40px);font-weight:800;margin:0 0 14px;color:var(--hq-house-color, var(--hq-text))}.hq-result-description{font-size:clamp(14px,3.4vw,15px);color:var(--hq-text-soft);line-height:1.7;margin:0 auto;max-width:440px}.hq-discount-block{background:var(--hq-highlight);border-radius:var(--hq-radius-card);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hq-discount-label{font-size:11px;font-weight:700;color:var(--hq-text-soft);text-transform:uppercase;letter-spacing:.8px;display:block;margin-bottom:4px}.hq-discount-code{font-size:clamp(18px,4.5vw,22px);font-weight:800;letter-spacing:2px;color:var(--hq-text);font-family:var(--font-heading-family, monospace)}.hq-copy-btn{padding:10px 18px;font-size:13px;flex-shrink:0}.hq-copy-btn.hq-copied{background:rgb(var(--color-success-text, 22 101 52));color:#fff}.hq-story-section{display:flex;flex-direction:column;gap:14px;align-items:center}.hq-story-preview-wrap{position:relative;border-radius:var(--hq-radius-input);overflow:hidden;border:1px solid var(--hq-line);max-width:210px;margin:0 auto;box-shadow:var(--hq-card-shadow)}.hq-story-preview-wrap canvas{display:block;width:100%;height:auto}.hq-story-buttons{display:flex;gap:10px;width:100%}.hq-story-buttons .hq-btn{flex:1;padding:13px;font-size:14px}.hq-cta-link{display:block;text-decoration:none}.hq-save-warning{background:rgb(var(--color-error-background, 255 241 242));border:1px solid rgb(var(--color-sale-price, 225 29 72) / .3);border-radius:var(--hq-radius-input);padding:12px 16px;font-size:13px;color:rgb(var(--color-error-text, 159 18 57))}@media(min-width:480px){.hq-auth-buttons{flex-direction:row}.hq-auth-buttons .hq-btn{flex:1}}@media(prefers-reduced-motion:reduce){.hq-screen,.hq-progress-fill{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hogwarts-quiz.css.map */