.category-dialog{width:min(100%,880px);max-width:100%;max-height:92dvh;color:var(--ink);background:var(--yel);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{flex-direction:column;flex:0 0 62px;padding:20px 0 18px;display:flex}.category-dialog__tab{color:#62531e;cursor:pointer;flex:1;place-items:center;display:grid}.category-dialog__tab.is-on{color:var(--ink);background:#fff;border-radius:18px 0 0 18px;margin-left:7px}.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:#fff;border-radius:26px 0 0;flex-direction:column;flex:1;min-width:0;display:flex}.category-dialog__head{justify-content:space-between;align-items:center;gap:10px;padding:23px 18px 14px;display:flex}.category-dialog__head h2{font-size:22px}.category-dialog__head p{color:var(--mute);margin-top:6px;font-size:13px;line-height:1.4}.category-dialog__close{background:var(--bg);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.category-dialog__search{border:1px solid var(--line);background:var(--bg);border-radius:12px;align-items:center;gap:9px;margin:0 18px 10px;padding:11px 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:20px;padding:15px 16px 28px;display:flex;overflow-y:auto}.category-dialog__group{min-width:0}.category-dialog__group-head{z-index:1;background:var(--card,#fff);font:700 11px/1.4 var(--fh);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 -16px 12px;padding:6px 16px;position:sticky;top:-15px}.category-dialog__items{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:22px 12px;display:grid}.category-dialog__item{color:var(--ink);text-align:center;font:600 13px/1.3 var(--fh);flex-direction:column;align-items:center;gap:10px;display:flex}.category-dialog__image{aspect-ratio:1;outline:1px solid var(--line);background:var(--peach);border:4px solid #fff;border-radius:50%;place-items:center;width:100%;max-width:128px;display:grid;position:relative;overflow:hidden}.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(--ink);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:28px 28px 18px}.category-dialog__head h2{font-size:28px}.category-dialog__search{margin:0 28px 14px}.category-dialog__grid{gap:26px;padding:18px 28px 32px}.category-dialog__items{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}.category-dialog__group-head{margin:0 -28px 14px;padding:7px 28px;font-size:12px;top:-18px}.category-dialog__item{font-size:14px}.category-dialog__foot{padding-inline:28px}}@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}}