.collection-page{background:var(--base);color:var(--text-primary);height:100vh;margin:0;overflow:hidden}.chrome-left{align-self:flex-start;align-items:baseline;gap:14px;min-width:0;display:flex}.chrome-titles{flex-direction:column;gap:2px;min-width:0;display:flex}.collection-page .chrome-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-family:Fraunces,serif;font-size:17px;font-weight:600;overflow:hidden}.chrome-count{color:var(--text-dim);font-family:Geist Mono,monospace;font-size:11px}.stream{z-index:2;position:fixed;inset:0;overflow:hidden auto}.col{flex-direction:column;align-items:center;gap:34px;max-width:920px;margin:0 auto;padding:50vh 20px;display:flex}.cnode{width:100%;transition:transform .42s var(--ease-out), opacity .42s var(--ease-out), filter .42s var(--ease-out);position:relative}.collection-page.focus .cnode{opacity:.35;filter:saturate(.75)brightness(.8);cursor:pointer;transform:scale(.9)}.collection-page.focus .cnode.active{opacity:1;filter:none;cursor:default;transform:none}.collection-page.focus .cnode.folder-card{cursor:pointer}.cnode.active .shell{border-color:var(--accent-3-glow);box-shadow:0 0 0 1px var(--accent-3-glow), 0 18px 48px #0006, 0 0 44px #b892e81a}.cnode.item{flex-direction:column;align-items:center;display:flex}.shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:120px;transition:border-color .42s var(--ease-out), box-shadow .42s var(--ease-out);place-items:center;display:grid;position:relative}.shell-ph{border-radius:inherit;background:linear-gradient(120deg, var(--surface), var(--elevated), var(--surface));background-size:200% 100%;animation:1.6s linear infinite shell-shimmer;position:absolute;inset:0}@keyframes shell-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shell.loaded .shell-ph{display:none}.shell img,.shell video{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block;position:relative}.shell audio{box-sizing:border-box;width:100%;padding:18px;position:relative}.shell .cc-audio{box-sizing:border-box;padding:18px;position:relative}.cnode .fs-btn{z-index:6;opacity:0;pointer-events:none}.cnode.active .fs-btn{opacity:1;pointer-events:auto}.cnode .fs-btn+.open-btn{top:44px}@media (width<=1020px){.cnode .fs-btn{top:10px;right:10px}.cnode .fs-btn+.open-btn{top:54px}}.icon-btn.on{color:var(--accent-2);border-color:var(--accent-2-glow);box-shadow:0 0 14px var(--accent-2-soft)}.folder-card{aspect-ratio:1;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--elevated);width:min(260px,62%);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:14px;margin:0 auto;padding:24px;text-decoration:none;transition:border-color .18s,transform .18s;display:flex}.folder-card:hover{border-color:var(--accent-3);transform:translateY(-3px)}.folder-icon{color:var(--accent-3);place-items:center;display:grid}.folder-icon svg{width:60px;height:60px}.folder-card-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:Fraunces,serif;font-size:18px;font-weight:500;overflow:hidden}.folder-card-count{color:var(--text-dim);font-family:Geist Mono,monospace;font-size:11px}.pager{justify-content:center;padding:8px 0;display:flex}.nav-btns{z-index:40;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:22px;right:20px}.nav-btn{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);width:38px;height:38px;color:var(--text-primary);cursor:pointer;background:#34223ed9;border-radius:50%;place-items:center;transition:border-color .16s;display:grid}.nav-btn:hover{border-color:var(--accent-3)}.nav-btn svg{width:18px;height:18px}.pos{z-index:30;flex-direction:column;gap:7px;display:flex;position:fixed;top:50%;left:16px;transform:translateY(-50%)}.pos i{background:var(--text-mute);opacity:.5;width:5px;height:5px;transition:background .3s var(--ease-out), opacity .3s var(--ease-out), transform .3s var(--ease-out);border-radius:50%}.pos i.on{background:var(--accent-3);opacity:1;transform:scale(1.35)}.collection-page.horizontal .stream{overflow:auto hidden}.collection-page.horizontal .col{flex-direction:row;align-items:center;gap:56px;width:max-content;max-width:none;height:100%;padding:20px 50vw}.collection-page.horizontal .cnode{flex:none;width:min(84vw,860px)}.collection-page.horizontal .nav-btns{flex-direction:row}.collection-page.horizontal .nav-btn svg{transform:rotate(-90deg)}.collection-page.horizontal .pos{flex-direction:row;top:auto;bottom:16px;left:50%;transform:translate(-50%)}.stream::-webkit-scrollbar{width:10px;height:10px}.stream::-webkit-scrollbar-track{background:0 0}.stream::-webkit-scrollbar-thumb{background:var(--elevated-strong);border:2px solid var(--base);border-radius:5px}.stream::-webkit-scrollbar-thumb:hover{background:var(--accent-3-glow)}.cnode .code-block{max-height:70vh}.binary-card{color:var(--text-dim);align-items:center;gap:12px;padding:18px;display:flex}@media (prefers-reduced-motion:reduce){.cnode,.shell,.pos i{transition:none}}