.q-col{width:100%;max-width:var(--q-w,46rem);margin-inline:auto;position:relative}.q-col[data-align=center] .q-head{text-align:center}.q-col[data-align=center] .q-head .q-lead{margin-inline:auto}.q-meta{min-height:2.75rem;font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold);align-items:center;gap:.75rem;margin-bottom:.25rem;font-size:.72rem;font-weight:700;display:flex}@media (min-width:1024px){.q-meta{min-height:0;margin-bottom:.5rem}.q-col[data-align=center] .q-meta{justify-content:center}}.q-guide{margin-bottom:.6rem;display:flex}.q-col[data-align=center] .q-guide{justify-content:center}.q-guide .m-guide[data-size]{--m-h:4rem;max-width:100%}.q-guide .m-bubble{text-align:left;min-width:0;max-width:min(46ch,100%)}@media (min-width:768px){.q-guide .m-guide[data-size]{--m-h:5rem}}@media (min-width:768px) and (max-height:760px){.q-guide .m-guide[data-size]{--m-h:4.25rem}}.q-tiles{--gap:.65rem;justify-content:center;gap:var(--gap);flex-wrap:wrap;display:flex}@media (min-width:768px){.q-tiles{--gap:.85rem}}.q-tile{width:calc((100% - (var(--cols,2) - 1) * var(--gap)) / var(--cols,2));transition:transform .18s,opacity .2s;display:flex;position:relative}.q-tile>.pick{flex:1;min-width:0}.q-tile:hover{transform:translateY(-3px)}.q-tile:hover>.pick{transform:none}.q-tiles[data-dense] .pick{border-radius:.95rem;gap:.3rem;padding:.55rem}.q-tiles[data-dense] .pick-title{font-size:.95rem}.q-tiles[data-dense] .pick-line{font-size:.8rem}.q-tiles[data-small] .pick{gap:.35rem;padding:.45rem}.q-tiles[data-small] .pick-title{font-size:.8rem;line-height:1.15}.q-tiles[data-small] .pick-tag{letter-spacing:.04em;padding:.1rem .4rem;font-size:.56rem;top:.3rem;left:.3rem}.q-tiles[data-small] .pick-check{top:.3rem;right:.3rem}.q-tiles[data-center] .pick{text-align:center;align-items:center}.q-tiles .pick[aria-checked=true]{background:color-mix(in srgb, var(--color-gold) 12%, transparent);border-color:var(--color-gold);box-shadow:0 0 0 1px var(--color-gold), 0 0 30px color-mix(in srgb, var(--color-gold) 32%, transparent);animation:.3s cubic-bezier(.2,.8,.2,1) both q-settle}.q-tiles .pick[aria-checked=true] .pick-title,.q-tiles .pick[aria-checked=true] .q-big{color:var(--color-gold)}.q-tiles .pick-title,.q-tiles .pick-line,.q-tiles .q-big{transition:opacity .2s,color .2s}.q-tiles:has(.pick[aria-checked=true]) .pick:not([aria-checked=true]) :is(.pick-title,.pick-line,.q-big){opacity:.62}.q-tiles .pick:not([aria-checked=true]):hover :is(.pick-title,.pick-line,.q-big){opacity:1}.q-tiles .pick-check{z-index:2;box-shadow:0 0 0 3px var(--color-night);animation:.28s cubic-bezier(.2,.8,.2,1) both q-check-in}.q-tiles .pick-tag{z-index:2}@keyframes q-settle{0%{transform:scale(.975);box-shadow:0 0 #0000}to{transform:none}}@keyframes q-check-in{0%{opacity:0;transform:translate(-6px)scale(.7)}to{opacity:1;transform:none}}.q-pic{width:100%;aspect-ratio:var(--q-pic,16 / 10);background:color-mix(in srgb, var(--color-snow) 6%, transparent);border-radius:.7rem;display:block;position:relative;overflow:hidden}.q-pic>span{width:100%;height:100%;display:block}.q-big{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-snow);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,4.8vw,3.5rem);font-weight:500;line-height:1;transition:color .2s;display:block}.q-big small{font-family:var(--font-ui);letter-spacing:.02em;color:var(--color-snow-dim);margin-left:.3em;font-size:.3em;font-weight:700}.q-peek-frame{pointer-events:none;z-index:3;border:1px solid #0000;padding:.55rem;position:absolute;inset:0 0 auto}.q-peek-frame>span{aspect-ratio:var(--q-pic,16 / 10);display:block;position:relative}.q-peek{pointer-events:auto;min-height:1.85rem;font-family:var(--font-ui);color:var(--color-snow);background:color-mix(in srgb, var(--color-night) 78%, transparent);border:1px solid color-mix(in srgb, var(--color-snow) 22%, transparent);-webkit-backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .6rem .15rem .5rem;font-size:.7rem;font-weight:700;transition:background-color .15s,border-color .15s;display:inline-flex;position:absolute;bottom:.4rem;right:.4rem}.q-peek:hover{background:color-mix(in srgb, var(--color-night) 92%, transparent);border-color:var(--color-gold)}.q-peek svg{flex:none;width:.95rem;height:.95rem}.q-tune,.q-tune-pair{gap:.55rem;display:grid}@media (min-width:1280px){.q-tune-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:1.25rem}}.q-tune-row{grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:.6rem;display:grid}@media (max-width:479px){.q-tune-row{grid-template-columns:minmax(0,1fr);gap:.35rem}}.q-tune-label{font-family:var(--font-ui);color:var(--color-snow);font-size:.85rem;font-weight:700}.q-swatches{flex-wrap:wrap;gap:.4rem;display:flex}.q-swatch{border:1px solid color-mix(in srgb, var(--color-snow) 28%, transparent);border-radius:999px;flex:none;width:1.75rem;height:1.75rem;transition:transform .15s,box-shadow .2s;position:relative}.q-swatch:hover{transform:scale(1.1)}.q-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--color-night), 0 0 0 4px var(--color-gold), 0 0 16px color-mix(in srgb, var(--color-gold) 45%, transparent)}.q-swatch:focus-visible{outline-offset:5px}@media (min-width:1024px){.q-swatches{gap:.35rem}.q-swatch{width:1.5rem;height:1.5rem}}.q-next .q-tick{animation:.3s cubic-bezier(.2,.8,.2,1) both q-check-in}.q-hint{animation:3.6s cubic-bezier(.2,.8,.2,1) forwards q-hint}@keyframes q-hint{0%{opacity:0;transform:translateY(6px)}8%,85%{opacity:1;transform:none}to{opacity:0;visibility:hidden}}.rail-step[data-fresh] .rail-dot{animation:1.1s ease-out both q-dot-done}.rail-step[data-fresh] .rail-dot svg{animation:.42s cubic-bezier(.2,.8,.2,1) .12s both q-check-in}@keyframes q-dot-done{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-gold) 70%, transparent)}to{box-shadow:0 0 0 12px #0000}}.q-toast{pointer-events:none;white-space:nowrap;font-family:var(--font-ui);color:var(--color-snow);background:color-mix(in srgb, var(--color-night-2) 92%, transparent);border:1px solid color-mix(in srgb, var(--color-gold) 45%, transparent);box-shadow:0 12px 30px -12px color-mix(in srgb, var(--color-gold) 50%, transparent);border-radius:999px;align-items:center;gap:.55rem;padding:.4rem .95rem .4rem .4rem;font-size:.85rem;font-weight:700;animation:2.8s cubic-bezier(.2,.8,.2,1) forwards q-toast;display:inline-flex;position:absolute;top:calc(100% + .6rem);left:50%}.q-toast>span:first-child{background:var(--color-gold);width:1.5rem;height:1.5rem;color:var(--color-ink);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.q-toast svg{width:.9rem;height:.9rem;animation:.42s cubic-bezier(.2,.8,.2,1) .2s both q-check-in}@keyframes q-toast{0%{opacity:0;transform:translate(-50%,-8px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;visibility:hidden;transform:translate(-50%,-4px)}}.q-halo{pointer-events:none;border:1.5px solid var(--color-gold);opacity:0;border-radius:.9rem;animation:2s cubic-bezier(.2,.8,.2,1) 2 both q-halo;position:absolute;inset:-.5rem}.q-halo+.q-halo{animation-delay:.6s}@keyframes q-halo{0%{opacity:.8;transform:scale(.97)}to{opacity:0;transform:scale(1.12)}}.q-cheer{justify-content:center;display:inline-flex;position:relative}.q-cheer>.q-ring{pointer-events:none;border:1.5px solid var(--color-gold);opacity:0;border-radius:999px;width:9rem;height:9rem;margin-left:-4.5rem;animation:2.2s ease-out 3 both q-ring;position:absolute;bottom:.5rem;left:50%}.q-cheer>.q-ring+.q-ring{animation-delay:.7s}@keyframes q-ring{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.q-glow-once{animation:1.6s ease-out both q-glow-once}@keyframes q-glow-once{0%{box-shadow:0 0 0 1px var(--color-gold), 0 0 40px color-mix(in srgb, var(--color-gold) 45%, transparent)}to{box-shadow:0 0 0 1px #0000,0 0 #0000}}.q-dialog{width:min(54rem,100vw - 1.5rem);max-width:none;max-height:calc(100dvh - 1.5rem);color:var(--color-snow);background:0 0;border:0;margin:auto;padding:0;overflow:auto}.q-dialog::backdrop{background:color-mix(in srgb, var(--color-night) 80%, transparent);-webkit-backdrop-filter:blur(6px)}.q-dialog[open]{animation:.3s cubic-bezier(.2,.8,.2,1) both q-dialog-in}.q-dialog-panel{background:color-mix(in srgb, var(--color-night-2) 94%, transparent);border:1px solid color-mix(in srgb, var(--color-snow) 14%, transparent);box-shadow:0 40px 80px -30px color-mix(in srgb, var(--color-night) 90%, transparent)}@keyframes q-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.q-strip{z-index:5;background:color-mix(in srgb, var(--color-night) 88%, transparent);-webkit-backdrop-filter:blur(10px);margin-inline:-1.25rem;padding:.5rem 1.25rem .6rem;position:sticky;top:0}@media (min-width:768px){.q-strip{margin-inline:-2.5rem;padding-inline:2.5rem}}@media (prefers-reduced-motion:reduce){.q-hint{animation:none}.q-tile,.q-tile:hover,.q-swatch:hover{transform:none}.q-halo,.q-cheer>.q-ring{display:none}}.btn.btn-making[aria-disabled=true]{opacity:.9;filter:none;cursor:progress}
