.catpick-native{display:none!important}.catpick-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:5px 10px 5px 5px;background:var(--color-surface-sunken);border:var(--border-hairline);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-ui);transition:border-color .15s ease,box-shadow .15s ease}.catpick-trigger:hover{border-color:var(--color-border-strong)}.catpick-trigger:focus-visible{outline:none;border-color:var(--color-forest);box-shadow:0 0 0 3px #1e3d2e24}.catpick-trigger-labels{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.catpick-trigger-main{font-size:var(--fs-14);font-weight:var(--fw-semibold);line-height:1.25;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catpick-trigger.is-empty .catpick-trigger-main{font-weight:var(--fw-medium);color:var(--color-ink-muted)}.catpick-trigger-sub{font-size:var(--fs-11-5);font-weight:var(--fw-medium);line-height:1.25;color:var(--color-ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catpick-trigger-chevron{width:15px;height:15px;flex-shrink:0;color:var(--color-ink-faint)}.catpick-trigger-dark{background:#0b0f0d;border:1px solid #27332B}.catpick-trigger-dark:hover{border-color:#3a4a3e}.catpick-trigger-dark:focus-visible{border-color:#c6a96b;box-shadow:0 0 0 3px #c6a96b2e}.catpick-trigger-dark .catpick-trigger-main{color:#e8e4d9}.catpick-trigger-dark.is-empty .catpick-trigger-main{color:#6e756d}.catpick-trigger-dark .catpick-trigger-sub{color:#8e968e}.catpick-trigger-dark .catpick-trigger-chevron{color:#6e756d}.catpick-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-md);color:var(--catpick-color, #8C897A);background:color-mix(in srgb,var(--catpick-color, #8C897A) 14%,transparent);border:1px solid color-mix(in srgb,var(--catpick-color, #8C897A) 26%,transparent)}.catpick-badge svg{width:16px;height:16px}.catpick-badge-soft{opacity:.72}.catpick-badge-none{opacity:.45}.catpick-badge-xs{width:20px;height:20px;border-radius:var(--radius-sm)}.catpick-badge-xs svg{width:12px;height:12px}.catpick-badge-empty{color:var(--color-ink-muted);background:transparent;border:1px dashed var(--color-border-strong)}.catpick-trigger-dark .catpick-badge-empty{color:#6e756d;border-color:#3a4a3e}.catpick-overlay{position:fixed;inset:0;z-index:80;background:#1014119e;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);color-scheme:light}.catpick-overlay.hidden{display:none}.catpick-panel{position:relative;width:100%;max-width:560px;max-height:82vh;display:flex;flex-direction:column;background:var(--color-surface);border:var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-family:var(--font-ui);overflow:hidden}@media (min-width:768px){.catpick-panel{max-width:min(728px,90vw)}}.catpick-head{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:var(--border-hairline);flex-shrink:0}.catpick-crumb{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.catpick-crumb-main{font-size:var(--fs-14);font-weight:var(--fw-bold);color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catpick-crumb-sep{color:var(--color-ink-faint);font-size:var(--fs-13)}.catpick-crumb-step{font-size:var(--fs-10);font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-muted)}.catpick-back,.catpick-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--color-ink-secondary);cursor:pointer;transition:all .15s ease}.catpick-back:hover,.catpick-close:hover{background:var(--color-surface-sunken);color:var(--color-ink)}.catpick-back svg,.catpick-close svg{width:16px;height:16px}.catpick-body{flex:1 1 auto;min-height:0;box-sizing:border-box;overflow-y:auto;padding:var(--space-md) var(--space-lg) var(--space-xl)}.catpick-panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:32px;background:linear-gradient(to top,var(--color-surface),transparent);opacity:0;transition:opacity .15s ease;pointer-events:none}.catpick-panel.has-more:after{opacity:1}.catpick-section-add{border-top:var(--border-hairline);margin-top:var(--space-sm);padding-top:var(--space-sm)}.catpick-flow{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px}.catpick-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 5px 8px;min-height:82px;background:color-mix(in srgb,var(--catpick-tile-tint, var(--color-surface)) 7%,var(--color-surface));border:1px solid color-mix(in srgb,var(--catpick-tile-tint, var(--color-border-strong)) 22%,var(--color-border));border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.catpick-tile:hover{border-color:color-mix(in srgb,var(--catpick-tile-tint, var(--color-border-strong)) 55%,var(--color-border-strong));background:color-mix(in srgb,var(--catpick-tile-tint, var(--color-surface-sunken)) 12%,var(--color-surface-sunken));transform:translateY(-1px)}.catpick-tile:focus-visible{outline:none;border-color:var(--color-forest);box-shadow:0 0 0 3px #1e3d2e24}.catpick-tile.is-selected{border-color:var(--catpick-tile-tint, var(--color-forest));background:color-mix(in srgb,var(--catpick-tile-tint, var(--color-forest)) 16%,var(--color-surface))}.catpick-tile .catpick-badge{width:29px;height:29px;border-radius:var(--radius-md)}.catpick-tile .catpick-badge svg{width:15px;height:15px}.catpick-tile-label{font-size:var(--fs-10-5);font-weight:var(--fw-semibold);line-height:1.2;color:var(--color-ink-secondary);text-align:center;overflow-wrap:break-word}.catpick-tile.is-selected .catpick-tile-label{color:color-mix(in srgb,var(--catpick-tile-tint, var(--color-forest)) 80%,black)}.catpick-tile-new{border-style:dashed}.catpick-empty{font-size:var(--fs-13);color:var(--color-ink-muted);margin:0}.catpick-newsub{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-surface-sunken);border:var(--border-hairline);border-radius:var(--radius-md)}.catpick-input{flex:1;min-width:140px;height:34px;padding:0 10px;font-family:var(--font-ui);font-size:var(--fs-13);color:var(--color-ink);background:var(--color-surface);border:var(--border-hairline);border-radius:var(--radius-sm);outline:none}.catpick-input:focus{border-color:var(--color-forest);box-shadow:0 0 0 3px #1e3d2e24}.catpick-btn{height:34px;padding:0 12px;font-family:var(--font-ui);font-size:var(--fs-12-5);font-weight:var(--fw-semibold);color:var(--color-ink-secondary);background:transparent;border:var(--border-hairline);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.catpick-btn:hover{color:var(--color-ink);border-color:var(--color-border-strong)}.catpick-btn-primary{background:var(--color-forest);border-color:var(--color-forest);color:var(--color-on-forest)}.catpick-btn-primary:hover{background:var(--color-forest-strong);border-color:var(--color-forest-strong);color:#fff}@media (max-width:640px){.catpick-overlay{align-items:flex-end;padding:0}.catpick-panel{max-width:none;max-height:88vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none}.catpick-flow{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}}