.split-main{display:flex;align-items:center;justify-content:center;height:560px}#list-container{--card-scale:1;--item-gap:8px;--item-radius:12px;width:100%;max-width:100%;min-width:0;height:auto;overflow:hidden;border-radius:var(--item-radius)}#list-container .vlist{border:none !important;border-radius:var(--item-radius) !important;background:transparent;max-width:100%;width:100%;box-sizing:border-box}#list-container .vlist-viewport{max-width:100%;width:100% !important}#list-container .vlist-item{padding:0 calc(var(--item-gap) / 2) !important;border:none !important;cursor:pointer;background-color:transparent}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(4px+6px * var(--card-scale));width:100%;height:100%;border-radius:var(--item-radius);color:#fff;text-align:center;padding:calc(8px+12px * var(--card-scale)) calc(6px+8px * var(--card-scale));position:relative;transition:box-shadow 0.15s ease-out}.vlist-item:hover .card{box-shadow:0 4px 16px rgba(0,0,0,0.2)}.card--featured{border:2px solid rgba(255,255,255,0.3)}.card-emoji{font-size:42px;line-height:1;margin-bottom:16px}.card-content{display:flex;flex-direction:column;gap:4px;width:100%}.card-title{font-weight:600;font-size:calc(11px+5px * var(--card-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.card-subtitle{font-size:calc(10px+3px * var(--card-scale));opacity:0.85;white-space:nowrap}.card-category{font-size:calc(9px+3px * var(--card-scale));opacity:0.85;text-transform:uppercase;letter-spacing:0.5px}.card-width{font-size:calc(8px+3px * var(--card-scale));opacity:0.7;font-family:var(--font-mono)}.card .ui-badge--glass{position:absolute;top:6px;right:6px}.detail-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:120px;border-radius:10px;color:#fff;text-align:center;padding:16px 12px;margin-bottom:8px}.detail-card__emoji{font-size:32px;line-height:1}.detail-card__title{font-weight:600;font-size:14px}.detail-meta{display:flex;flex-direction:column;gap:2px;font-size:13px}.detail-meta strong{font-weight:600}.detail-meta span{font-size:12px;color:var(--text-muted)}