.ci-view{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-2) 0}.ci-credit{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--outline-var);border-radius:var(--r-md);background:var(--surface-1);color:var(--on-surface-var);font-size:var(--fs-sm);line-height:1.5}.ci-credit .msym{flex:0 0 auto;color:var(--primary);font-size:var(--fs-lg);margin-top:1px}.ci-body{display:flex;gap:var(--sp-3);align-items:flex-start}.ci-side{flex:0 0 220px;display:flex;flex-direction:column;gap:var(--sp-2);position:sticky;top:var(--sp-2)}.ci-search{width:100%;box-sizing:border-box;padding:var(--sp-2) var(--sp-3);border:1px solid var(--outline-var);border-radius:var(--r-full);background:var(--surface-1);color:var(--on-surface);font-size:var(--fs-base);outline:0;transition:border-color var(--dur-short) var(--ease),background var(--dur-short) var(--ease)}.ci-search:focus{border-color:var(--primary);background:var(--surface-hi)}.ci-tree{display:flex;flex-direction:column;gap:2px;max-height:70vh;overflow-y:auto}.ci-tree-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);border:1px solid transparent;border-radius:var(--r-md);background:0 0;color:var(--on-surface-var);font-size:var(--fs-base);text-align:start;cursor:pointer;transition:background var(--dur-short) var(--ease),color var(--dur-short) var(--ease)}.ci-tree-item:hover{background:var(--surface-hi)}.ci-tree-item.active{background:var(--primary-container);color:var(--on-primary-container);border-color:var(--primary)}.ci-tree-ic{flex:0 0 auto;font-size:var(--fs-lg)}.ci-tree-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-tree-count{flex:0 0 auto;font-size:var(--fs-xs);color:var(--on-surface-var);background:var(--surface-3);border-radius:var(--r-full);padding:1px 8px}.ci-tree-item.active .ci-tree-count{background:var(--surface-1)}.ci-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--sp-3)}.ci-modal-overlay{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:rgba(0,0,0,.5);animation:ci-modal-fade var(--dur-medium) var(--ease-out)}@keyframes ci-modal-fade{from{opacity:0}to{opacity:1}}.ci-modal-dialog{display:flex;flex-direction:column;width:100%;max-width:900px;max-height:90vh;background:var(--surface-2);border:1px solid var(--outline-var);border-radius:var(--r-xl);box-shadow:var(--el-3);overflow:hidden;animation:ci-modal-pop var(--dur-medium) var(--ease-out)}@keyframes ci-modal-pop{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ci-modal-head{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--outline-var)}.ci-modal-titles{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.ci-modal-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-lg);font-weight:600;color:var(--on-surface)}.ci-modal-meta{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);font-size:var(--fs-sm);color:var(--on-surface-var)}.ci-modal-en{font-family:ui-monospace,monospace}.ci-modal-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--r-full);background:0 0;color:var(--on-surface-var);cursor:pointer;transition:background var(--dur-short) var(--ease),color var(--dur-short) var(--ease)}.ci-modal-close:hover{background:var(--surface-hi);color:var(--on-surface)}.ci-modal-close .msym{font-size:var(--fs-lg)}.ci-modal-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface);cursor:grab;touch-action:none}.ci-modal-stage.grabbing{cursor:grabbing}.ci-modal-img{max-width:100%;max-height:70vh;object-fit:contain;background:#fff;border-radius:var(--r-sm);transform-origin:center center;will-change:transform;user-select:none;-webkit-user-drag:none}.ci-modal-hint{flex:0 0 auto;padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--outline-var);font-size:var(--fs-xs);color:var(--on-surface-var);text-align:center}.ci-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-2)}.ci-card{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2);border:1px solid var(--outline-var);border-radius:var(--r-md);background:var(--surface-1);cursor:pointer;text-align:center;position:relative;transition:border-color var(--dur-short) var(--ease),background var(--dur-short) var(--ease)}.ci-card:hover{background:var(--surface-hi);border-color:var(--primary)}.ci-card.active{border-color:var(--primary);background:var(--primary-container)}.ci-thumb{display:flex;align-items:center;justify-content:center;height:120px;background:#fff;border-radius:var(--r-sm);overflow:hidden}.ci-thumb-img{max-width:100%;max-height:120px;object-fit:contain}.ci-thumb-err{min-width:40px;min-height:40px;background:var(--surface-3)}.ci-card-name{font-size:var(--fs-sm);color:var(--on-surface);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ci-card.active .ci-card-name{color:var(--on-primary-container)}.ci-badge{position:absolute;top:4px;inset-inline-end:4px;font-size:var(--fs-xs);padding:1px 6px;border-radius:var(--r-full);background:var(--surface-3);color:var(--on-surface-var)}.ci-modal-title .ci-badge{position:static}.ci-empty{grid-column:1/-1;text-align:center;color:var(--on-surface-var);font-size:var(--fs-base);padding:var(--sp-4)}@media (max-width:720px){.ci-body{flex-direction:column}.ci-side{flex:1 1 auto;width:100%;position:static}.ci-tree{flex-direction:row;flex-wrap:wrap;max-height:none}.ci-tree-item{width:auto}.ci-tree-label{flex:0 0 auto}}