/* ===== osuz-v17-catalog-click-fix ===== */
/* V17: catalog opens immediately on click, independently of API latency. */
#osuzCatalogPanel.osuz-v17-catalog-panel{display:none!important;position:fixed!important;z-index:460!important;left:50%!important;transform:translateX(-50%)!important;width:min(1040px,calc(100vw - 40px))!important;background:#fff!important;border:1px solid #dbe4ee!important;border-radius:0 0 22px 22px!important;box-shadow:0 28px 65px rgba(15,23,42,.24)!important;overflow:hidden!important}
#osuzCatalogPanel.osuz-v17-catalog-panel.open{display:block!important}
.v17-desktop{display:grid;grid-template-columns:320px minmax(0,1fr);height:min(560px,calc(100vh - var(--osuz-v17-top,124px) - 24px));min-height:260px}
.v17-roots{overflow-y:auto;padding:12px;border-right:1px solid #e5e7eb}
.v17-root{width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#27364c;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-size:14px;font-weight:750;cursor:pointer}
.v17-root:hover,.v17-root.active{background:#dff7fa;color:#067890}
.v17-right{overflow-y:auto;padding:22px 24px;min-width:0}
.v17-heading{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin:0 0 12px}
.v17-subs{display:flex;flex-direction:column;align-items:stretch;gap:2px}
.v17-sub{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;padding:9px 10px;border-radius:9px;color:#26364d;font-size:14px;font-weight:650;text-decoration:none}
.v17-sub:hover{background:#edf9fb;color:#067890}
.v17-loading,.v17-error{padding:24px;color:#64748b;font-size:14px}
.v17-mobile{display:none}
body.dark-mode #osuzCatalogPanel.osuz-v17-catalog-panel{background:#0f1722!important;border-color:#334155!important}
body.dark-mode .v17-roots{border-color:#334155}
body.dark-mode .v17-root,body.dark-mode .v17-sub{color:#e5edf7}
body.dark-mode .v17-root:hover,body.dark-mode .v17-root.active,body.dark-mode .v17-sub:hover{background:#15323b;color:#fff}
body.dark-mode .v17-heading{color:#94a3b8}
@media(max-width:767px){
 #osuzCatalogPanel.osuz-v17-catalog-panel{left:0!important;right:0!important;transform:none!important;width:100vw!important;max-width:none!important;top:var(--osuz-v17-top,104px)!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;height:auto!important;border-radius:0!important;border-left:0!important;border-right:0!important;z-index:460!important}
 .v17-desktop{display:none!important}.v17-mobile{display:flex!important;flex-direction:column;height:100%;min-height:0;background:#fff;color:#172033}
 .v17-mobile-head{height:48px;min-height:48px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:10px;padding:0 12px}
 .v17-back{width:34px;height:34px;border:0;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;color:inherit}.v17-back[hidden]{display:none!important}
 .v17-title{font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v17-list{overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;min-height:0;padding:4px 0 18px}
 .v17-row{width:100%;min-height:52px;border:0;border-bottom:1px solid #edf0f3;background:transparent;color:#172033;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-size:14px;font-weight:750;text-decoration:none}.v17-row:active{background:#edfafd}.v17-row-all{color:#067890;background:#f2fcfd}
 body.dark-mode .v17-mobile{background:#0d1724;color:#edf5ff}body.dark-mode .v17-mobile-head,body.dark-mode .v17-row{border-color:#2b3a4d}body.dark-mode .v17-row{color:#edf5ff}body.dark-mode .v17-row:active,body.dark-mode .v17-row-all{background:#15323b;color:#fff}
}