*:where(:not(canvas)){box-sizing:border-box;margin:0}html,body{height:100%;background:#000;color:#eaeaea;overscroll-behavior:none}body{font:14px/1.5 system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.feed{position:relative;overflow:hidden auto;scrollbar-width:none;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.feed[data-axis=x]{scroll-snap-type:x mandatory;overflow:auto hidden;display:flex;width:100%;height:100%;overscroll-behavior-x:contain;scroll-snap-stop-x:always}#feed{height:100dvh}body[data-form=pc] #feed,body[data-form=tv] #feed{width:min(100vw,560px);margin-inline:auto;outline:1px solid #ffffff0f}body[data-form=pc] #hud,body[data-form=tv] #hud{width:min(100vw,560px);left:50%;right:auto;transform:translate(-50%)}body[data-form=pc],body[data-form=tv]{background:radial-gradient(circle at 50% 30%,#12141a,#050507 70%)}.feed::-webkit-scrollbar{display:none}.slide{position:relative;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#0a0a0c}.feed[data-axis=x]>.slide{flex:0 0 100%;height:100%}.slide>.stage{position:absolute;inset:0}.slide:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(#0000,#000000b8 62%,#000000d9);pointer-events:none;z-index:3}.slide>.stage:empty:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--hue, 210deg),#14161c 0%,#0a0a0c 70%)}canvas{display:block;width:100%;height:100%}.stage[data-claim=x] canvas,.stage[data-claim=x] iframe{touch-action:pan-y}.stage[data-claim=y] canvas{touch-action:none}iframe{display:block;width:100%;height:100%;border:0;background:#000}.poster{position:absolute;inset:0;display:grid;place-content:center;gap:6px;text-align:center;padding:8vw}.poster b{font-size:22px}.poster span{color:#8b8f9a;font-size:12px}.loading{position:absolute;inset:0;display:grid;place-items:center;color:#6b7280}.embed-gate{position:absolute;inset:0;z-index:4;border:0;cursor:pointer;touch-action:pan-y;color:#fff;display:grid;place-content:center;gap:8px;background:#00000073;backdrop-filter:blur(1.5px);font:inherit}.embed-gate i{font-style:normal;font-size:34px;line-height:1}.embed-gate b{font-size:15px;font-weight:600}.embed-gate span{font-size:11px;color:#ffffffa6}.lateral{position:absolute;inset:0}.lateral-dots{position:absolute;left:50%;bottom:12vh;transform:translate(-50%);display:flex;gap:6px;z-index:4;pointer-events:none}.lateral-dots i{width:6px;height:6px;border-radius:50%;background:#ffffff40}.lateral-dots i.on{background:#fff}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#rail{position:absolute;right:10px;bottom:14vh;display:flex;flex-direction:column;gap:16px;align-items:center}#rail button{pointer-events:auto;width:46px;height:46px;border:0;border-radius:50%;background:#00000070;color:#fff;font-size:20px;backdrop-filter:blur(6px)}#rail button:active{transform:scale(.92)}#rail button.on{color:#f43f5e}#meta{position:absolute;left:12px;right:74px;bottom:5vh;text-shadow:0 1px 3px #000}#meta h1{font-size:16px;font-weight:600}#meta p{font-size:12px;color:#d5d8de}#meta .tag{display:inline-block;margin-right:6px;font-size:11px;color:#fff;background:#ffffff1f;padding:2px 7px;border-radius:999px}#top{position:absolute;top:0;left:0;right:0;padding:10px 12px;padding-top:calc(env(safe-area-inset-top) + 10px);display:flex;gap:14px;justify-content:center;font-size:14px}#top:before{content:"";position:absolute;inset:0 0 -18px;background:linear-gradient(#000000b0,#0000);pointer-events:none;z-index:-1}#top span{opacity:.55;text-shadow:0 1px 3px #000}#top span.on{opacity:1;font-weight:600}#debug{position:absolute;left:8px;top:calc(env(safe-area-inset-top) + 44px);font:11px ui-monospace,monospace;color:#7dd3fc;background:#00000059;padding:2px 6px;border-radius:6px;white-space:pre}#debug.hide{display:none}.ext{position:absolute;inset:auto 12px 12vh;text-align:center}.ext a{pointer-events:auto;color:#fff;text-decoration:none;background:#ffffff1a;padding:10px 16px;border-radius:999px;font-size:13px}#boot{position:fixed;inset:0;display:grid;place-items:center;color:#6b7280;z-index:20;background:#000}
