.video-page{min-width:0}.video-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.video-heading h1{margin:10px 0;font-size:30px}.video-heading p{color:var(--muted);font-size:13px}.video-heading>div:last-child{align-items:center;gap:15px;display:flex}.video-search{gap:10px;margin:20px 0 28px;display:flex}.video-search input{flex:1;min-width:0}.video-page input,.video-page textarea,.video-page select,.video-page button{font:inherit;border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:10px;max-width:100%;padding:11px}.video-page button{cursor:pointer;min-height:44px}.video-page button:disabled{opacity:.5}.video-grid{grid-template-columns:repeat(var(--video-columns,4),minmax(0,1fr));gap:24px 18px;display:grid}.video-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;min-width:0;padding-bottom:12px;overflow:hidden}.video-thumbnail{aspect-ratio:16/9;background:var(--control);display:block;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.video-thumbnail:hover img{transform:scale(1.03)}.video-thumbnail>span{color:#fff;background:#000b;border-radius:5px;padding:3px 6px;font-size:11px;position:absolute;bottom:8px;right:8px}.video-card h2{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:12px 12px 5px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.video-code{color:var(--muted);margin:6px 12px;font-size:10px}.video-card .profile-user{overflow-wrap:anywhere;min-width:0;padding:4px 12px;font-size:11px}.video-card .profile-avatar{flex-shrink:0;width:22px;height:22px;font-size:12px}.video-meta{color:var(--muted);font-size:11px;line-height:1.8}.video-card .video-meta{margin:5px 12px}.video-player{background:#111;border-radius:14px;margin:20px 0;overflow:hidden}.video-player .video-js{color:#fff;width:100%;font-family:inherit}.video-player .vjs-control-bar{background:#17201de6}.video-player .vjs-play-progress,.video-player .vjs-volume-level{background:#b4d282}.video-player p{color:#fff;padding:15px}.video-player button{color:inherit;background:0 0}.video-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.video-interactions>div{gap:10px;display:flex}.video-interactions button[aria-pressed=true]{background:var(--tint);color:var(--accent-text)}.video-interactions textarea{resize:vertical;width:100%;min-height:90px;margin:10px 0;display:block}.video-comments{padding:0;list-style:none}.video-comments li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:20px 0}.video-comments p{white-space:pre-wrap;line-height:1.8}.video-comments small{color:var(--muted);margin-right:10px}.video-empty{background:var(--surface);border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:15px;padding:50px 20px}.video-editor{gap:15px;max-width:800px;margin:20px 0;display:grid}.video-editor fieldset{border:0;gap:15px;min-width:0;padding:0;display:grid}.video-editor label{gap:8px;font-size:13px;display:grid}.video-editor textarea{resize:vertical;min-height:120px}.video-upload-form{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}.video-upload-form video{background:#111;border-radius:12px;width:100%;max-height:400px;margin:20px 0;display:block}.video-upload-form progress{accent-color:#8fab6c;width:100%}.video-upload-form p{overflow-wrap:anywhere;font-size:13px;line-height:1.8}.video-pagination{justify-content:center;gap:20px;margin:30px 0;display:flex}.video-mine{padding:0;list-style:none}.video-mine li{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:15px 0;padding:20px}.video-mine h2{font-size:18px}.video-admin-table{overflow:auto}.video-admin-table table{border-collapse:collapse;width:100%}.video-admin-table td,.video-admin-table th{border-bottom:1px solid var(--line);text-align:left;padding:12px;font-size:13px}.video-admin-table td:last-child{min-width:220px}.video-page :focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}@media (max-width:1000px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.video-card h2{margin:9px 9px 4px;font-size:13px}.video-card .profile-user{padding:4px 9px;font-size:10px}.video-card .video-meta,.video-code{margin:5px 9px;font-size:9px}.video-search{flex-wrap:wrap}.video-search input{flex-basis:100%}.video-heading h1{font-size:25px}.video-upload-form{padding:16px}.video-player{margin-inline:0}.video-page h1{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.video-thumbnail img{transition:none}}