.tr-page{padding-top:calc(var(--nav-h) + 56px);padding-bottom:96px;overflow-x:hidden}.tr-hero{text-align:center;max-width:760px;margin:0 auto 48px;padding:0 24px}.tr-hero h1{letter-spacing:.02em;color:var(--text);margin:12px 0 16px;font-family:Bebas Neue,sans-serif;font-size:clamp(40px,5vw,64px);line-height:1}.tr-hero p{color:var(--muted);max-width:560px;margin:0 auto;font-size:15px;line-height:1.7}.tr-empty{text-align:center;color:var(--muted);padding:80px 24px}.tr-timeline{max-width:1600px;margin:0 auto;position:relative}.tr-rail{background:linear-gradient(to right, transparent 0%, var(--border) 6%, var(--border-h) 50%, var(--border) 94%, transparent 100%);pointer-events:none;z-index:1;height:1px;position:absolute;top:76px;left:0;right:0}.tr-track{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border-h) transparent;z-index:2;gap:28px;padding:0 0 28px;scroll-padding:0 64px;display:flex;position:relative;overflow-x:auto}.tr-track::-webkit-scrollbar{height:8px}.tr-track::-webkit-scrollbar-track{background:0 0}.tr-track::-webkit-scrollbar-thumb{background:var(--border-h);border-radius:4px}.tr-track::-webkit-scrollbar-thumb:hover{background:var(--accent)}.tr-track-pad{flex:0 0 64px}.tr-card{scroll-snap-align:start;cursor:pointer;flex:0 0 320px;padding-top:96px;position:relative}.tr-card-marker{pointer-events:none;z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.tr-card-date{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);background:var(--bg);border:1px solid var(--border);border-radius:999px;margin-bottom:14px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:10px}.tr-card-dot{background:var(--bg);border:2px solid var(--accent);width:14px;height:14px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;transition:all .3s}.tr-card-stem{background:var(--border-h);width:1px;height:16px;margin-top:0}.tr-card-inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);flex-direction:column;height:100%;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.tr-card:hover .tr-card-inner{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 14px 32px -10px #0ea5e940,0 6px 16px -6px #0000001f}.tr-card:hover .tr-card-dot{background:var(--accent);transform:scale(1.25)}.tr-card:hover .tr-card-date{border-color:var(--accent);color:var(--accent)}.tr-card-img{aspect-ratio:4/3;background:var(--surface-2);overflow:hidden}.tr-card-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.tr-card:hover .tr-card-img img{transform:scale(1.06)}.tr-card-body{flex-direction:column;flex:1;gap:10px;padding:16px 18px;display:flex}.tr-card-title{letter-spacing:.02em;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Bebas Neue,sans-serif;font-size:22px;line-height:1.05;display:-webkit-box;overflow:hidden}.tr-card-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.tr-card-meta{flex-wrap:wrap;gap:6px;display:flex}.tr-card-material{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:2px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:9px}.tr-card-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border-radius:2px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:8px}.tr-vote-row{border-top:1px solid var(--border);gap:8px;margin-top:2px;padding-top:12px;display:flex}.tr-vote{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);color:var(--muted);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;transition:all .18s;display:inline-flex}.tr-vote:hover{transform:translateY(-1px)}.tr-like:hover{color:#10b981;border-color:#10b981}.tr-like.active{color:#10b981;background:#10b9811f;border-color:#10b981}.tr-dislike:hover{color:#ef4444;border-color:#ef4444}.tr-dislike.active{color:#ef4444;background:#ef44441f;border-color:#ef4444}.tr-nav{background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;z-index:6;border-radius:50%;justify-content:center;align-items:center;transition:all .18s;display:flex;position:absolute;top:230px;box-shadow:0 6px 18px -6px #0000002e}.tr-nav:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.06)}.tr-nav-left{left:12px}.tr-nav-right{right:12px}.tr-timeline-hint{letter-spacing:.2em;text-transform:uppercase;max-width:1280px;color:var(--muted);opacity:.6;justify-content:space-between;margin:16px auto 0;padding:0 80px;font-family:IBM Plex Mono,monospace;font-size:9px;display:flex}.tr-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.tr-modal-overlay.open{display:flex}.tr-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);grid-template-columns:1.4fr 1fr;width:100%;max-width:900px;max-height:90vh;display:grid;overflow:hidden}.tr-modal-img{background:#000}.tr-modal-img img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;max-height:80vh}.tr-modal-body{padding:28px;position:relative}.tr-modal-close{border-radius:var(--r);border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.tr-modal-close:hover{border-color:var(--accent);color:var(--accent)}.tr-modal-date{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:10px}.tr-modal-title{letter-spacing:.02em;color:var(--text);margin-bottom:14px;padding-right:40px;font-family:Bebas Neue,sans-serif;font-size:32px;line-height:1.05}.tr-modal-desc{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.7}.tr-marquee-wrap{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;overflow:scroll hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%)}.tr-marquee-wrap::-webkit-scrollbar{display:none}.tr-marquee-wrap.dragging{cursor:grabbing}.tr-marquee-inner{gap:24px;width:max-content;padding:8px 0 16px;display:flex}.tr-marquee-card{cursor:pointer;flex:0 0 280px;padding-top:0}@media (max-width:900px){.tr-modal{grid-template-columns:1fr;max-height:95vh;overflow-y:auto}}@media (max-width:768px){.tr-card{flex:0 0 280px;padding-top:84px}.tr-card-marker .tr-card-date{padding:3px 8px;font-size:9px}.tr-rail{top:64px}.tr-track{gap:20px;scroll-padding:0 20px}.tr-track-pad{flex:0 0 20px}.tr-nav{display:none}.tr-timeline-hint{padding:0 20px}}