@keyframes vshelf-frame-fly-in{0%{transform:none;background-color:var(--vframe-bg);box-shadow:inset 0 0 0 1px var(--vframe-edge),4px 4px 0 var(--vframe-drop),0 12px 40px var(--vframe-shadow-1)}to{transform:translate(var(--fly-dx),var(--fly-dy)) scale(var(--fly-scale));background-color:transparent;box-shadow:none}}@keyframes vshelf-frame-edge-fade{0%{opacity:1}40%{opacity:0}to{opacity:0}}.vshelf-header{max-width:900px;margin:0 auto;padding:3rem 2rem 1.5rem}.vshelf-eyebrow{font-family:var(--fhead);font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin-bottom:8px}.vshelf-title{font-family:var(--fhead);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text);line-height:1;margin-bottom:.5rem}.vshelf-intro{font-size:.9rem;color:var(--muted)}.vshelf-wrap{background:var(--bg-deep);border-top:1px solid var(--border);padding-top:56px;padding-bottom:56px}.vshelf-scene{position:relative;padding:0 40px;overflow-x:clip}.vshelf-frame-row{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:32px;row-gap:72px;padding:48px 8px 0;max-width:1160px;margin-left:auto;margin-right:auto}.vshelf-shelf-surface{position:relative;height:14px;margin:16px -9999px 0;width:calc(100% + 19998px);background:linear-gradient(to bottom,var(--shelf-grad-top),var(--shelf-grad-bot));border-top:2px solid var(--shelf-border-top);box-shadow:0 8px 28px var(--shelf-shadow)}.vshelf-frame-unit{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.vshelf-frame-unit:hover{transform:translateY(-10px)}.vshelf-frame-outer{position:relative;width:240px;padding:10px;background:var(--vframe-bg);box-shadow:inset 0 0 0 1px var(--vframe-edge),4px 4px 0 var(--vframe-drop),0 12px 40px var(--vframe-shadow-1);transition:box-shadow .2s ease}.vshelf-frame-unit:hover .vshelf-frame-outer{box-shadow:inset 0 0 0 1px var(--vframe-edge-hover),4px 4px 0 var(--vframe-drop),0 24px 56px var(--vframe-shadow-2)}.vshelf-frame-inner-edge{position:absolute;inset:6px;border:1px solid rgba(232,180,80,.18);pointer-events:none;z-index:1}.vshelf-frame-image-wrap{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0d1117}.vshelf-frame-image-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease;filter:brightness(.88) saturate(.9)}.vshelf-frame-unit:hover .vshelf-frame-image-wrap img{transform:scale(1.04);filter:brightness(1) saturate(1)}.vshelf-frame-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a2535;color:var(--orange);font-size:1.5rem}.vshelf-frame-foot{display:flex;flex-direction:column;align-items:center;gap:2px;width:240px;padding:6px 8px;background:rgba(var(--text-rgb),.03);border:1px solid var(--border);transition:background .2s}.vshelf-frame-unit:hover .vshelf-frame-foot{background:rgba(var(--text-rgb),.06)}.vshelf-frame-foot-title{font-family:var(--fhead);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text);text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vshelf-frame-foot-author{font-family:var(--fbody);font-size:.65rem;color:var(--muted);text-align:center}.vshelf-modal{border:none;background:transparent;padding:0;max-width:100vw;max-height:100dvh;overflow:hidden}.vshelf-modal[open]{display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh}.vshelf-modal::backdrop{background:#080e16e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:vshelf-bd-in .3s ease both}@keyframes vshelf-bd-in{0%{opacity:0}to{opacity:1}}.vshelf-modal-card{position:relative;background:var(--bg-card);border:1px solid var(--border-s);box-shadow:0 40px 80px #000000b3;width:calc(100vw - 48px);max-width:600px;overflow:hidden;animation:vshelf-card-in .3s ease both}@keyframes vshelf-card-in{0%{opacity:0}to{opacity:1}}.vshelf-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:rgba(var(--text-rgb),.06);border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;z-index:10;transition:background .12s,color .12s}.vshelf-modal-close:hover{background:#e85d2f26;color:var(--orange)}.vshelf-modal-thumb{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0d1117}.vshelf-modal-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.vshelf-modal-play-hint{position:absolute;bottom:10px;right:12px;font-family:var(--fhead);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;display:flex;align-items:center;gap:5px}.vshelf-modal-body{padding:24px}.vshelf-modal-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.vshelf-modal-title{font-family:var(--fbody);font-size:1.1rem;font-weight:700;color:var(--text);line-height:1.35;margin-bottom:4px}.vshelf-modal-author{font-family:var(--fhead);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.vshelf-modal-annotation{font-size:.875rem;color:rgba(var(--text-rgb),.75);line-height:1.65;margin-bottom:20px}.vshelf-modal-annotation p{margin:0 0 8px}.vshelf-modal-annotation p:last-child{margin-bottom:0}.vshelf-modal-cta{display:inline-flex;align-items:center;gap:6px;font-family:var(--fhead);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);text-decoration:none;border:1.5px solid var(--orange);padding:8px 20px;transition:background .14s,color .14s}.vshelf-modal-cta:hover{background:var(--orange);color:var(--bg-deep)}.badge-video{font-family:var(--fhead);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;line-height:1.8;background:var(--orange);color:#fff}.badge-time,.badge-year{font-family:var(--fhead);font-size:.62rem;font-weight:600;letter-spacing:.1em;color:var(--muted);padding:2px 6px;line-height:1.8;background:rgba(var(--text-rgb),.07);border:1px solid var(--border)}@media (max-width: 640px){.vshelf-scene{padding:0 16px}.vshelf-frame-row{gap:20px;row-gap:56px}.vshelf-frame-outer,.vshelf-frame-foot{width:180px}}