.cq{gap:22px;max-width:460px;margin:0 auto;display:grid}.cq.wide{max-width:1100px}.cq h1,.cq h2{text-wrap:balance;margin:0;line-height:1.08}.cq h1{font-size:clamp(2.3rem,9vw,3.2rem)}.cq h1 em{color:var(--color-pink)}.cq h2{font-size:1.7rem}.cq-lede{color:var(--color-indigo-soft);margin:0;font-size:1.08rem}.cq-fine{color:var(--color-indigo-soft);margin:0;font-size:.88rem}.cq-top{justify-content:flex-end;display:flex}.cq-pill{color:var(--color-indigo-soft);background:var(--color-white);border-radius:99px;padding:5px 12px;font-size:.8rem;font-weight:700}.cq-row{flex-wrap:wrap;gap:10px;display:flex}.cq-row .btn{flex:auto}.cq-link{cursor:pointer;color:var(--color-indigo-soft);text-underline-offset:3px;background:0 0;border:0;justify-self:center;padding:4px;font-weight:700;text-decoration:underline}.cq-fan{place-items:center;height:300px;margin-block:6px;display:grid;position:relative}.cq-fan .acard{width:168px;font-size:7.3px;transition:transform .4s;position:absolute}.cq-fan .acard:first-child{transform:rotate(-14deg)translate(-78px,14px)}.cq-fan .acard:nth-child(2){z-index:2;transform:translateY(-6px)}.cq-fan .acard:nth-child(3){transform:rotate(14deg)translate(78px,14px)}.cq-fan:hover .acard:first-child{transform:rotate(-18deg)translate(-96px,18px)}.cq-fan:hover .acard:nth-child(3){transform:rotate(18deg)translate(96px,18px)}.cq-dots{gap:6px;display:flex}.cq-dots span{background:var(--color-line);border-radius:99px;flex:1;height:6px;transition:background .3s}.cq-dots span.on{background:var(--color-pink)}.cq-qnum{color:var(--color-indigo-soft);margin:0;font-size:.9rem;font-weight:700}.cq-opts{gap:10px;display:grid}.cq-opt{cursor:pointer;text-align:left;color:var(--color-indigo);background:var(--color-white);border:2px solid var(--color-line);border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:1rem;font-weight:700;transition:border-color .15s,transform .15s;display:flex}.cq-opt:hover{border-color:var(--color-pink);transform:translate(3px)}.cq-opt .ico{text-align:center;flex:none;width:1.6rem;font-size:1.3rem}.cq-stage{perspective:1400px;place-items:center;transition:transform .25s ease-out;display:grid}.cq-flip{aspect-ratio:9/16;width:min(340px,100%);transform-style:preserve-3d;font-size:calc(min(340px,100vw - 48px)/23);transition:transform 1s cubic-bezier(.2,.8,.2,1);position:relative}.cq-flip.flipped{transform:rotateY(180deg)}.cq-flip>.acard{backface-visibility:hidden;position:absolute;inset:0}.cq-flip>.acard.front{transform:rotateY(180deg)}.cq-note{text-align:center;color:var(--color-indigo-soft);margin:0;font-weight:700}.cq-copied{min-height:1.4em;color:var(--color-pink);text-align:center;margin:0;font-size:.92rem;font-weight:700}.cq-fallback{border:2px solid var(--color-line);background:var(--color-white);border-radius:12px;width:100%;padding:10px 12px}.cq-chips{flex-wrap:wrap;gap:8px;display:flex}.cq-chip{cursor:pointer;border:2px solid var(--color-line);background:var(--color-white);color:var(--color-indigo);border-radius:99px;padding:8px 14px;font-size:.92rem;font-weight:700}.cq-chip[aria-pressed=true]{background:var(--color-indigo);border-color:var(--color-indigo);color:var(--color-white)}.cq-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;display:grid}.cq-grid>div{container-type:inline-size}.cq-grid .acard{cursor:pointer;font-size:4.34783cqw;transition:transform .2s}.cq-grid .acard:hover{transform:translateY(-4px)rotate(-1deg)}.acard{--c-bg:#261d77;--c-ink:#fff;--c-acc:#ffb3d1;--c-soft:#ffffff24;--c-spark:#ffffffd9;--c-star:#fff;aspect-ratio:9/16;background-color:var(--c-bg);background-image:radial-gradient(circle at 18% 22%, var(--c-spark) 0 .09em, transparent .16em), radial-gradient(circle at 70% 64%, var(--c-spark) 0 .07em, transparent .14em), radial-gradient(circle at 42% 88%, var(--c-spark) 0 .11em, transparent .18em), radial-gradient(circle at 88% 12%, var(--c-spark) 0 .06em, transparent .13em), radial-gradient(120% 70% at 50% 0%, var(--c-soft), transparent 70%), radial-gradient(90% 60% at 100% 100%, var(--c-soft), transparent 70%);width:100%;max-width:100%;color:var(--c-ink);font-family:var(--font-body);text-align:center;background-size:3.7em 3.7em,5.3em 5.3em,7.1em 7.1em,2.9em 2.9em,100% 100%,100% 100%;border-radius:1.9em;flex-direction:column;gap:.6em;padding:2em 1.8em 1.8em;display:flex;position:relative;overflow:hidden;box-shadow:0 1.6em 3.2em -1.6em #261d778c,inset 0 0 0 .5em #ffffff14}.acard:after{content:"";border:.14em solid var(--c-acc);opacity:.55;pointer-events:none;border-radius:1.3em;position:absolute;inset:1em}.acard>*{overflow-wrap:anywhere;min-width:0;margin:0}.acard .c-top{opacity:.85;justify-content:space-between;align-items:center;font-size:1em;font-weight:700;line-height:1.3;display:flex}.acard .c-logo{font:700 1.7em/1 var(--font-script);color:var(--c-acc)}.acard .c-glyph{background:var(--c-soft);width:4.6em;height:4.6em;box-shadow:0 0 0 .2em var(--c-acc) inset;color:var(--c-acc);border-radius:50%;flex:none;place-items:center;margin:0 auto;display:grid}.acard .c-glyph span{font-size:2.6em;line-height:1}.acard .c-name{font:italic 600 4.2em/1 var(--font-display);letter-spacing:-.01em}.acard .c-say{color:var(--c-acc);letter-spacing:.04em;font-size:1.1em;font-weight:800;line-height:1.3}.acard .c-arch{font:italic 600 1.5em/1.1 var(--font-display)}.acard .c-mean{opacity:.82;font-size:1em;line-height:1.35}.acard .c-line{text-wrap:balance;font-size:1.3em;font-weight:800;line-height:1.25}.acard .c-watch{background:var(--c-soft);border-radius:1em;gap:.2em;margin-top:auto;padding:.8em 1em;display:grid}.acard .c-watch small{opacity:.8;font-size:.95em;font-weight:700;line-height:1.3}.acard .c-film{font:italic 600 1.45em/1.15 var(--font-display);text-wrap:balance}.acard .c-tip{opacity:.9;font-size:.95em;line-height:1.35}.acard .c-foot{opacity:.75;font-size:.95em;font-weight:800;line-height:1.3}.acard.back{justify-content:center;align-items:center}.acard.back .big-a{font:italic 600 15em/1 var(--font-display);color:var(--c-acc)}.acard.back .c-logo{font-size:3.2em}.c-spark{left:var(--x);top:var(--y);width:var(--s);height:var(--s);animation:2.6s ease-in-out infinite cq-twinkle;animation-delay:var(--d);pointer-events:none;z-index:3;opacity:0;position:absolute}.c-spark:before{content:"";background:var(--c-star);clip-path:polygon(50% 0,55% 45%,100% 50%,55% 55%,50% 100%,45% 55%,0 50%,45% 45%);position:absolute;inset:0}.c-spark:after{content:"";background:var(--c-star);filter:blur(.2em);border-radius:50%;position:absolute;inset:30%}@keyframes cq-twinkle{0%,to{opacity:0;transform:scale(.15)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.c-shine{border-radius:inherit;pointer-events:none;z-index:2;mix-blend-mode:screen;opacity:.55;background:linear-gradient(115deg,#0000 25%,#ffffffd9 42%,#ffa0d7bf 48%,#aab9ffbf 54%,#a0f0dc99 58%,#0000 72%) 0 0/260% 260%;animation:5s ease-in-out infinite cq-sheen;position:absolute;inset:0}.c-shine.live{opacity:.7;transition:background-position 80ms linear;animation:none}@keyframes cq-sheen{0%{background-position:130% 0}55%,to{background-position:-30% 0}}.cq-fade{animation:.45s both cq-rise}@keyframes cq-rise{0%{opacity:.001;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cq-flip,.cq-fan .acard,.cq-grid .acard,.cq-opt,.cq-stage{transition:none}.cq-fade,.c-shine{animation:none}.c-spark{opacity:.85;animation:none;transform:scale(.7)}}@media (width<=420px){.cq-fan{height:250px}.cq-fan .acard{width:140px;font-size:6.1px}.cq-fan .acard:first-child{transform:rotate(-14deg)translate(-62px,12px)}.cq-fan .acard:nth-child(3){transform:rotate(14deg)translate(62px,12px)}}
