.browse-page{z-index:10;background:radial-gradient(circle at 50% 0,#454550 0%,#1a1a1e 40%,#000 100%);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.browse-header{z-index:20;flex:none;justify-content:center;align-items:center;width:100%;min-height:110px;padding:30px 40px 0;display:flex;position:relative}.browse-brand{filter:drop-shadow(0 0 6px #fff9);width:min(320px,40vw)}.browse-viewport{scrollbar-width:none;flex:1;width:100%;max-width:1200px;min-height:0;overflow:hidden auto}.browse-viewport::-webkit-scrollbar{display:none}.browse-grid{grid-template-columns:repeat(4,1fr);gap:30px;padding:40px 20px 120px;display:grid}@media (max-width:1024px){.browse-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width:720px){.browse-grid{grid-template-columns:repeat(2,1fr)}}.browse-empty{text-align:center;color:#8e8e93;padding:80px 20px;font-size:1rem}.plan-badge{color:#ffd93d;text-transform:uppercase;letter-spacing:2px;clip-path:polygon(0 0,90% 0,100% 30%,100% 100%,10% 100%,0 70%);background:#ffd93d0d;border-left:3px solid #ffd93d;align-items:center;padding:5px 15px;font-size:1.1rem;font-weight:800;display:inline-flex;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.browse-brand--compact{width:auto;height:44px}.video-layout{flex-direction:row;width:100%;height:100%;display:flex;overflow:hidden}.video-main{background:#000;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.video-content{flex:1;min-height:0;display:flex;position:relative}.video-content video{object-fit:contain;cursor:pointer;background:#000;width:100%;height:100%}.video-main:fullscreen .video-content{aspect-ratio:auto;flex:1;height:auto;max-height:none}.video-main:fullscreen .video-content{aspect-ratio:auto;flex:1;height:auto;max-height:none}.video-main:fullscreen .sidebar-handle,.video-main:fullscreen .sidebar-edge,:-webkit-any(.video-main:-webkit-full-screen .sidebar-handle,.video-main:-webkit-full-screen .sidebar-edge){display:none}.video-main:fullscreen .sidebar-handle,.video-main:fullscreen .sidebar-edge,:is(.video-main:fullscreen .sidebar-handle,.video-main:fullscreen .sidebar-edge){display:none}.video-controls{padding:10px 20px max(40px, env(safe-area-inset-bottom));background:#0a0a0af2;border-top:1px solid #ffffff1a;flex-direction:column;flex:none;gap:10px;display:flex}.video-main:fullscreen .video-controls{z-index:20;position:absolute;bottom:0;left:0;right:0}.video-main:fullscreen .video-controls{z-index:20;position:absolute;bottom:0;left:0;right:0}.video-controls{transition:opacity .15s}.video-controls.video-controls--hidden{opacity:0;pointer-events:none;transition:opacity .6s}.player-sidebar{background:#0a0a0a;border-left:1px solid #ffffff1a;flex-direction:column;flex:none;width:350px;height:100%;padding:30px 30px 0;display:flex;overflow:hidden}@media (max-width:1024px){.player-sidebar{width:250px;padding:16px 12px 0}}.player-sidebar{transition:width .3s,padding .3s,border-color .3s}.player-sidebar--closed{border-left-color:#0000;min-width:0;width:0!important;padding:0!important}.sidebar-handle{z-index:15;color:#fff;cursor:pointer;touch-action:none;background:#1c1c1eeb;border:1px solid #fff3;border-right:none;border-radius:10px 0 0 10px;justify-content:center;align-items:center;width:28px;height:76px;font-size:1.35rem;font-weight:800;line-height:1;transition:background .2s,border-color .2s,color .2s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:-4px 0 14px #00000073}.sidebar-handle--peek{animation:.25s sidebar-handle-in}@keyframes sidebar-handle-in{0%{opacity:0;transform:translate(100%,-50%)}}.sidebar-edge{z-index:14;touch-action:none;width:28px;position:absolute;top:0;bottom:0;right:0}.sidebar-handle:hover{color:#fff;background:#0a84ff40;border-color:#0a84ff;box-shadow:-4px 0 14px #0a84ff59}.player-sidebar__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.repeat-toggle{color:#ffffffa6;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;flex:none;align-items:center;gap:5px;height:30px;padding:0 12px;font-size:.8rem;font-weight:700;display:inline-flex}.repeat-toggle--on{color:#6cb2ff;background:#0a84ff2e;border-color:#0a84ff8c}.player-sidebar__title{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.5rem;font-weight:800;overflow:hidden}.side-list{scrollbar-width:none;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.player-sidebar__foot{border-top:1px solid #ffffff59;flex:none;margin-top:auto;padding:16px 0 20px}.foot-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.time-card{background:#1c1c1e;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.time-card__label{color:#fff;font-size:.8rem;font-weight:600}.time-card__value{color:#0a84ff;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.side-list::-webkit-scrollbar{display:none}.side-item{cursor:pointer;text-align:left;color:#fff;background:#1c1c1e;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:12px 15px;transition:background-color .2s,border-color .2s;display:flex}.side-item--playing{background:#0a84ff1a;border-color:#0a84ff}.side-item__title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.95rem;font-weight:600;overflow:hidden}.side-item__rep{color:#6cb2ff;background:#0a84ff2e;border:1px solid #0a84ff8c;border-radius:999px;flex:none;padding:2px 8px;font-size:.72rem;font-weight:700}.region-select{color:#fff;cursor:pointer;appearance:none;background-color:#1c1c1e;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 15px center;background-repeat:no-repeat;background-size:16px;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:none;width:100%;margin-bottom:14px;padding:12px 40px 12px 15px;font-size:1rem;font-weight:600}.region-select:focus{border-color:#0f8f44;box-shadow:0 0 0 2px #2ecc7133}.region-select option{color:#fff;background-color:#1c1c1e}.view-controls{flex-direction:column;flex:none;gap:12px;margin-top:8px;display:flex}.view-toggle-btn{color:#fff;cursor:pointer;background:#1c1c1e;border:2px solid #333;border-radius:12px;width:100%;padding:12px 0;font-size:1.2rem;font-weight:800;transition:all .2s}.view-toggle-btn--front.active{background:#0a84ff;border-color:#0a84ff;box-shadow:0 0 15px #0a84ff80}.view-toggle-btn--back.active{background:#ff3b30;border-color:#ff3b30;box-shadow:0 0 15px #ff3b3080}.play-pill{text-align:center;color:#8e8e93;background:#e5e5ea;border-radius:20px;flex:none;min-width:50px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s}.play-pill.active{color:#fff;background:#ff3b30}.controls-row{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.controls-left{align-items:center;gap:15px;display:flex}.controls-right{align-items:center;gap:20px;display:flex}.v-label{color:#fff;white-space:nowrap;font-size:.9rem;font-weight:600}.time-text{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.85rem}.v-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff0d;border-radius:6px;padding:6px 12px;font-size:.9rem;font-weight:600;transition:all .2s}.v-btn:hover{background:#fff3;border-color:#ffffff4d}.v-btn:disabled{opacity:.4;cursor:default}.v-btn--on{color:#fff;background:#0a84ff;border-color:#0a84ff}.v-btn--icon{background:0 0;border-color:#0000;padding:4px 8px;font-size:1.05rem;line-height:1}.v-btn--icon:hover{background:#ffffff26;border-color:#0000}.v-btn--fs{padding:4px 10px;font-size:1.25rem}.speed-menu{z-index:20;background:#141414f2;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:2px;padding:5px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.speed-item{cursor:pointer;color:#fff;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:8px 14px;font-size:.85rem}.speed-item:hover{background:#ffffff1a}.speed-item.active{color:#0a84ff;background:#0a84ff1a;font-weight:700}.seek-wrap{align-items:center;width:100%;display:flex;position:relative}.seek-marker{pointer-events:none;z-index:3;background:#fff;border:2px solid #0a84ff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.seek-marker--b{border-color:#ff3b30}.loop-strip{pointer-events:none;z-index:2;background:#ffd50099;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.home-btn-floating{z-index:25;cursor:pointer;color:#0a84ff;border-radius:12px;align-items:center;gap:8px;padding:10px 28px;font-size:1.25rem;font-weight:700;transition:all .3s;display:flex;position:absolute;top:20px;left:40px;box-shadow:0 4px 20px #0009}.home-btn-floating:hover{border-color:#0a84ff;transform:scale(1.05);box-shadow:0 0 15px #0a84ff}.seek-range{appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;height:4px}.seek-range::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #00000080}.seek-range::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #00000080}.seek-range:disabled{opacity:.4;cursor:default}@media (pointer:coarse){.v-btn{min-height:44px;padding:8px 14px;font-size:1rem}.v-btn--icon{padding:8px 12px;font-size:1.3rem}.v-btn--fs{font-size:1.5rem}.seek-range{background-clip:content-box;height:20px;padding:8px 0}.seek-range::-webkit-slider-thumb{width:20px;height:20px}.seek-range::-moz-range-thumb{width:20px;height:20px}.sidebar-handle{width:38px;height:88px}.play-pill{padding:10px 14px}.speed-item{padding:12px 18px;font-size:1rem}.side-item{padding:14px 15px}}@media (max-width:1024px){.video-controls{padding:8px 12px max(14px, env(safe-area-inset-bottom));gap:8px}.controls-row{flex-wrap:wrap;row-gap:8px}.controls-left{flex-wrap:wrap;gap:8px}.controls-right{flex-wrap:wrap;gap:12px;margin-left:auto}.volume-slider{display:none}.v-label{font-size:.8rem}.time-text{font-size:.75rem}.home-btn-floating{padding:8px 16px;font-size:.9rem;top:12px;left:12px}}@media (max-width:720px){.browse-brand{width:min(240px,55vw)}.browse-brand--compact{width:auto;height:36px}.plan-badge{padding:4px 10px;font-size:.85rem;left:16px}.browse-grid{gap:16px;padding:24px 16px 110px}.browse-header{min-height:84px;padding:20px 16px 0}}@media (orientation:portrait){.video-layout{flex-direction:column}.video-main{flex:none}.video-content{aspect-ratio:16/9;flex:none;height:auto;max-height:45svh}.sidebar-handle,.sidebar-edge{display:none}.player-sidebar,.player-sidebar--closed{border-top:1px solid #ffffff1a;border-left:none;flex:1;min-width:0;height:auto;min-height:0;width:100%!important;padding:14px 16px 0!important}.player-sidebar__title{font-size:1.15rem}}.video-layout--locked .video-main{flex:1;min-height:0}.video-layout--locked .video-content{aspect-ratio:auto;flex:1;height:auto;min-height:0;max-height:none}