#network{display:flex;flex-direction:column;gap:20px;flex:1}#network .canvas{position:relative;flex:1;min-height:66vh;overflow:hidden}#network .edges{position:absolute;inset:0;width:100%;height:100%}#network .chip{position:absolute;z-index:2;display:inline-flex;flex-direction:column;gap:2px;padding:6px 10px;background:#030406;border:1px solid #f5f7fa;white-space:nowrap;cursor:pointer;outline:none;transform:translate(-50%,-50%);transition:box-shadow .2s ease,opacity .2s ease}#network .chip[data-active]{box-shadow:0 0 14px #f5f7fa73;z-index:4}#network .chip[data-dim]{opacity:.45}#network .chip .name{font-size:.625rem;font-weight:500;letter-spacing:.6px;text-transform:uppercase;color:#f5f7fa}#network .chip .corner{position:absolute;width:5px;height:5px;pointer-events:none;border:0 solid #f5f7fa}#network .chip .corner[data-vert=top]{top:-3px;border-top-width:1px}#network .chip .corner[data-vert=bottom]{bottom:-3px;border-bottom-width:1px}#network .chip .corner[data-side=left]{left:-3px;border-left-width:1px}#network .chip .corner[data-side=right]{right:-3px;border-right-width:1px}#network .preview{position:absolute;top:0;left:0;z-index:6;pointer-events:none;transition:transform .6s cubic-bezier(.22,1,.36,1)}#network .preview .card{display:flex;flex-direction:column;gap:8px;width:220px;padding:12px;background:#030406f5;animation:networkPop .16s ease-out}#network .preview .card .title{font-size:.8125rem;font-weight:700;color:#f5f7fa}#network .preview .card .meta{font-size:.5625rem;letter-spacing:.6px;text-transform:uppercase;color:#a8b0c0}#network .preview .card .thumb{position:relative;display:grid;place-content:center;aspect-ratio:16/9;margin-bottom:4px;overflow:hidden;background:#0a0f18;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(245,247,250,.04) 4px)}#network .preview .card .thumb .shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#network .preview .card .thumb .play{font-size:1.125rem;color:#a8b0c0}#network .preview .card .tags{display:flex;flex-wrap:wrap;gap:6px}#network .preview .card .tags .pill{font-size:.5rem;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;border-radius:999px;border:1px solid var(--accent);color:#f5f7fa}#network .preview .card .desc{font-size:.625rem;line-height:1.4;color:#a8b0c0}#network .legend{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:8px 0}#network .legend .node{display:flex;align-items:center;gap:8px}#network .legend .badge{padding:3px 6px;border:1px solid #f5f7fa;border-radius:8px;font-size:.5625rem;font-weight:500;color:#f5f7fa}#network .legend .text{font-size:.625rem;color:#a8b0c0}#network .legend .item{display:flex;align-items:center;gap:6px}#network .legend .swatch{width:8px;height:8px}#network .legend .themeName{font-size:.5rem;letter-spacing:.4px;color:#5b6477}@keyframes networkPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#wall{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-content:start}#wall .tile{--reveal: 0;position:relative;display:flex;flex-direction:column;gap:6px}#wall .tile[data-shown],#wall .tile:has(.tileLink:focus-visible){--reveal: 1}@media(hover:hover){#wall .tile:hover{--reveal: 1}}#wall .tile:hover .frame,#wall .tile:has(.tileLink:focus-visible) .frame{box-shadow:inset 0 0 24px #f5f7fa0f,0 0 0 1px #f5f7fa80}#wall .tileLink{position:absolute;inset:0;z-index:1}#wall .linkName{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}#wall .frame{position:relative;background:#0a0f18;overflow:hidden;transition:box-shadow .2s ease}#wall .strip{position:absolute;right:0;left:0;z-index:2;display:flex;padding:8px 10px;background:#030406db;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:var(--reveal);pointer-events:none;transition:translate .32s cubic-bezier(.22,1,.36,1),opacity .22s ease}@media(prefers-reduced-motion:reduce){#wall .strip{transition:none}}#wall .strip.head{top:0;align-items:flex-start;justify-content:space-between;gap:8px;translate:0 calc((var(--reveal) - 1) * 100%)}#wall .strip.desc{bottom:0;align-items:center;justify-content:space-between;gap:8px;overflow:hidden;font-size:.5625rem;line-height:1.35;color:#a8b0c0;translate:0 calc((1 - var(--reveal)) * 100%)}#wall .strip.desc .excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#wall .openTile{flex-shrink:0;min-width:24px;min-height:24px;display:grid;place-content:center;padding:2px 8px;font-size:.625rem;color:#f5f7fa;border:1px solid #2a3245;pointer-events:auto}#wall .openTile:focus-visible{border-color:#40c4ff}#wall .titles{display:flex;flex-direction:column;gap:1px;min-width:0}#wall .name{font-size:.6875rem;font-weight:600;color:#f5f7fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#wall .year{font-size:.5rem;opacity:.6;color:#f5f7fa}#wall .pills{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}#wall .pill{padding:2px 6px;border:1px solid var(--accent);border-radius:999px;font-size:.4375rem;letter-spacing:.4px;color:#f5f7fa;white-space:nowrap}#wall .feed{position:relative;width:100%;aspect-ratio:16/10;display:grid;place-content:center;overflow:hidden;background:radial-gradient(ellipse at center,rgba(245,247,250,.06),transparent 70%),repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(245,247,250,.03) 3px)}#wall .shot{width:100%;height:100%;object-fit:cover;display:block}#wall .play{position:absolute;inset:0;z-index:1;display:grid;place-content:center;font-size:.8125rem;color:#f5f7fa;opacity:.85;text-shadow:0 1px 4px rgba(0,0,0,.6);pointer-events:none}#wall .channel{font-size:.625rem;letter-spacing:.4px}#wall .label{color:#f5f7fa;font-weight:500}#wall .digits{color:#a8b0c0}@media(max-width:1100px){#wall{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){#wall{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){#wall{grid-template-columns:1fr}}#explorer{position:relative;z-index:1;min-height:100vh;padding:80px 40px 28px;display:flex;flex-direction:column;gap:20px}#explorer .toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}#explorer .heading{font-size:1.875rem;font-weight:700;letter-spacing:1px;color:#f5f7fa}#explorer .views{display:flex;align-items:center;gap:8px;font-size:.75rem}#explorer .divider{font-weight:400;color:#5b6477}#explorer .view{appearance:none;background:none;border:none;font:inherit;cursor:pointer;color:#5b6477;letter-spacing:1px;text-transform:none}#explorer .stage{flex:1;display:flex}#explorer .stage>*{width:100%}#explorer .pane{flex:1;display:none}html[data-view=network] #explorer .view[data-view=network],html[data-view=wall] #explorer .view[data-view=wall]{color:#f5f7fa;font-weight:700;text-transform:uppercase}html[data-view=network] #explorer .view[data-view=network]:before,html[data-view=wall] #explorer .view[data-view=wall]:before{content:"[ "}html[data-view=network] #explorer .view[data-view=network]:after,html[data-view=wall] #explorer .view[data-view=wall]:after{content:" ]"}html[data-view=network] #explorer .pane[data-view=network],html[data-view=wall] #explorer .pane[data-view=wall]{display:flex}@media(max-width:720px){#explorer{padding:72px 16px 24px}}