:root{color-scheme:light dark}#artasia-atlas-app{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;background-color:light-dark(#ffffff,#1a1a1a);color:light-dark(#000000,#ffffff)}@media (prefers-color-scheme: dark){#artasia-atlas-app #network{background-color:#1a1a1a}#artasia-atlas-app #network canvas{filter:invert(0)}}#artasia-atlas-app header{padding:1rem 1.25rem;border-bottom:1px solid #ddd;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}#artasia-atlas-app header h1{font-size:1.1rem;margin:0}#artasia-atlas-app .controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}#artasia-atlas-app label{font-size:.9rem}#artasia-atlas-app #network{height:80vh}#artasia-atlas-app .hint{font-size:.85rem;opacity:.8}#artasia-atlas-app .spacer{flex:1 1 auto}#artasia-atlas-app .details-pane{border-top:1px solid light-dark(#ddd,#444);background:light-dark(#f9f9f9,#2a2a2a);transition:all .3s ease;overflow:hidden}#artasia-atlas-app .details-pane:not(.hidden){height:auto;padding:1.25rem}#artasia-atlas-app .details-pane.hidden{height:0;padding:0 1.25rem}#artasia-atlas-app .details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid light-dark(#eee,#333);padding-bottom:.75rem}#artasia-atlas-app .details-header h2{margin:0;font-size:1.2rem;color:light-dark(#333,#fff)}#artasia-atlas-app .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:light-dark(#666,#ccc);padding:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}#artasia-atlas-app .close-btn:hover{background:light-dark(#eee,#444);color:light-dark(#333,#fff)}#artasia-atlas-app .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}#artasia-atlas-app .detail-item{display:flex;flex-direction:column;gap:.25rem}#artasia-atlas-app .detail-item.full-width{grid-column:1 / -1}#artasia-atlas-app .detail-item label{font-weight:600;font-size:.9rem;color:light-dark(#555,#bbb);text-transform:uppercase;letter-spacing:.5px}#artasia-atlas-app .detail-item span{font-size:1rem;color:light-dark(#333,#fff);line-height:1.4}#artasia-atlas-app .detail-item a{color:light-dark(#0066cc,#4da6ff);text-decoration:none;font-weight:500;padding:.5rem 1rem;background:light-dark(#e6f3ff,#1a3366);border-radius:4px;display:inline-block;transition:all .2s ease;width:fit-content}#artasia-atlas-app .detail-item a:hover{background:light-dark(#cce6ff,#2a4477);transform:translateY(-1px)}#artasia-atlas-app #detail-photo{max-width:300px;border-radius:8px;box-shadow:0 2px 8px #0000001a;object-fit:cover}#artasia-atlas-app #detail-photo-container{margin-top:1rem}@media (max-width: 768px){#artasia-atlas-app .details-grid{grid-template-columns:1fr}#artasia-atlas-app .details-pane:not(.hidden){padding:1rem}}