@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:#0b0b0f;color:#fff;line-height:1.6;min-height:100vh}a{color:#fff;text-decoration:none;transition:color .15s ease}a:hover{color:#4f5aff}ul{list-style:none}img{max-width:100%;display:block}input,textarea,button{font-family:inherit;font-size:inherit;outline:none}::selection{background-color:rgba(79,90,255,.12);color:#4f5aff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0b0b0f}::-webkit-scrollbar-thumb{background:#262635;border-radius:9999px}main{max-width:1200px;margin:0 auto;padding:40px 24px;min-height:calc(100vh - 60px - 80px)}h2{font-size:1.75rem;font-weight:700;margin-bottom:28px;letter-spacing:-0.02em}h3{font-size:1.2rem;font-weight:600;margin-bottom:16px;letter-spacing:-0.01em}hr{border:none;border-top:1px solid hsla(0,0%,100%,.06);margin:28px 0}.empty-state{text-align:center;padding:80px 24px;color:#8b8b9e;font-size:1rem}.empty-state p{max-width:400px;margin:0 auto}header{background-color:#101018;border-bottom:1px solid hsla(0,0%,100%,.06);height:60px;display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}header nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}header nav ul{display:flex;align-items:center;gap:6px}header nav ul li a{display:inline-block;color:#8b8b9e;font-size:.875rem;font-weight:500;padding:6px 14px;border-radius:9999px;transition:all .15s ease}header nav ul li a:hover{color:#fff;background-color:#1e1e2a}header .header__user{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500;color:#8b8b9e;padding:6px 12px;border-radius:9999px;background-color:#16161f;border:1px solid hsla(0,0%,100%,.06)}header .header__avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}footer{text-align:center;padding:28px 24px;color:#5c5c6f;font-size:.8rem;border-top:1px solid hsla(0,0%,100%,.06);background-color:#101018}form{display:flex;flex-direction:column;gap:16px;max-width:420px}form label{font-size:.8rem;font-weight:500;color:#8b8b9e;text-transform:uppercase;letter-spacing:.05em}form input[type=text],form input[type=email],form input[type=password],form textarea{background-color:#16161f;border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:12px 16px;color:#fff;font-size:.925rem;transition:all .15s ease;width:100%}form input[type=text]:hover,form input[type=email]:hover,form input[type=password]:hover,form textarea:hover{border-color:hsla(0,0%,100%,.12)}form input[type=text]:focus,form input[type=email]:focus,form input[type=password]:focus,form textarea:focus{border-color:#4f5aff;box-shadow:0 0 0 3px rgba(79,90,255,.12)}form input[type=text]::placeholder,form input[type=email]::placeholder,form input[type=password]::placeholder,form textarea::placeholder{color:#5c5c6f}form textarea{resize:vertical;min-height:100px;line-height:1.5}form input[type=submit],form button[type=submit]{background-color:#4f5aff;color:#fff;border:none;border-radius:9999px;padding:12px 28px;cursor:pointer;font-weight:600;font-size:.925rem;transition:all .15s ease;letter-spacing:-0.01em}form input[type=submit]:hover,form button[type=submit]:hover{background-color:#636dff;transform:translateY(-1px);box-shadow:0 4px 16px rgba(79,90,255,.3)}form input[type=submit]:active,form button[type=submit]:active{transform:translateY(0)}form input[type=file]{color:#8b8b9e;font-size:.875rem;padding:10px 0}form input[type=file]::file-selector-button{background-color:#16161f;color:#fff;border:1px solid hsla(0,0%,100%,.06);border-radius:9999px;padding:8px 16px;margin-right:12px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .15s ease}form input[type=file]::file-selector-button:hover{background-color:#1e1e2a;border-color:hsla(0,0%,100%,.12)}.auth-link{margin-top:20px;font-size:.875rem;color:#8b8b9e}.auth-link a{color:#4f5aff;font-weight:500;margin-left:6px}.auth-link a:hover{color:#636dff}.video-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:24px}.video-mixin a{text-decoration:none;color:inherit;display:block}.video-mixin a:hover .video-mixin__thumb{border-color:hsla(0,0%,100%,.12)}.video-mixin a:hover .video-mixin__thumb img{transform:scale(1.03)}.video-mixin a:hover .video-mixin__thumb--default{background-color:#262635}.video-mixin a:hover .video-mixin__title{color:#4f5aff}.video-mixin .video-mixin__thumb{background-color:#16161f;border-radius:16px;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.06);transition:border-color .25s ease}.video-mixin .video-mixin__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.video-mixin .video-mixin__thumb--default{font-size:2.5rem;color:#5c5c6f;transition:background-color .25s ease}.video-mixin .video-mixin__data{padding:14px 4px 4px}.video-mixin .video-mixin__title{font-size:.925rem;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease;letter-spacing:-0.01em}.video-mixin .video-mixin__meta{font-size:.8rem;color:#5c5c6f}.watch-container{max-width:860px;margin:0 auto}.watch-container video{width:100%;border-radius:16px;background-color:#000;cursor:pointer;border:1px solid hsla(0,0%,100%,.06)}.video-controller{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 4px;opacity:0;transition:opacity .25s ease}.video-controller.showing{opacity:1}.video-controller .video-controller__column{display:flex;align-items:center;gap:10px}.video-controller .video-controller__time{font-size:.8rem;color:#5c5c6f;font-variant-numeric:tabular-nums}.video-controller span{cursor:pointer;color:#8b8b9e;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s ease}.video-controller span:hover{color:#fff;background-color:#1e1e2a}.video-controller input[type=range]{-webkit-appearance:none;appearance:none;height:4px;background:#262635;border-radius:9999px;cursor:pointer;transition:height .15s ease}.video-controller input[type=range]:hover{height:6px}.video-controller input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#4f5aff;cursor:pointer;border:2px solid #0b0b0f;box-shadow:0 1px 2px rgba(0,0,0,.3)}.video-controller input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#4f5aff;cursor:pointer;border:2px solid #0b0b0f}.video-controller #timeline{flex-grow:1;width:100%}.video-controller #volume{width:80px}.video-info{margin-top:20px;padding:24px;background-color:#16161f;border-radius:16px;border:1px solid hsla(0,0%,100%,.06)}.video-info h3{font-size:1.25rem;font-weight:700;margin-bottom:8px;letter-spacing:-0.02em}.video-info .video-info__meta{font-size:.8rem;color:#5c5c6f;margin-bottom:14px}.video-info .video-description{font-size:.9rem;color:#8b8b9e;margin-bottom:14px;white-space:pre-wrap;line-height:1.7}.video-info .video-info__hashtags{display:flex;flex-wrap:wrap;gap:8px}.video-info .video-info__hashtags .hashtag{color:#4f5aff;font-size:.8rem;font-weight:500;padding:4px 12px;background-color:rgba(79,90,255,.12);border-radius:9999px;transition:all .15s ease}.video-info .video-info__hashtags .hashtag:hover{background-color:rgba(79,90,255,.2)}.video-owner{display:flex;align-items:center;gap:12px;margin-top:16px;padding:16px 0}.video-owner a{font-weight:600;font-size:.925rem}.video-owner .video-owner__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid hsla(0,0%,100%,.06)}.video-actions{display:flex;gap:10px;margin-top:16px}.video-actions a{font-size:.85rem;font-weight:500;padding:8px 20px;border-radius:9999px;background-color:#16161f;border:1px solid hsla(0,0%,100%,.06);transition:all .15s ease}.video-actions a:hover{background-color:#1e1e2a;border-color:hsla(0,0%,100%,.12);transform:translateY(-1px)}.video-actions a.danger{color:#ff4757;border-color:rgba(255,71,87,.2);background-color:rgba(255,71,87,.12)}.video-actions a.danger:hover{background-color:rgba(255,71,87,.2);border-color:rgba(255,71,87,.3)}.comments{margin-top:32px;padding-top:24px}.comment-form{max-width:100%;background-color:#16161f;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:20px;margin-bottom:24px}.comment-form textarea{width:100%;background-color:#101018;border-radius:12px}.comment-form button{align-self:flex-end}.comments__list .comment{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-radius:12px;transition:background-color .15s ease}.comments__list .comment:hover{background-color:#16161f}.comments__list .comment+.comment{margin-top:4px}.comments__list .comment__data{display:flex;gap:12px;flex:1}.comments__list .comment__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid hsla(0,0%,100%,.06)}.comments__list .comment__info{display:flex;flex-direction:column;gap:3px}.comments__list .comment__owner{font-size:.8rem;font-weight:600;color:#fff}.comments__list .comment__owner:hover{color:#4f5aff}.comments__list .comment__text{font-size:.9rem;color:#8b8b9e;line-height:1.5}.comments__list .comment__date{font-size:.75rem;color:#5c5c6f;margin-top:2px}.comments__list .comment__delete{cursor:pointer;color:#5c5c6f;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.8rem;transition:all .15s ease;flex-shrink:0}.comments__list .comment__delete:hover{color:#ff4757;background-color:rgba(255,71,87,.12)}.profile .profile__header{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0}.profile .profile__avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid hsla(0,0%,100%,.06);box-shadow:0 4px 12px rgba(0,0,0,.4)}.profile .profile__avatar--default{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg, #16161f, #262635);border:3px solid hsla(0,0%,100%,.06)}.profile h2{margin-bottom:0;font-size:1.5rem}.profile span{color:#5c5c6f;font-size:.9rem}.profile .profile__videos{margin-top:36px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.06)}.profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:12px;border:2px solid hsla(0,0%,100%,.06)}.message{padding:12px 18px;border-radius:12px;margin-bottom:20px;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:10px}.message--error{background-color:rgba(255,71,87,.12);border:1px solid rgba(255,71,87,.2);color:#ff4757}.message--error::before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#ff4757;color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.message--info{background-color:rgba(46,213,115,.12);border:1px solid rgba(46,213,115,.2);color:#2ed573}.message--info::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#2ed573;color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.search-page form{max-width:600px;flex-direction:row;gap:0;margin-bottom:32px}.search-page form .search-input-wrap{flex:1;position:relative}.search-page form input[type=text]{width:100%;border-radius:9999px;padding:14px 24px;background-color:#16161f;border:1px solid hsla(0,0%,100%,.06);font-size:.95rem;padding-right:52px}.search-page form input[type=text]:focus{border-color:#4f5aff}.search-page form input[type=submit]{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:8px 18px;font-size:.85rem;border-radius:9999px}.search-page form input[type=submit]:hover{transform:translateY(-50%)}.search-page .no-results{color:#5c5c6f;font-size:.95rem;padding:40px 0;text-align:center}.page-404{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px}.page-404 .page-404__code{font-size:6rem;font-weight:700;letter-spacing:-0.04em;background:linear-gradient(135deg, #4f5aff, #5c5c6f);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;line-height:1;margin-bottom:16px}.page-404 p{color:#8b8b9e;font-size:1rem;margin-bottom:24px}.page-404 a{display:inline-flex;align-items:center;gap:8px;background-color:#4f5aff;color:#fff;padding:10px 24px;border-radius:9999px;font-weight:600;font-size:.9rem;transition:all .15s ease}.page-404 a:hover{background-color:#636dff;transform:translateY(-1px);color:#fff}.auth-page{max-width:420px;margin:0 auto;padding-top:40px}.auth-page h2{text-align:center}.auth-page form{background-color:#16161f;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:32px;max-width:100%}.auth-page .auth-link{text-align:center;display:block}.form-page{max-width:600px;margin:0 auto}.form-page form{background-color:#16161f;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:32px;max-width:100%}