.category-dialog{width:min(100%,880px);max-width:100%;max-height:92dvh;color:var(--ink);background:var(--brand-navy);border:0;border-radius:26px 26px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;box-shadow:0 -12px 60px #16181d33}.category-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16181d80}.category-dialog[open]{animation:.2s ease-out category-enter}.category-dialog__panel{height:min(82dvh,760px);display:flex}.category-dialog__tabs{background:var(--brand-navy);flex-direction:column;flex:0 0 62px;padding:20px 0 18px;display:flex}.category-dialog__tab{color:var(--yel);cursor:pointer;flex:1;place-items:center;display:grid}.category-dialog__tab.is-on{background:var(--brand-blue-dark);color:var(--yel);box-shadow:inset 3px 0 0 var(--yel);border-radius:18px 0 0 18px;margin-left:7px}.category-dialog__tab:focus-visible{outline:2px solid var(--yel);outline-offset:-5px}.category-dialog__tab>span{writing-mode:vertical-rl;font-family:var(--fh);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex;transform:rotate(180deg)}.category-dialog__tab svg{transform:rotate(180deg)}.category-dialog__main{background:var(--card);border-radius:26px 0 0;flex-direction:column;flex:1;min-width:0;display:flex}.category-dialog__head{justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px 8px;display:flex}.category-dialog__head h2{max-width:100%;color:var(--heading);letter-spacing:-.01em;font-size:19px;line-height:1.2}.category-dialog__head p{color:var(--mute);margin-top:3px;font-size:12.5px;line-height:1.35}.category-dialog__close{background:var(--bg);width:40px;height:40px;color:var(--ink);border-radius:50%;flex:none;place-items:center;margin:-2px -2px 0 0;display:grid}.category-dialog__search{border:1px solid var(--line);background:var(--bg);color:var(--mute);border-radius:12px;align-items:center;gap:9px;margin:0 16px 8px;padding:9px 12px;display:flex}.category-dialog__search input{width:100%;min-width:0;font:inherit;background:0 0;border:0;font-size:16px}.category-dialog__grid{overscroll-behavior:contain;flex-direction:column;flex:1;gap:16px;padding:12px 16px 24px;display:flex;overflow-y:auto}.category-dialog__group{min-width:0}.category-dialog__group-head{z-index:1;background:var(--card);border-bottom:1px solid var(--line);font:700 11px/1.4 var(--fh);letter-spacing:.08em;text-transform:uppercase;color:var(--yel-ink);margin:0 -16px 10px;padding:7px 16px 6px;position:sticky;top:-12px}.category-dialog__items{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:16px 12px;display:grid}.category-dialog__item{color:var(--ink);text-align:center;font:600 12.5px/1.25 var(--fh);flex-direction:column;align-items:center;gap:7px;display:flex}.category-dialog__item>span:last-child{width:100%;min-width:0;color:var(--ink);overflow-wrap:anywhere;padding:0 2px;display:block}.category-dialog__item:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:12px}.category-dialog__image{aspect-ratio:1;background:var(--thumb-plate);border-radius:50%;place-items:center;width:100%;max-width:128px;display:grid;position:relative;overflow:hidden}.category-dialog__image img{transform:scale(1.18)}.category-dialog__image .slot{position:absolute;inset:0}.category-dialog__item:hover{color:var(--ink)}.category-dialog__item:hover .category-dialog__image{outline:2px solid var(--yel2)}.category-dialog__foot{border-top:1px solid var(--line);padding:12px 18px max(16px, env(safe-area-inset-bottom))}.category-dialog__foot a{min-height:44px;color:var(--on-primary);font:600 14px var(--fh);background:var(--yel);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.category-dialog__empty{color:var(--mute);text-align:center;grid-column:1/-1;padding:25px 0}@media (min-width:640px){.category-dialog__tabs{flex-basis:80px}.category-dialog__head{padding:20px 28px 12px}.category-dialog__head h2{font-size:24px}.category-dialog__search{margin:0 28px 12px}.category-dialog__grid{gap:20px;padding:14px 28px 28px}.category-dialog__items{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.category-dialog__group-head{margin:0 -28px 12px;padding:8px 28px 7px;font-size:12px;top:-14px}.category-dialog__item{font-size:13.5px}.category-dialog__foot{padding-inline:28px}}@media (max-width:639px){.category-dialog{border-radius:0;height:100dvh;max-height:100dvh;inset:0}.category-dialog__panel{height:100dvh}.category-dialog__main{border-radius:0}}@media (max-width:359px){.category-dialog__items{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes category-enter{0%{opacity:.7;transform:translateY(30px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.category-dialog[open]{animation:none}}