.qv.cc{grid-template-rows:minmax(0,1fr) auto;outline:none}.cc-main{display:grid;place-items:center;align-content:center;gap:clamp(22px,4vh,40px);padding:clamp(32px,8vh,88px) 20px 16px}.cc-stage{position:relative;width:min(560px,84vw,calc((100dvh - 330px) * 5 / 3));min-width:220px;aspect-ratio:5/3;animation:cc-rise .9s cubic-bezier(.2,.8,.2,1) .08s both}.cc-plate{position:absolute;inset:0;overflow:hidden;border-radius:18px;background:radial-gradient(90% 120% at 50% 0,color-mix(in srgb,var(--cc) 55%,#1d1631),#0f0c18 75%) 50% /cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 90px -12px color-mix(in srgb,var(--cc) 60%,transparent),0 40px 90px -36px color-mix(in srgb,var(--cc) 90%,#000)}.cc-plate:after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.34) 48%,color-mix(in srgb,var(--cc) 40%,rgba(255,255,255,.2)) 52%,transparent 70%);mix-blend-mode:screen;animation:cc-sweep 1.3s cubic-bezier(.45,.05,.25,1) .75s both}.cc-numeral{position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in srgb,var(--cc) 45%,#fff);font:italic 400 clamp(64px,14vw,120px)/1 var(--font-fraunces),Georgia,serif;text-shadow:0 0 40px var(--cc)}.cc-motes,.cc-rings{position:absolute;inset:0;pointer-events:none}.cc-rings i{position:absolute;inset:-4% -3%;border:2px solid color-mix(in srgb,var(--cc) 75%,#fff);border-radius:50%;opacity:0;box-shadow:0 0 24px var(--cc),inset 0 0 24px color-mix(in srgb,var(--cc) 60%,transparent);animation:cc-ring 1.7s cubic-bezier(.12,.7,.25,1) .4s both}.cc-rings i:nth-child(2){animation-delay:.58s;border-width:1.5px}.cc-rings i:nth-child(3){animation-delay:.76s;border-width:1px}.cc-motes i{--a:calc(var(--i) * 40deg + 12deg);--d:clamp(150px,34vw,300px);position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px;border-radius:50%;opacity:0;background:color-mix(in srgb,var(--cc) 65%,#fff);box-shadow:0 0 12px var(--cc),0 0 3px #fff;animation:cc-mote 1.5s cubic-bezier(.1,.75,.3,1) .45s both}.cc-motes i:nth-child(2n){--d:clamp(190px,44vw,380px);width:5px;height:5px;margin:-2.5px;animation-delay:.55s}.cc-motes i:nth-child(3n){--d:clamp(120px,28vw,240px);width:11px;height:11px;margin:-5.5px}.cc-copy{display:grid;justify-items:center;gap:8px;text-align:center;animation:cc-copy .7s cubic-bezier(.2,.8,.2,1) .55s both}.cc-copy p{margin:0}.cc-kicker{color:color-mix(in srgb,var(--cc) 70%,#fff);font:500 11.5px/1 var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.24em;text-transform:uppercase}.cc h2{margin:2px 0 0;color:#f5f1e8;font:italic 400 clamp(32px,5.2vw,58px)/1.02 var(--font-fraunces),Georgia,serif;font-variation-settings:"SOFT" 100,"opsz" 144;letter-spacing:-.02em;text-shadow:0 0 40px color-mix(in srgb,var(--cc) 45%,transparent)}.cc-meta{color:#a39cb2;font:500 12px/1 var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums}.cc-note{min-height:1.4em;color:#a39cb2;font-size:13px}.qv-bar .qv-primary:disabled{cursor:progress;opacity:.7}@keyframes cc-rise{0%{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:none}}@keyframes cc-sweep{to{transform:translateX(120%)}}@keyframes cc-ring{0%{opacity:0;transform:scale(.7)}18%{opacity:.9}to{opacity:0;transform:scale(1.6)}}@keyframes cc-mote{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(1)}}@keyframes cc-copy{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:640px){.cc-main{padding-top:clamp(28px,7vh,56px)}.cc-plate{border-radius:14px}}@media (prefers-reduced-motion:reduce){.cc-motes,.cc-plate:after,.cc-rings{display:none}.cc-copy,.cc-stage{animation:none}}:root[data-motion=off] .cc-plate:after,:root[data-motion=off] :is(.cc-rings,.cc-motes){display:none}:root[data-motion=off] :is(.cc-stage,.cc-copy){animation:none}