@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500&family=Google+Sans+Flex:wght@500&display=swap");:root{--black:#151314;--amber:#fab617;--amber-dim:rgba(250,182,23,.5);--frame-h:clamp(180px,min(34vh,27vw),420px);--frame-w:calc(var(--frame-h) * 1.25);--caption-size:13px;--gap:25vh;--settle:900ms}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--black);color:var(--amber);font-family:Space Grotesk,sans-serif;overflow:hidden;height:100%;touch-action:none}.stage{position:relative;height:100vh}.mark{position:fixed;top:38px;left:50%;transform:translateX(-50%);z-index:20;font-family:Google Sans Flex,Space Grotesk,sans-serif;font-weight:500;font-size:24px;letter-spacing:-.36px;color:var(--amber)}.mark a{color:inherit;text-decoration:none;opacity:1;transition:opacity .15s ease;touch-action:manipulation}.mark a:hover{opacity:.7}.mark sup{font-size:11px}.counter{position:fixed;top:40px;left:40px;z-index:20;display:flex;gap:8px;align-items:center;font-size:var(--caption-size)}.counter .n{color:var(--amber)}.counter .slash,.counter .total,.filter-row{color:var(--amber-dim)}.filter-row{display:flex;align-items:center;gap:10px;font-size:var(--caption-size)}.filter-row a{color:var(--black);background:var(--amber);text-decoration:none;padding:5px 12px;border-radius:20px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;display:inline-block;touch-action:manipulation}.filter-row a:hover{opacity:.85}.sound-toggle{position:fixed;top:40px;right:40px;z-index:20;background:none;border:none;padding:8px;margin:-8px;color:#fab617;opacity:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 0 0 rgba(250,182,23,0);transition:box-shadow .2s ease;touch-action:manipulation}.sound-toggle:hover{box-shadow:0 0 0 1.5px #fab617}.sidebar{position:fixed;left:40px;z-index:20;top:calc(50vh - (var(--frame-h) / 2) + 50px);flex-direction:column;max-width:min(280px,calc(50vw - (var(--frame-w) / 2) - 80px))}.row,.sidebar{display:flex;gap:14px}.row{align-items:flex-start}.row .icon{display:flex;align-items:center;padding-top:1px;color:var(--amber);flex-shrink:0}.row .lines{display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.3}.row .lines.wide{max-width:250px}.row .lines.tight{gap:1px}.person{display:flex;align-items:center;gap:14px;position:relative}.person-tag{display:inline-block;max-width:18ch;flex-shrink:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--amber);text-decoration:none;padding:2px 7px;margin:0 -7px;border-radius:999px;background-color:rgba(250,182,23,.15);transition:background-color .15s ease;touch-action:manipulation}.person-tag:hover{background-color:rgba(250,182,23,.28);position:absolute;top:0;left:0;z-index:25;max-width:none;box-shadow:0 4px 12px rgba(0,0,0,.4)}.person-age{font-size:12px;color:var(--amber-dim);letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.meta-content{position:relative;display:flex;flex-direction:column;gap:14px}.meta-more{display:block;margin-top:10px;background:none;border:none;padding:4px 0;cursor:pointer;color:var(--amber);font-size:12px;letter-spacing:.04em;text-transform:uppercase;opacity:.8;transition:opacity .15s ease;touch-action:manipulation}.meta-more:hover{opacity:1}.reading-overlay{position:fixed;inset:0;z-index:30;background:var(--black);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:80px 40px 60px}.reading-content{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.reading-close{position:fixed;top:36px;right:40px;z-index:31;background:var(--amber);color:var(--black);border:none;padding:6px 16px;border-radius:20px;cursor:pointer;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.ghost{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--frame-w);height:var(--frame-h);z-index:8;pointer-events:none;box-shadow:0 0 0 1px rgba(250,182,23,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:box-shadow .55s ease}.ghost.locked{box-shadow:0 0 0 2px #fab617}.zero-hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--frame-w);height:var(--frame-h);z-index:11;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:12px;color:var(--amber-dim);font-family:Space Grotesk,sans-serif;font-size:15px;letter-spacing:.02em;cursor:pointer;transition:color .2s ease,background-color .2s ease;animation:hintPulse 2.2s ease-in-out infinite}.zero-hint:hover{color:var(--amber);background-color:rgba(250,182,23,.05)}@keyframes hintPulse{0%,to{opacity:.7}50%{opacity:1}}.zero-passive{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--frame-w);height:var(--frame-h);z-index:9;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--amber-dim);font-family:Space Grotesk,sans-serif;font-size:15px;letter-spacing:.02em;text-align:center}.zero-passive .arrow{animation:hintBob 1.6s ease-in-out infinite}@keyframes hintBob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.reel{height:100vh;overflow:hidden;position:relative;z-index:10}.reel.jump,.reel.jump *{transition:none!important}.track{display:flex;flex-direction:column;align-items:center;gap:var(--gap);transition:transform var(--settle) cubic-bezier(.33,1.15,.5,1);will-change:transform}.cell{flex-shrink:0;content-visibility:auto;contain-intrinsic-size:var(--frame-w) var(--frame-h)}.frame{width:var(--frame-w);height:var(--frame-h);border-radius:12px;overflow:hidden;position:relative;background:#0c0b0a;filter:grayscale(.85) brightness(.6) blur(1.5px);transition:filter .4s ease,transform .45s cubic-bezier(.32,1.5,.55,1);transform:scale(.97)}.cell.active .frame{filter:grayscale(0) brightness(1) blur(0);transform:scale(1)}.frame video{width:100%;height:100%;object-fit:cover;display:block}.empty{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--amber)}.empty-sub{color:var(--amber-dim);font-size:14px;margin-top:8px}.empty code{color:var(--amber)}.demo-badge{position:fixed;bottom:28px;right:24px;z-index:20;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--black);background:var(--amber);padding:6px 10px;border-radius:20px}.zero-hide{opacity:0}@media (max-width:900px){:root{--frame-h:clamp(160px,min(31vh,67vw),330px);--frame-w:calc(var(--frame-h) * 1.25);--gap:48.6vh;--caption-size:12px}.mark{top:30px;left:32px;transform:none;font-size:20px}.counter{top:calc(var(--lock-y, 32vh) - (var(--frame-h) / 2) - 30px);left:32px}.sound-toggle{top:30px;right:32px}.reading-overlay{padding:76px 32px 48px}.reading-close{top:28px;right:32px}.ghost{top:var(--lock-y,32vh);left:50%}.zero-hint,.zero-passive{top:var(--lock-y,32vh);left:50%;font-size:14px}.sidebar{position:fixed;left:32px;right:32px;top:0;bottom:0;justify-content:flex-start;padding-top:calc(var(--lock-y, 32vh) + (var(--frame-h) / 2) + 4.2vh);padding-bottom:24px;max-width:none;z-index:20;opacity:1;transition:opacity .25s ease}.sidebar.in-transit{opacity:0}.meta-content{overflow:hidden;max-height:calc(100vh - var(--lock-y, 32vh) - (var(--frame-h) / 2) - 12vh)}.row .lines{font-size:14px}.row .lines.wide{max-width:none}.demo-badge{bottom:auto;top:88px;right:32px}.filter-row{font-size:11px}}