*,:after,:before{box-sizing:border-box;margin:0;padding:0}ol,ul{list-style:none}img,video{display:block;max-width:100%}button,input,textarea{font:inherit;color:inherit}button{border:none;background:none;cursor:pointer}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 24px;background-color:#0f0f0f}header .header__logo{display:flex;align-items:center;gap:4px;font-size:20px;font-weight:700;letter-spacing:-1px}header .header__logo i{color:red;font-size:30px}header ul{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:500}header .header__icon{font-size:18px}header .header__btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:18px;background-color:#272727}header .header__btn:hover{background-color:#3f3f3f}header .header__btn--join{border:1px solid#3f3f3f;background-color:#0000;color:#3ea6ff}header .header__btn--join:hover{background-color:#3ea6ff26}header .header__avatar{width:32px;height:32px;font-size:14px}footer{margin:60px 0 30px;color:#aaa;font-size:12px;text-align:center}.form{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto;padding:32px;border:1px solid#3f3f3f;border-radius:12px;background-color:#212121}.form label{margin-top:8px;color:#aaa;font-size:14px}.form__title{margin-bottom:8px;font-size:24px;font-weight:700}.form input:not([type=submit]),.form textarea{width:100%;padding:12px 16px;border:1px solid#3f3f3f;border-radius:8px;background-color:#0f0f0f;font-size:15px}.form input:not([type=submit])::placeholder,.form textarea::placeholder{color:#aaa}.form input:not([type=submit]):focus,.form textarea:focus{border-color:#3ea6ff;outline:none}.form input[type=file]{padding:8px;color:#aaa}.form input[type=file]::file-selector-button{margin-right:12px;padding:6px 14px;border:none;border-radius:18px;background-color:#272727;color:#f1f1f1;cursor:pointer}.btn,.form input[type=submit]{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:18px;background-color:#f1f1f1;color:#0f0f0f;font-size:14px;font-weight:500;cursor:pointer}.btn:hover,.form input[type=submit]:hover{background-color:#d9d9d9}.form input[type=submit]{margin-top:12px}.btn--chip{background-color:#272727;color:#f1f1f1}.btn--chip:hover{background-color:#3f3f3f}.error-message{display:block;max-width:420px;margin:0 auto 16px;padding:12px 16px;border-radius:8px;background-color:#ff000026;color:#ff8a80;font-size:14px}.auth-switch{margin-top:24px;color:#aaa;font-size:14px;text-align:center}.auth-switch a{color:#3ea6ff}.social-login{margin-top:12px;padding-top:20px;border-top:1px solid#3f3f3f}.social-login .btn{width:100%}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px 16px}.empty__message{color:#aaa;font-size:16px}.avatar{flex-shrink:0;border-radius:50%;object-fit:cover}.avatar--initial{display:flex;justify-content:center;align-items:center;background-color:#5c6bc0;color:#fff;font-weight:500}.video-mixin__thumb{width:100%;aspect-ratio:16/9;border-radius:12px;background-color:#212121;background-size:cover;background-position:50%}.video-mixin__data{display:flex;flex-direction:column;gap:4px;margin-top:12px}.video-mixin__title{font-size:16px;font-weight:500;line-height:1.4}.video-mixin__description,.video-mixin__meta{color:#aaa;font-size:14px}.video-mixin__description{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-mixin__meta a:hover{color:#f1f1f1}.video-mixin__hashtags{display:flex;flex-wrap:wrap;gap:6px;color:#3ea6ff;font-size:13px}#videoContainer{position:relative;overflow:hidden;border-radius:12px;background-color:#000}#videoContainer video{width:100%;max-height:75vh}#videoContainer:fullscreen{border-radius:0}#videoContainer:fullscreen video{height:100%;max-height:none}.videoControls{position:absolute;right:0;bottom:0;left:0;padding:24px 12px 8px;background:linear-gradient(#0000,#000c);opacity:0;transition:opacity.3s ease-in-out}.videoControls.showing,.videoControls:has(:focus-visible){opacity:1}.videoControls button{width:36px;height:36px;color:#fff;font-size:18px}.videoControls input[type=range]{accent-color:red;cursor:pointer}.videoControls__timeline{display:block;width:100%;margin-bottom:4px}.videoControls__left,.videoControls__row{display:flex;align-items:center}.videoControls__row{justify-content:space-between}.videoControls__left{gap:8px}.videoControls__volume{display:flex;align-items:center}.videoControls__volume input{width:80px}.videoControls__time{display:flex;gap:4px;color:#fff;font-size:13px;font-variant-numeric:tabular-nums}.video__data{margin-top:12px}.video__title{font-size:20px;font-weight:700;line-height:1.4}.video__owner-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}.video__owner{display:flex;align-items:center;gap:12px;font-weight:500}.video__owner .avatar{width:40px;height:40px}.video__actions{display:flex;gap:8px}.video__description-box{margin-top:12px;padding:12px;border-radius:12px;background-color:#272727;font-size:14px;line-height:1.5}.video__meta{font-weight:500}.video__description{margin-top:4px;white-space:pre-line}.video__hashtags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;color:#3ea6ff}.video__comments-section{margin-top:24px}.video__comments-section h2{margin-bottom:16px;font-size:20px;font-weight:700}.video__comment-form{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-bottom:24px}.video__comment-form textarea{width:100%;padding:4px 0;border:none;border-bottom:1px solid#3f3f3f;background:none;resize:vertical}.video__comment-form textarea:focus{border-bottom-color:#f1f1f1;outline:none}.video__comment-form button{background-color:#3ea6ff;color:#0f0f0f}.video__comment-form button:hover{background-color:#65b8ff}.video__comments{display:flex;flex-direction:column;gap:16px}.video__comment{display:flex;align-items:baseline;gap:12px;font-size:14px;line-height:1.5}.video__comment-owner{flex-shrink:0;font-size:13px;font-weight:500}.video__comment-text{flex-grow:1;white-space:pre-line;word-break:break-word}.video__comment-delete{color:#aaa}.video__comment-delete:hover{color:red}.profile{display:flex;align-items:center;gap:24px;margin-bottom:40px}.profile__avatar{width:160px;height:160px;font-size:64px}.profile__name{margin-bottom:8px;font-size:36px;font-weight:700}.profile__username{color:#aaa}.edit-profile__avatar{width:96px;height:96px;margin:0 auto 8px;font-size:40px}.edit-profile__password{margin-top:24px;text-align:center}.edit-profile__password a{color:#3ea6ff}.search__form{display:flex;max-width:640px;margin:0 auto 40px}.search__form input{flex-grow:1;min-width:0;padding:10px 16px;border:1px solid#3f3f3f;border-right:none;border-radius:40px 0 0 40px;background-color:#121212}.search__form input:focus{border-color:#3ea6ff;outline:none}.search__form button{width:64px;border:1px solid#3f3f3f;border-radius:0 40px 40px 0;background-color:#212121}.search__form button:hover{background-color:#272727}body{background-color:#0f0f0f;color:#f1f1f1;font-family:Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}main{max-width:1280px;margin:24px auto 0;padding:0 24px}.page-title{margin-bottom:24px;font-size:24px;font-weight:700}