:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--fg:#fff;--dim:#ffffffb3;--chip:#00000061;--top:env(safe-area-inset-top);--bottom:env(safe-area-inset-bottom);--controls:52px;--side:22px;--caption-h:20px;--stage-bottom:calc(var(--bottom) + 32px)}html,body{background:var(--bg);color:var(--fg);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100lvh;margin:0;font:14px/1.4 -apple-system,system-ui,sans-serif;overflow:hidden}body{width:100%;position:fixed;top:0;left:0}#app{position:absolute;inset:0}.player{touch-action:none;background:var(--bg);position:absolute;inset:0;overflow:hidden}.slot,.vslot{will-change:transform;backface-visibility:hidden;contain:strict;position:absolute;inset:0}.vslot{z-index:1}.anim{transition:transform .26s cubic-bezier(.22,.8,.24,1)}.slot img,.vslot video{left:0;top:var(--top);width:100%;height:calc(100% - var(--top) - var(--stage-bottom));object-fit:contain;pointer-events:none;position:absolute}.slot img[hidden]{display:none}.vslot video{opacity:0;transition:opacity .12s linear}.vslot.ready video{opacity:1}.btn{z-index:5;background:var(--chip);width:44px;height:44px;color:var(--fg);border:0;border-radius:22px;place-items:center;padding:0;display:grid;position:absolute}.btn svg{width:22px;height:22px}.btn.mute{right:var(--side);bottom:calc(var(--bottom) + var(--controls) + var(--caption-h))}.caption{z-index:5;left:var(--side);right:calc(var(--side) + 60px);bottom:calc(var(--bottom) + var(--controls));color:var(--dim);text-shadow:0 1px 3px #000000e6;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:13px;position:absolute;overflow:hidden}.badge{z-index:5;background:var(--chip);opacity:0;pointer-events:none;border-radius:36px;place-items:center;width:72px;height:72px;margin:auto;font:600 20px -apple-system,system-ui,sans-serif;transition:opacity .15s,transform .15s;display:grid;position:absolute;inset:0;transform:scale(.85)}.badge.show{opacity:1;transform:scale(1)}.badge svg{width:30px;height:30px}.debug{z-index:6;left:8px;top:calc(var(--top) + 16px);white-space:pre;pointer-events:none;background:#0009;border-radius:6px;padding:6px 8px;font:11px/1.35 ui-monospace,Menlo,monospace;position:absolute}.debug[hidden]{display:none}.message{text-align:center;white-space:pre-line;color:var(--dim);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.explore{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--bg);padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);position:absolute;inset:0;overflow:hidden auto}.explore::-webkit-scrollbar{display:none}.explore.behind{visibility:hidden}.head{z-index:2;padding-top:calc(var(--top) + 8px);background:var(--bg);position:sticky;top:0}.chips{scrollbar-width:none;gap:8px;padding:0 12px 10px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{height:32px;color:var(--fg);white-space:nowrap;background:#ffffff1f;border:0;border-radius:16px;flex:none;padding:0 14px;font:600 14px -apple-system,system-ui,sans-serif}.chip.on{background:var(--fg);color:var(--bg)}.pull{text-align:center;color:var(--dim);opacity:0;font-size:13px;transition:opacity .15s;position:absolute;top:-40px;left:0;right:0}.pull.show{opacity:1}.grid{contain:strict;width:100%;position:relative}.tile{cursor:pointer;contain:strict;background:#151515;position:absolute;top:0;left:0;overflow:hidden}.tile img{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .16s linear}.tile.loaded img{opacity:1}.tile:not(.loaded):before,.skel{content:"";animation:1.4s ease-in-out infinite pulse;animation-delay:var(--sync,0s);background:#262626;position:absolute;inset:0}.tile.failed:before{opacity:.35;animation:none}.skeleton{pointer-events:none;position:absolute;inset:0}.skel{inset:0 auto auto 0}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.tile.instant img{transition:none}.grid .sentinel{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.tile .dur{color:#fff;text-shadow:0 1px 3px #000000e6;pointer-events:none;font:600 11px -apple-system,system-ui,sans-serif;position:absolute;bottom:5px;right:6px}.player{z-index:10;transform-origin:0 0;will-change:transform}.player.closed{visibility:hidden;pointer-events:none}.btn.close{left:calc(var(--side) - 10px);top:calc(var(--top) + 14px);background:0 0}.btn.close svg{filter:drop-shadow(0 1px 2px #000c);width:26px;height:26px}.caption b{color:var(--fg);text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.caption span{text-overflow:ellipsis;display:block;overflow:hidden}.btn.fav{right:var(--side);bottom:calc(var(--bottom) + var(--controls) + var(--caption-h) + 56px)}.btn.fav.on{color:#ff2d55}.btn.hide{right:var(--side);bottom:calc(var(--bottom) + var(--controls) + var(--caption-h) + 112px)}.burst{z-index:7;color:#ff2d55;pointer-events:none;filter:drop-shadow(0 4px 12px #0006);width:104px;height:104px;margin:-52px 0 0 -52px;animation:.75s cubic-bezier(.2,.8,.2,1) forwards burst;position:absolute}.burst svg{width:100%;height:100%}.burst.off{color:#fff;animation-name:unburst;animation-duration:.6s}@keyframes unburst{0%{opacity:0;transform:scale(1.1)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4)}}@keyframes burst{0%{opacity:0;transform:scale(.3)rotate(-14deg)}18%{opacity:1;transform:scale(1.15)rotate(-14deg)}32%{transform:scale(.95)rotate(-14deg)}to{opacity:0;transform:translateY(-90px)scale(1.25)rotate(-14deg)}}.toast{z-index:8;left:50%;bottom:calc(var(--bottom) + var(--controls) + 64px);opacity:0;pointer-events:none;background:#282828eb;border-radius:22px;align-items:center;gap:16px;padding:10px 10px 10px 18px;font-size:15px;transition:opacity .16s,transform .16s;display:flex;position:absolute;transform:translate(-50%,12px)}.toast.note{padding:10px 18px}.toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast button{background:var(--fg);color:var(--bg);border:0;border-radius:14px;padding:6px 12px;font:600 14px -apple-system,system-ui,sans-serif}.favbar{color:var(--dim);align-items:center;gap:8px;padding:2px 12px 10px;font-size:13px;display:none}.favbar span:first-child{flex:1}.explore.favs .favbar{display:flex}.explore.nofavs .favbar{display:none}.pill{height:32px;color:var(--fg);background:#ffffff1f;border:0;border-radius:16px;align-items:center;gap:6px;padding:0 14px 0 10px;font:600 14px -apple-system,system-ui,sans-serif;display:flex}.pill svg{width:18px;height:18px}.empty{text-align:center;color:var(--dim);padding:64px 32px;display:none}.explore.nofavs .empty{display:block}.player .chrome{transition:opacity .2s linear}.player.clear:not(.paused) .chrome{opacity:0;pointer-events:none}.btn.clearview{right:var(--side);bottom:calc(var(--bottom) + var(--controls) + var(--caption-h) + 168px)}.btn.clearview.on{color:#ffd60a}@media (orientation:landscape){:root{--stage-bottom:0px;--controls:12px}}.seek{z-index:6;left:calc(var(--side) - 8px);right:calc(var(--side) + 52px);bottom:calc(var(--bottom) + 12px);height:calc(var(--controls) + 38px);pointer-events:none;position:absolute}.seek .track{background:#ffffff47;border-radius:2px;height:3px;transition:height .12s,bottom .12s;position:absolute;bottom:28px;left:8px;right:-52px}.seek .track i{border-radius:inherit;background:var(--fg);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.seek .track b{background:var(--fg);opacity:0;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;transition:opacity .12s,transform .12s;position:absolute;top:50%;left:0;transform:scale(.5);box-shadow:0 1px 4px #00000080}.player.scrubbing .seek .track{height:7px;bottom:26px}.player.scrubbing .seek .track b{opacity:1;transform:scale(1)}.scrub{z-index:7;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #000c;opacity:0;pointer-events:none;font:600 34px/1.2 -apple-system,system-ui,sans-serif;transition:opacity .12s;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.scrub small{color:var(--dim);margin-top:4px;font-size:14px;font-weight:500;display:block}.player.scrubbing .scrub{opacity:1}.player.scrubbing .caption,.player.scrubbing .btn{opacity:0;pointer-events:none}@media (orientation:landscape){.seek{bottom:calc(var(--bottom) - 6px);height:calc(var(--controls) + 56px)}.seek .track{bottom:8px}.player.scrubbing .seek .track{bottom:6px}}.spinner{z-index:6;left:50%;top:calc(var(--top) + (100% - var(--top) - var(--stage-bottom)) / 2);border:3px solid #ffffff40;border-top-color:var(--fg);filter:drop-shadow(0 1px 3px #0009);opacity:0;pointer-events:none;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;transition:opacity .15s;animation:.8s linear infinite spin;position:absolute}.player.buffering .spinner{opacity:1}.speed{z-index:6;left:0;right:0;top:calc(var(--top) + (100% - var(--top) - var(--stage-bottom)) / 2 + 34px);text-align:center;font-variant-numeric:tabular-nums;color:var(--fg);text-shadow:0 1px 3px #000c;pointer-events:none;font-size:12px;position:absolute}.player.buffering .badge{opacity:0}@keyframes spin{to{transform:rotate(360deg)}}.searchbar{align-items:center;gap:10px;padding:0 12px 10px;display:flex}.searchbar .field{background:#ffffff1f;border-radius:10px;flex:1;align-items:center;height:36px;padding:0 4px 0 10px;display:flex}.searchbar .glass{color:var(--dim);display:grid}.searchbar svg{width:17px;height:17px}.searchbar input{min-width:0;height:100%;color:var(--fg);appearance:none;background:0 0;border:0;outline:0;flex:1;padding:0 6px;font:16px -apple-system,system-ui,sans-serif}.searchbar input::placeholder{color:var(--dim)}.searchbar input::-webkit-search-cancel-button{display:none}.searchbar .clear{width:28px;height:28px;color:var(--dim);background:0 0;border:0;border-radius:14px;place-items:center;padding:0;display:none}.searchbar.typed .clear{display:grid}.offlinebar{color:var(--dim);padding:2px 12px 10px;font-size:13px;display:none}.explore.offline .offlinebar{display:block}.resultbar{color:var(--dim);padding:2px 12px 10px;font-size:13px;display:none}.explore.query .resultbar{display:block}.explore.query .favbar,.explore.query .empty{display:none}.auth-screen{z-index:50;background:var(--bg);position:fixed;inset:0;overflow:hidden}.auth-bg{padding:calc(var(--top) + 32px) 36px 0;filter:blur(.8px)saturate(1.1);pointer-events:none;position:absolute;inset:-24px;transform:scale(1.01)}.auth-screen:after{content:"";pointer-events:none;background:linear-gradient(#0000000d,#0000002e 35%,#00000080 60%,#00000040);position:absolute;inset:0}.pv-search{background:#ffffff24;border-radius:12px;height:36px}.pv-chips{gap:8px;margin:10px 0 12px;display:flex}.pv-chip{background:#ffffff24;border-radius:16px;height:32px}.pv-chip:first-child{background:#fffc}.pv-grid{gap:2px;display:flex}.pv-col{flex-direction:column;flex:1;gap:2px;display:flex}.pv-tile{background:linear-gradient(160deg, hsl(var(--h) 45% 38%), hsl(calc(var(--h) + 40) 50% 18%));width:100%;position:relative}.pv-tile.real{background:#151515;overflow:hidden}.pv-tile img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s linear;display:block}.pv-tile.loaded img{opacity:1}.pv-tile.real[data-video]:after{content:attr(data-dur)}.pv-tile[data-video]:after{content:"0:12";color:#ffffffe6;font:600 11px -apple-system,system-ui,sans-serif;position:absolute;bottom:4px;right:6px}.auth{z-index:1;box-sizing:border-box;max-width:384px;height:100%;padding:calc(var(--top) + 24px) 20px calc(var(--bottom) + 24px);flex-direction:column;justify-content:center;gap:14px;margin:0 auto;display:flex;position:relative}.auth-card{-webkit-backdrop-filter:blur(9px)saturate(1.5)brightness(1.03);backdrop-filter:blur(9px)saturate(1.5)brightness(1.03);background:linear-gradient(145deg,#ffffff21,#ffffff08);border:1px solid #ffffff4d;border-radius:26px;flex-direction:column;gap:14px;padding:24px 22px 22px;display:flex;box-shadow:inset 0 1px #fff6,inset 0 -1px #ffffff14,0 18px 50px #00000073}.auth h1,.auth-sub,.auth-field>span,.auth-error{text-shadow:0 1px 3px #000000e6,0 0 14px #000c}.auth h1{letter-spacing:-.5px;margin:0;font-size:34px}.auth-sub{color:var(--dim);min-height:1.4em;margin:0 0 6px}.auth-field{color:var(--dim);flex-direction:column;gap:6px;font-size:13px;display:flex}.auth input,.invite input,.invite-link input{box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:46px;color:var(--fg);-webkit-user-select:text;user-select:text;background:#00000047;border:0;border-radius:12px;outline:none;padding:0 14px;font:17px -apple-system,system-ui,sans-serif;box-shadow:inset 0 0 0 1px #ffffff29}.auth input:focus,.invite input:focus{background:#00000073}.auth input[readonly]{color:var(--dim)}.auth input.pin{text-align:center;letter-spacing:.5em;text-indent:.5em;font-size:24px}.auth-error{color:#ff6b6b;min-height:1.4em;margin:0}.auth-go{background:var(--fg);height:48px;color:var(--bg);border:0;border-radius:24px;font:600 16px -apple-system,system-ui,sans-serif}.auth-go:disabled{opacity:.4}.sheet{z-index:40;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-panel{box-sizing:border-box;width:100%;max-width:520px;max-height:85%;padding-bottom:var(--bottom);background:#1c1c1e;border-radius:18px 18px 0 0;flex-direction:column;display:flex}.sheet-head{justify-content:space-between;align-items:center;padding:14px 16px 6px 18px;font-size:17px;display:flex}.sheet-body{flex-direction:column;gap:10px;padding:8px 16px 18px;display:flex;overflow-y:auto}.sheet-note{color:var(--dim);margin:0}.sheet-btn{height:44px;color:var(--fg);background:#ffffff1f;border:0;border-radius:12px;padding:0 16px;font:600 15px -apple-system,system-ui,sans-serif}.sheet-btn.danger,.mini.danger{color:#ff6b6b}.invite{gap:8px;display:flex}.invite input{flex:1;min-width:0}.invite-link>div{flex-direction:column;gap:8px;display:flex}.people{flex-direction:column;gap:2px;display:flex}.person{border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 0;display:flex}.person>div{flex-direction:column;flex:100%;display:flex}.person span{color:var(--dim);font-size:13px}.mini{height:30px;color:var(--fg);background:#ffffff1f;border:0;border-radius:15px;padding:0 12px;font:600 13px -apple-system,system-ui,sans-serif;text-decoration:none}a.mini{display:inline-block}.mini:disabled{opacity:.4}