:root{--bg:#0d0f1e;--bg-raise:#131733;--card:#1a1f3d;--card-hi:#252c58;--line:#ffffff12;--line-strong:#ffffff24;--text:#f4f6ff;--text-2:#c3c9e8;--muted:#8a93bb;--red:#ff4f5e;--amber:#ffb020;--green:#22c873;--blue:#3d8bff;--purple:#9b5cff;--play:#2fd982;--play-lip:#11985a;--play-ink:#04321b;--live:#3be58b;--radius:16px;--radius-sm:11px;--font:ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;--stud:radial-gradient(circle at 50% 42%, #ffffff13 0 4.5px, #0000001f 5px, transparent 6px);--gutter:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:500 15px/1.4 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}img,svg{display:block}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.01em;margin:0}.icon{flex:none;width:20px;height:20px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:8px}.btn{--face:var(--card-hi);--lip:#12162f;--ink:var(--text);background:var(--face);height:44px;color:var(--ink);letter-spacing:.01em;box-shadow:0 4px 0 var(--lip), inset 0 2px 0 #ffffff1f;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;white-space:nowrap;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn:active{box-shadow:0 1px 0 var(--lip), inset 0 2px 0 #ffffff1f;transform:translateY(3px)}.btn:disabled{filter:grayscale(.6)brightness(.8);cursor:default}@media (hover:hover){.btn:hover{filter:brightness(1.08)}}.btn .icon{width:20px;height:20px}.btn-play{--face:var(--play);--lip:var(--play-lip);--ink:var(--play-ink);height:56px;box-shadow:0 5px 0 var(--lip), inset 0 3px 0 #ffffff59;border-radius:16px;padding:0 26px;font-size:19px}.btn-play:active{box-shadow:0 1px 0 var(--lip), inset 0 3px 0 #ffffff59;transform:translateY(4px)}.btn-play .icon{width:24px;height:24px}.btn-blue{--face:var(--blue);--lip:#1d47b5;--ink:#fff}.btn-ghost{--face:transparent;--lip:transparent;box-shadow:none}.btn-ghost:active{box-shadow:none}.btn-sm{border-radius:11px;height:36px;padding:0 13px;font-size:14px}.btn-icon{width:44px;padding:0}.btn-sm.btn-icon{width:36px}.btn.is-on{--face:#2e3670;--ink:#fff}.btn.is-like.is-on{--face:#173f30;--ink:var(--live)}.btn.is-dislike.is-on{--face:#47202a;--ink:#ff8c96}.btn-block{width:100%}.topbar{z-index:20;height:58px;padding:0 var(--gutter);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);background:#0d0f1ef5;align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar .logo-link{align-items:center;height:44px;display:flex}.topbar .spacer{flex:1}.topbar .back{margin-left:-6px}.navlinks{gap:4px;margin-left:10px;display:none}.navlinks a{height:38px;color:var(--text-2);border-radius:11px;align-items:center;gap:7px;padding:0 13px;font-weight:800;display:flex}.navlinks a.is-active,.navlinks a:hover{background:var(--card);color:var(--text)}@media (min-width:760px){.navlinks{display:flex}}.create-btn[hidden]{display:none}@media (max-width:420px){.create-btn{gap:0;width:36px;padding:0;font-size:0}}.account-chip{border:1px solid var(--line-strong);background:var(--card);cursor:pointer;border-radius:999px;align-items:center;gap:8px;max-width:170px;height:40px;padding:0 12px 0 4px;font-size:14px;font-weight:800;display:inline-flex}.account-chip .head{background:#2a3166;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.account-chip .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-chip .guest-tag{letter-spacing:.06em;color:var(--amber);text-transform:uppercase;font-size:10px;font-weight:900}.account-chip .meta{flex-direction:column;min-width:0;line-height:1.05;display:flex}.menu{right:var(--gutter);z-index:30;background:var(--bg-raise);border:1px solid var(--line-strong);border-radius:16px;width:220px;padding:6px;animation:.14s ease-out pop;position:absolute;top:54px;box-shadow:0 18px 40px #00000080}.menu a,.menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;width:100%;height:44px;padding:0 12px;font-weight:700;display:flex}.menu a:hover,.menu button:hover{background:var(--card)}.menu .menu-note{color:var(--muted);border-top:1px solid var(--line);margin-top:4px;padding:8px 12px 10px;font-size:12.5px}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.chips{padding:12px var(--gutter) 4px;scrollbar-width:none;scroll-padding:0 var(--gutter);gap:8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line-strong);background:var(--card);height:34px;color:var(--text-2);cursor:pointer;border-radius:999px;flex:none;padding:0 14px;font-size:13.5px;font-weight:800}.chip.is-active{background:var(--text);color:var(--bg);border-color:var(--text)}.grid{padding:0 var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid}@media (min-width:560px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:760px){.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:22px 16px}}.tile{cursor:pointer;flex-direction:column;gap:7px;min-width:0;display:flex}.tile-media{aspect-ratio:1;border-radius:var(--radius);background:var(--card) var(--stud);background-size:22px 22px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 4px #00000059}.tile-media img{object-fit:cover;width:100%;height:100%}.tile-media:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}@media (hover:hover){.tile:hover .tile-media{transform:translateY(-3px);box-shadow:0 7px #00000059}}.tile:active .tile-media{transform:translateY(2px);box-shadow:0 2px #00000059}.live-pill{-webkit-backdrop-filter:blur(6px);background:#080a16b8;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 9px 0 8px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;bottom:8px;left:8px}.dot{background:var(--live);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #3be58b2e}.tile-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-weight:800;line-height:1.22;display:-webkit-box;overflow:hidden}.tile-meta{color:var(--muted);align-items:center;gap:10px;font-size:12.5px;font-weight:700;display:flex}.tile-meta span{align-items:center;gap:4px;display:inline-flex}.tile-meta .icon{width:14px;height:14px}.row{padding:0 var(--gutter) 6px;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);scrollbar-width:none;grid-auto-columns:112px;grid-auto-flow:column;gap:12px;display:grid;overflow-x:auto}.row::-webkit-scrollbar{display:none}.row .tile{scroll-snap-align:start}.row .tile-title{-webkit-line-clamp:1;font-size:13px}@media (min-width:760px){.row{grid-auto-columns:150px}}.section{margin-top:18px}.section-head{padding:0 var(--gutter);justify-content:space-between;align-items:baseline;margin-bottom:11px;display:flex}.section-head h2{font-size:18px;font-weight:900}.section-head .sub{color:var(--muted);font-size:13px;font-weight:700}.skeleton{background:linear-gradient(90deg, var(--card) 0%, var(--card-hi) 50%, var(--card) 100%);border-radius:var(--radius);background-size:200% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-tile{aspect-ratio:1}.skel-line{border-radius:6px;height:12px;margin-top:8px}.toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:100;background:var(--text);max-width:calc(100% - 32px);color:var(--bg);border-radius:14px;align-items:center;gap:9px;padding:11px 16px;font-size:14px;font-weight:800;animation:.18s ease-out toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.toast .icon{width:18px;height:18px;color:var(--play-lip)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.empty{margin:30px var(--gutter);text-align:center;border:2px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);padding:26px 18px;font-weight:700}.verified{color:var(--blue);display:inline-flex}.verified .icon{width:15px;height:15px}.blocks{gap:6px;display:inline-flex}.blocks i{border-radius:4px;width:14px;height:14px;animation:.9s ease-in-out infinite hop;box-shadow:0 3px #0000004d}.blocks i:first-child{background:var(--red)}.blocks i:nth-child(2){background:var(--amber);animation-delay:.12s}.blocks i:nth-child(3){background:var(--green);animation-delay:.24s}.blocks i:nth-child(4){background:var(--blue);animation-delay:.36s}@keyframes hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-9px)}}@media (prefers-reduced-motion:reduce){.blocks i,.skeleton{animation:none}}