.bchip{min-height:46px;padding:0 16px;border-radius:999px;border:1px solid rgba(246,242,234,.22);background:transparent;color:#F6F2EA;font-family:'Instrument Sans',sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background .35s,color .35s,border-color .35s,transform .35s}
.bchip:hover{border-color:#D4B47E;transform:translateY(-1px)}
.bchip[aria-pressed="true"]{background:#F6F2EA;color:#0E141F;border-color:#F6F2EA}
.cchip{min-height:44px;padding:0 15px;border-radius:10px;border:1px solid rgba(246,242,234,.22);background:rgba(246,242,234,.04);color:#F6F2EA;font-family:'Instrument Sans',sans-serif;font-size:14px;cursor:pointer;transition:background .35s,color .35s,border-color .35s}
.cchip[aria-pressed="true"]{background:#D9913E;border-color:#D9913E;color:#0E141F;font-weight:600}
.fstep{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#D4B47E}
.fstep b{width:24px;height:24px;border-radius:50%;border:1px solid #D4B47E;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:0}
.fstep.ok b{background:#D4B47E;color:#0E141F}
.srch{width:100%;height:54px;padding:0 16px 0 46px;border-radius:12px;border:1px solid rgba(246,242,234,.22);background:rgba(246,242,234,.06);color:#F6F2EA;font-family:'Instrument Sans',sans-serif;font-size:16px}
.srch::placeholder{color:#8F96A3}
.srch:focus{outline:none;border-color:#D4B47E;box-shadow:0 0 0 4px rgba(212,180,126,.15)}
.dial{position:relative;width:min(260px,64vw);aspect-ratio:1;margin:0 auto}
.dial .rot{position:absolute;inset:14%;border-radius:50%;background:conic-gradient(from 200deg,#E9C98E,#B9894A 30%,#7A5E30 60%,#E9C98E);box-shadow:inset 0 0 0 6px rgba(14,20,31,.35),0 20px 40px rgba(0,0,0,.35)}
.dial .rot::after{content:"";position:absolute;inset:38%;border-radius:50%;background:#0E141F;box-shadow:0 0 0 3px #D4B47E}
.dial .rot i{position:absolute;left:50%;top:6%;width:2px;height:40%;background:rgba(14,20,31,.55);transform-origin:50% 110%}
.spin-h{animation:wcw 9s cubic-bezier(.42,0,.22,1) infinite}
.spin-b{animation:walt 12s cubic-bezier(.42,0,.22,1) infinite}
.ring{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(212,180,126,.45);animation:spin 80s linear infinite}
.arw{position:absolute;inset:4%;}
.tpd{font-family:'Instrument Serif',serif;font-size:clamp(46px,6vw,76px);line-height:.95}
.recs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.k3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:900px){
.only-d{display:none!important}.only-m{display:block}
.heroc{flex-direction:column!important}
.recs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--g) * -1);padding:0 var(--g)}
.recs>*{scroll-snap-align:start}
.k3{grid-template-columns:none}
}