html,body,#root{background:#111;height:100%;margin:0}body{color:#fff;font-family:Space Grotesk,sans-serif;overflow:hidden}.vf-desktop-wrap,.vf-mobile-wrap{display:block;position:absolute;inset:0}@media (width<=768px){.vf-desktop-wrap{display:none}}@media (width>=769px){.vf-mobile-wrap{display:none}}.vf-root{color:#f4f4f4;background:#111;width:100%;height:100%;font-family:Space Grotesk,sans-serif}.vf-desktop{grid-template-columns:380px 1fr;height:100%;display:grid}.vf-sidebar{border-right:1px solid #232323;flex-direction:column;padding:32px 0;display:flex;overflow:hidden}.vf-brand{border-bottom:1px solid #232323;padding:0 28px 32px}.vf-logo{letter-spacing:0;font-size:28px;font-weight:700;line-height:1}.vf-iri{background:linear-gradient(90deg,#ff00c8,#00eaff,#0f8,#fff200,#ff00c8);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite vfiri}@keyframes vfiri{to{background-position:200% 0}}.vf-filters{border-bottom:1px solid #232323;flex-wrap:wrap;gap:6px;padding:16px 28px;display:flex}.vf-filter{letter-spacing:.08em;text-transform:uppercase;color:#9a9a9a;cursor:pointer;background:#161616;border:1px solid #2d2d2d;border-radius:2px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;transition:color .2s,background .2s,border-color .2s}.vf-filter:hover{color:#fff;border-color:#4a4a4a}.vf-filter.vf-filter-on{color:#111;background:#fff;border-color:#fff}.vf-empty{color:#666;letter-spacing:.05em;padding:32px 28px;font-family:JetBrains Mono,monospace;font-size:11px}.vf-list{flex-direction:column;flex:1;display:flex;overflow:auto}.vf-item{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #1d1d1d;grid-template-columns:56px 1fr 24px;align-items:center;gap:16px;padding:22px 28px;font-family:inherit;transition:background .25s;display:grid;position:relative}.vf-item:hover{background:#1b1b1b}.vf-item.vf-active{background:#181818}.vf-item.vf-active:before{content:"";background:linear-gradient(#ff00c8,#00eaff,#0f8);width:2px;position:absolute;top:0;bottom:0;left:0}.vf-idx{color:#666;letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:12px}.vf-item.vf-active .vf-idx{color:#fff}.vf-title{letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.1}.vf-cat{color:#777;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:10px}.vf-cat>span{white-space:nowrap}.vf-arrow{color:#3d3d3d;font-size:14px;transition:color .25s,transform .25s}.vf-item:hover .vf-arrow,.vf-item.vf-active .vf-arrow{color:#fff;transform:translate(2px,-2px)}.vf-foot{border-top:1px solid #232323;padding:32px 28px 0}.vf-foot-link{color:#d4d4d4;justify-content:space-between;align-items:center;text-decoration:none;transition:color .2s;display:flex}.vf-foot-link:hover{color:#fff}.vf-foot-link:hover .vf-coord{background:linear-gradient(90deg,#ff00c8,#00eaff,#0f8,#fff200,#ff00c8) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite vfiri}.vf-gh{color:#d4d4d4;letter-spacing:.12em;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;text-decoration:none;transition:color .2s;display:inline-flex}.vf-gh:hover{color:#fff}.vf-coord{color:inherit;letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:10px}.vf-main{grid-template-rows:1fr auto;display:grid;overflow:hidden}.vf-stage{background:#0a0a0a;border:1px solid #232323;margin:20px;position:relative;overflow:hidden}.vf-iframe{background:#000;border:0;width:100%;height:100%;display:block}.vf-scanlines{pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff04 3px 4px);position:absolute;inset:0}.vf-bottom{border-top:1px solid #232323;grid-template-columns:auto 1fr fit-content(30%);align-items:center;gap:40px;padding:22px 28px;display:grid}.vf-bigtitle{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0% 50%,#9a9a9a 100%);-webkit-text-fill-color:transparent;text-wrap:balance;-webkit-background-clip:text;background-clip:text;max-width:320px;font-size:40px;font-weight:700;line-height:1.05}.vf-desc{color:#9a9a9a;font-size:13px;line-height:1.55}.vf-specs{color:#d4d4d4;letter-spacing:.05em;grid-template-columns:auto 1fr;align-items:start;gap:6px 24px;font-family:JetBrains Mono,monospace;font-size:10px;display:grid}.vf-label{color:#666}.vf-author{white-space:nowrap}.vf-tags{flex-wrap:wrap;gap:6px;display:flex}.vf-tag{letter-spacing:.08em;text-transform:uppercase;color:#d4d4d4;background:#161616;border:1px solid #2d2d2d;border-radius:2px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-block}.vf-src-link{color:inherit;white-space:nowrap;text-decoration:none;transition:color .2s}.vf-src-link:hover{color:#fff}.vf-mobile{grid-template-rows:56px 1fr auto;height:100%;display:grid;position:relative;overflow:hidden}.vf-mtop{z-index:20;background:#111;border-bottom:1px solid #232323;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:relative}.vf-mlogo{letter-spacing:-.03em;font-size:20px;font-weight:700}.vf-mmenu{color:#fff;letter-spacing:.15em;cursor:pointer;background:0 0;border:1px solid #3d3d3d;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:10px}.vf-mstage{background:#000;overflow:hidden}.vf-mstage .vf-iframe{width:100%;height:100%}.vf-mcaption{border-top:1px solid #232323;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.vf-mcap-title{letter-spacing:-.02em;font-size:20px;font-weight:600}.vf-mcap-specs{color:#777;letter-spacing:.12em;text-transform:uppercase;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.vf-mdrawer{z-index:10;background:#111;flex-direction:column;transition:transform .5s cubic-bezier(.77,0,.18,1);display:flex;position:absolute;inset:56px 0 0;transform:translateY(-100%)}.vf-mdrawer.open{transform:translateY(0)}.vf-mdrawer .vf-filters{padding:12px 16px}.vf-mlist{flex:1;overflow:auto}.vf-mitem{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #1d1d1d;grid-template-columns:40px 1fr fit-content(50%);align-items:center;gap:12px;width:100%;padding:22px 16px;font-family:inherit;display:grid}.vf-mitem.vf-active{background:#1b1b1b}.vf-midx{color:#666;font-family:JetBrains Mono,monospace;font-size:11px}.vf-mitem.vf-active .vf-midx{color:#fff}.vf-mtitle{letter-spacing:-.02em;font-size:24px;font-weight:600}.vf-mcat{color:#777;letter-spacing:.1em;text-transform:uppercase;text-align:right;font-family:JetBrains Mono,monospace;font-size:9px}.vf-mcat>span{white-space:nowrap}.vf-mfoot{color:#9a9a9a;border-top:1px solid #232323;justify-content:flex-end;padding:16px;display:flex}