.elements-index-screen{padding:0 18px calc(18px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;overflow-y:auto}.elements-index-screen .screen-header{padding-top:calc(24px + env(safe-area-inset-top));opacity:0;transform:translateY(8px)}.elements-index-screen .index-table-wrapper{opacity:0;flex:none;width:min(900px,100%);margin:0 auto;padding:4px 4px 0;overflow:auto hidden;transform:translateY(10px)}.elements-index-screen .index-table{grid-template-columns:repeat(18,minmax(42px,1fr));grid-auto-rows:minmax(56px,auto);gap:4px;min-width:760px;display:grid}.elements-index-screen.is-active .screen-header{animation:.2s forwards index-header-in}.elements-index-screen.is-active .index-table-wrapper{animation:.26s 60ms forwards index-list-in}.elements-index-screen .index-cell{border:1px solid var(--border);text-align:left;background:#ffffff05;border-radius:10px;grid-template-rows:auto auto 1fr;gap:4px;width:100%;min-height:56px;padding:8px 6px;transition:border-color .15s,transform .15s;display:grid}@media (hover:hover) and (pointer:fine){.elements-index-screen .index-cell:hover{border-color:#ffffff73;transform:translateY(-1px)}}.elements-index-screen .index-cell.is-open{background:#ffffff14;border-color:#fff9}.elements-index-screen .index-element-number{color:var(--muted);font-size:.7rem}.elements-index-screen .index-element-symbol{color:var(--text);font-size:1.05rem;font-weight:600}.elements-index-screen .index-cell .index-name{display:none}.elements-index-screen .index-meta{gap:2px;display:grid}.elements-index-screen .index-name{color:var(--text);font-weight:600}.elements-index-screen .index-capital{color:var(--muted);font-size:.85rem}.elements-index-screen .index-detail{text-align:left;border:1px solid var(--border);opacity:0;background:#ffffff08;border-radius:16px;width:min(900px,100%);max-height:0;margin:12px auto 0;padding:12px 14px;transition:max-height .2s,opacity .2s;overflow:hidden}.elements-index-screen .index-detail.is-open{opacity:1;max-height:1200px;overflow-y:auto}.elements-index-screen .index-fact{color:var(--text);font-size:.9rem}.elements-index-screen .index-fact-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 16px;margin:10px 0 0;padding:0;display:grid}.elements-index-screen .index-fact-grid dt{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.65rem}.elements-index-screen .index-fact-grid dd{color:var(--text);margin:4px 0 0;font-size:.9rem}@media (min-width:720px){.elements-index-screen .index-table-wrapper{padding:4px 6px 0}.elements-index-screen .index-table{grid-template-columns:repeat(18,minmax(48px,1fr));grid-auto-rows:minmax(64px,auto);gap:8px;min-width:860px}.elements-index-screen .index-cell{border-radius:14px;gap:5px;min-height:64px;padding:9px 7px}.elements-index-screen .index-element-number{font-size:.75rem}.elements-index-screen .index-element-symbol{font-size:1.15rem}.elements-index-screen .index-cell .index-name{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.65rem;font-weight:500;display:-webkit-box;overflow:hidden}.elements-index-screen .index-detail.is-open{max-height:320px;overflow-y:auto}}