:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#fff;background:#080808;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button{font:inherit}.app-shell{position:relative;width:min(100%,520px);height:100dvh;margin:0 auto;overflow:hidden;background:#080808;border-inline:1px solid #1a1a1a;transition:width .22s ease}.app-shell.layout-2{width:min(100%,900px)}.app-shell.layout-3{width:min(100%,1260px)}.topbar{position:absolute;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;height:58px;padding:7px 16px;background:linear-gradient(#080808e8,#08080888 75%,transparent)}.brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;padding:0;color:#f7f7f7;background:none;border:0;font-size:15px;font-weight:800;line-height:1;cursor:pointer}.brand-logo{display:block;width:24px;height:24px;flex:0 0 24px;object-fit:contain}.category-tabs{flex:0 1 auto;min-width:0;white-space:nowrap}.category-tabs b{font-size:12px;font-weight:800}.topbar-actions{--icon-button-size: 40px;display:flex;flex:0 0 auto;align-items:center;gap:6px}.topbar-actions button{flex:0 0 auto;background:#202020a8;border-color:#6b6b6b;font-size:18px}.topbar-actions button:hover{color:#fff!important;border-color:#fff!important;background:#343434!important}.stage-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));background:#060606}.layout-2 .stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-3 .stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-tile{position:relative;min-width:0;min-height:0;overflow:hidden;background:#050505;border-right:1px solid #171717}.video-element{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;cursor:pointer}.video-gradient{position:absolute;z-index:1;inset:auto 0 0;height:38%;pointer-events:none;background:linear-gradient(transparent 12%,#0008 68%,#000d)}.video-status{position:absolute;z-index:2;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:14px;width:80%;color:#eaeaea;font-size:13px;text-align:center;transform:translate(-50%,-50%)}.video-failed{padding:20px;border-radius:14px;background:#171717db}.center-play{position:absolute;z-index:4;top:50%;left:50%;display:grid;place-items:center;width:66px;height:66px;padding:0;color:#fff;background:#0008;border:1px solid #fff8;border-radius:50%;font-size:40px;transform:translate(-50%,-50%);cursor:pointer}.side-actions{--icon-button-size: 44px;position:absolute;z-index:5;top:18%;right:12px;display:flex;flex-direction:column;align-items:center;gap:9px;width:56px;max-height:calc(100% - 132px)}.side-action,.filter-bubble{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:52px;min-height:63px;text-align:center}.side-action button{flex:0 0 auto;color:#fff;background:#222b;border:1px solid #9b9b9b;font-size:20px}.side-action button:hover{color:#fff!important;background:#444d!important;border-color:#fff!important}.side-action>span,.filter-label{color:#fff;font-size:11px;font-weight:700;line-height:14px;text-shadow:0 1px 3px #000;white-space:nowrap}.filter-stack{display:flex;flex-direction:column;align-items:center;gap:9px;width:56px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.filter-stack::-webkit-scrollbar{display:none}.filter-bubble{position:relative;padding:0;color:#fff;background:none;border:0;cursor:pointer}.filter-symbol{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #ffffff47;border-radius:50%;background:#ffffff14}.filter-symbol img{display:block;width:40px;height:40px;flex:0 0 40px;border-radius:50%;object-fit:contain;pointer-events:none}.filter-bubble-channel .filter-symbol img{width:42px;height:42px;object-fit:cover}.filter-bubble.is-selected .filter-symbol{border:2px solid #7adcf7;box-shadow:0 0 0 2px #000b,0 0 10px #7adcf788}.filter-count{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;color:#fff;background:#111;border:1px solid #bbb;border-radius:9px;font-size:10px;font-weight:800;line-height:1}.clear-filters{flex:0 0 auto;padding:6px 4px;color:#fff;background:#222c;border:1px solid #888;border-radius:15px;font-size:10px;cursor:pointer}.video-bottom{position:absolute;z-index:3;right:14px;bottom:max(7px,env(safe-area-inset-bottom));left:14px}.video-meta{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:calc(100% - 70px);margin-bottom:4px;text-shadow:0 1px 4px #000}.video-meta strong{overflow:hidden;max-width:100%;font-size:15px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.video-meta span{overflow:hidden;max-width:100%;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.video-progress{display:flex;align-items:center;gap:10px;width:100%}.video-progress>div{flex:1 1 auto;min-width:0;margin:6px 0}.video-progress>span{flex:0 0 auto;color:#e6e6e6;font-size:10px;font-variant-numeric:tabular-nums}.video-play-toggle{position:absolute;z-index:4;right:15px;bottom:58px;display:grid;place-items:center;width:26px;height:26px;padding:0;color:#fff;background:none;border:0;font-size:22px;opacity:.75;cursor:pointer}.page-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;color:#ddd;text-align:center}.page-state p{margin:0}.refresh-error{position:absolute;z-index:40;top:62px;left:50%;width:max-content;max-width:90%;padding:8px 12px;color:#fff;background:#a53c3c;border-radius:8px;font-size:12px;transform:translate(-50%)}@media(max-width:600px){.app-shell,.app-shell.layout-2,.app-shell.layout-3{width:100%;border:0}.topbar{height:76px;padding:0 10px;background:#080808}.brand{font-size:14px}.brand-logo{width:22px;height:22px;flex-basis:22px}.category-tabs{font-size:12px}.category-tabs b{font-size:11px}.topbar-actions{--icon-button-size: 38px;gap:5px}.topbar-actions .layout-button{display:none}.stage-grid{top:76px;grid-template-columns:minmax(0,1fr)!important}.stage-grid .video-tile-compact{display:none}.side-actions{--icon-button-size: 42px;top:17px;right:13px;max-height:calc(100% - 96px);gap:5px}.side-action,.filter-bubble{min-height:59px}.filter-stack{gap:4px}.filter-symbol{width:42px;height:42px;flex-basis:42px}.filter-symbol img{width:38px;height:38px}.filter-bubble-channel .filter-symbol img{width:40px;height:40px}.side-action>span,.filter-label{font-size:10px}.video-bottom{right:14px;bottom:max(12px,env(safe-area-inset-bottom));left:14px}.video-meta strong{font-size:16px}.video-meta span{font-size:13px}.video-progress>span{display:none}.video-play-toggle{display:none}}@media(max-height:650px){.side-actions{max-height:calc(100% - 130px)}.side-action>span,.filter-label{display:none}.side-action,.filter-bubble{min-height:44px}.filter-stack{gap:7px}}@media(prefers-reduced-motion:reduce){.app-shell{transition:none}}