.brand{display:flex;align-items:center;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.brand strong{display:block;width:154px;height:30px;font-size:0;color:transparent;background:url(/assets/img/click-start-lockup-on-light.svg) left center/contain no-repeat}
@media (max-width:400px){.brand strong{width:132px;height:26px}}
.chips{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-auto-columns:max-content;align-content:start;justify-content:start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 40px 2px 2px;margin:-2px 0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
.chips::-webkit-scrollbar{display:none}
.chip{justify-self:start;white-space:nowrap;scroll-snap-align:start}
.fx{position:fixed;inset:0;z-index:200;pointer-events:none}
.fx canvas{display:block;width:100%;height:100%}
.fx__hint{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-weight:600;transition:opacity .4s}
.d3{position:fixed;inset:0;z-index:300;background:#0D0E13;color:#F4F6F8;touch-action:none;cursor:grab}
.d3 canvas{position:absolute;inset:0;width:100%;height:100%}
.d3 img{position:absolute;left:20px;top:calc(22px + env(safe-area-inset-top,0px));width:150px;height:auto}
.d3__x{position:absolute;right:16px;top:calc(12px + env(safe-area-inset-top,0px));width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font:600 1.6rem/1 var(--font-body);cursor:pointer}
.d3__x:focus-visible{outline:3px solid #5AC494}
.d3__hint{position:absolute;left:0;right:0;bottom:calc(28px + env(safe-area-inset-bottom,0px));text-align:center;color:#9AA0AC;font-size:.9rem;padding:0 16px}