/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--container-2xs:18rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.w-2xs{width:var(--container-2xs)}.text-red-500{color:var(--color-red-500)}}header{border-bottom:1px solid var(--g1-color);display:flex;justify-content:space-between;padding:10px 20px;position:fixed;inset:0 0 auto 0;z-index:100}header .logo{display:flex;gap:10px}.logo button{cursor:pointer;font-size:20px}.logo #yt{font-size:25px;font-weight:700}.logo #yt i{color:red}header .search-bar{display:flex;gap:10px}.search-bar .search-text{display:flex;width:500px}.search-text input{border:1px solid var(--g1-color);border-right:none;border-radius:50px 0 0 50px;padding:5px 10px;width:89%}.search-text input:focus{border:1px solid #065fd4}.search-text input::placeholder{color:var(--g1-color)}.search-text #search-btn{background-color:#80808066;border:1px solid var(--g1-color);border-radius:0 50px 50px 0;display:grid;place-items:center;width:11%}.search-text #search-btn:hover{background-color:#80808099}.search-bar .search-voice{background-color:#80808066;border:1px solid var(--g1-color);border-radius:50px;display:grid;place-items:center;width:50px}.search-bar .search-voice:hover{background-color:#80808099}header .user-actions{display:flex;gap:10px}.user-actions #theme-btn{cursor:pointer}.user-actions .action{display:flex;align-items:center;gap:10px}.action #link1{border:1px solid var(--g1-color);border-radius:50%}.action #link1:hover{box-shadow:0 0 10px var(--g1-color)}#link1 img{background-color:var(--yt-color);border-radius:50%;height:35px;width:35px}.user-actions #link2{border:1px solid var(--g1-color);border-radius:50px;padding:5px 10px}.user-actions #link2:hover{background-color:var(--g2-color)}@media (max-width: 1000px){header{flex-wrap:wrap;gap:10px}header .logo{border-bottom:1px solid var(--g1-color);justify-content:space-between;width:100%}}@media (max-width: 750px){header .search-bar{width:100%}.search-bar .search-text{width:100%}header .user-actions{justify-content:space-between;width:100%}}aside{z-index:10}aside .nav1{display:flex;flex-direction:column;padding:2px;position:sticky;top:55px}.nav1 .n1{border-radius:10px;padding:20px}.nav1 .n1:hover{background-color:var(--g2-color)}aside .nav2{background-color:var(--yt-color);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--g1-color) transparent;padding:2px;position:fixed;inset:55px auto 0 0}aside.close .nav2{display:none}.nav2 .n2{border-radius:10px;display:flex;align-items:center;gap:10px;padding:10px 40px 10px 20px;white-space:nowrap}.nav2 .n2:hover{background-color:var(--g2-color)}.nav2 b{padding:10px 40px 10px 20px}.nav2 #copyright{color:var(--g1-color);padding:10px 40px 10px 20px}.nav2 hr{border:1px solid var(--g1-color);margin:1px 10px}@media (max-width: 1000px){aside .nav1{top:105px}aside .nav2{inset:105px auto 0 0}}@media (max-width: 750px){aside .nav1{top:150px}aside .nav2{inset:150px auto 0 0}}@media (max-width: 500px){aside .nav1{display:none}}*{border:none;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;outline:none}:root{--g1-color: rgb(128, 128, 128);--g2-color: rgba(128, 128, 128, .5)}.dark{--bw-color: rgba(0, 0, 0, .95);--wb-color: white;--yt-color: rgb(32, 34, 36)}.light{--bw-color: white;--wb-color: black;--yt-color: rgb(223, 221, 219)}Header,.so-div{background-color:var(--bw-color);color:var(--wb-color);transition:all 1s}.so-div{display:flex;padding-top:55px}.so-div.open .o-div{pointer-events:none;-webkit-user-select:none;user-select:none}.so-div .o-div{min-height:100vh;overflow-x:hidden;padding:20px;width:100%}.loading,.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%}@media (max-width: 1000px){.so-div{padding-top:105px}}@media (max-width: 750px){.so-div{padding-top:150px}}.HomeCard{border-bottom:1px solid var(--g1-color);border-radius:10px;padding:10px;width:32.5%}.HomeCard:hover{background-color:var(--yt-color)}.HomeCard img{background-color:var(--yt-color);border:1px solid var(--g1-color);border-radius:10px;height:auto;object-fit:cover;width:100%}.HomeCard .hc-info1{display:flex;gap:10px}.hc-info1 img{border-radius:50%;height:35px;margin-top:10px;width:35px}.hc-info1 .hc-info2{flex:1;min-width:0}.hc-info2 h4,.hc-info2 h3,.hc-info2 p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-info2 h3{font-weight:700}.hc-info2 p{color:var(--g1-color)}@media (max-width: 1000px){.HomeCard{width:48.5%}}@media (max-width: 500px){.HomeCard{margin:auto;width:97.5%}}.home .category{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.category::-webkit-scrollbar{display:none}.category button{background-color:var(--g2-color);border-radius:10px;cursor:pointer;flex-shrink:0;padding:1px 10px}.category button:hover,.category button.active{background-color:var(--wb-color);color:var(--bw-color)}.home .home-videos{display:flex;flex-wrap:wrap;gap:10px}.home-videos i{text-align:center;width:100%}.ProfileCard{border-bottom:1px solid var(--g1-color);border-radius:10px;padding:10px;width:32.5%}.ProfileCard:hover{background-color:var(--yt-color)}.ProfileCard img{background-color:var(--yt-color);border:1px solid var(--g1-color);border-radius:10px;height:auto;object-fit:cover;width:100%}.ProfileCard h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProfileCard .pc-btns{display:flex;justify-content:space-between}.pc-btns #uv-btn,.pc-btns #dv-btn{cursor:pointer;color:var(--g1-color)}.pc-btns #uv-btn:hover{color:#065fd4;transform:translateY(-1px)}.pc-btns #dv-btn:hover{color:red;transform:translateY(-1px)}@media (max-width: 1000px){.ProfileCard{width:48.5%}}@media (max-width: 500px){.ProfileCard{margin:auto;width:97.5%}}.profile{display:flex;flex-direction:column;gap:20px}.profile .p-info{background-color:var(--yt-color);border:2px solid var(--g1-color);border-radius:20px;display:flex;gap:20px;padding:20px}.p-info img{background-color:var(--bw-color);box-shadow:0 0 20px var(--g1-color);border-radius:50%;height:200px;width:200px}.p-info .pi-div1{display:flex;flex-direction:column;width:100%}.pi-div1 .pi-div2{border-bottom:1px solid var(--g1-color);display:flex;justify-content:space-between}.pi-div2 h2,.pi-div2 p{font-size:25px}.pi-div2 .pi-div4{display:flex;gap:10px}.pi-div4 .p1-btn:hover{color:red;cursor:pointer}.pi-div1 .pi-div3{display:flex;justify-content:space-between;margin-top:auto}.pi-div3 .p2-btn{background-color:var(--bw-color);border:1px solid var(--g1-color);border-radius:10px;cursor:pointer;padding:1px 10px}.pi-div3 .p2-btn:hover{background-color:var(--wb-color);color:var(--bw-color)}.p-videos .pv-div1{display:flex;justify-content:space-between}.pv-div1 h3{font-size:20px}.pv-div1 .p3-btn{cursor:pointer}.pv-div1 .p3-btn:hover{text-decoration:underline}.pv-div1 .p3-btn i{transition:transform 1s ease}.pv-div1 .p3-btn:hover i{transform:rotate(360deg)}.p-videos hr{border:1px solid var(--g1-color);margin:1px 0 10px}.p-videos .pv-div2{display:flex;flex-wrap:wrap;gap:10px}.pv-div2 i{margin:auto}@media (max-width: 750px){.profile .p-info{flex-direction:column}.p-info img{margin:auto}.pi-div1 .pi-div3{gap:10px;margin:20px auto 0}}@media (max-width: 500px){.pi-div1 .pi-div3{flex-direction:column;gap:10px;margin:20px auto 0}}.ChannelCard{border-bottom:1px solid var(--g1-color);border-radius:10px;padding:10px;width:32.5%}.ChannelCard:hover{background-color:var(--yt-color)}.ChannelCard img{background-color:var(--yt-color);border:1px solid var(--g1-color);border-radius:10px;height:auto;object-fit:cover;width:100%}.ChannelCard h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChannelCard p{color:var(--g1-color)}@media (max-width: 1000px){.ChannelCard{width:48.5%}}@media (max-width: 500px){.ChannelCard{margin:auto;width:97.5%}}.channel{display:flex;flex-direction:column;gap:20px}.channel .c-banner{background-color:var(--yt-color);border:2px solid var(--g1-color);border-radius:20px}.c-banner img{border-radius:20px;height:200px;width:100%}.channel .c-info{background-color:var(--yt-color);display:flex;gap:20px;padding:20px}.c-info img{background-color:var(--bw-color);box-shadow:0 0 20px var(--g1-color);border-radius:50%;height:200px;width:200px}.c-info .ci-div{display:flex;flex-direction:column;width:100%}.ci-div h1{font-size:25px}.ci-div i{border-bottom:1px solid var(--g1-color)}.ci-div .c-btn{background-color:var(--wb-color);border-radius:20px;color:var(--bw-color);cursor:pointer;margin:auto auto 0 0;padding:2px 20px}.ci-div .c-btn:hover{box-shadow:0 0 10px var(--wb-color)}.c-videos .cv-nav{display:flex;gap:20px;overflow-x:auto}.cv-nav::-webkit-scrollbar{display:none}.cv-nav a{border-bottom:2px solid transparent;color:var(--g1-color);font-weight:700}.cv-nav a:hover{border-bottom-color:var(--g1-color)}.cv-nav a:focus{border-bottom-color:var(--wb-color);color:var(--wb-color)}.c-videos hr{border:1px solid var(--g1-color);margin:1px 0 10px}.c-videos .cv-div{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 750px){.channel .c-info{flex-direction:column}.c-info img{margin:auto}.c-info .ci-div{text-align:center}.ci-div .c-btn{margin:20px auto 0}}.VPCard{border-bottom:1px solid var(--g1-color);border-radius:10px;padding:10px;width:100%}.VPCard:hover{background-color:var(--yt-color)}.VPCard img{background-color:var(--yt-color);border:1px solid var(--g1-color);border-radius:10px;height:auto;object-fit:cover;width:100%}.VPCard .vpc-info1{display:flex;gap:10px}.vpc-info1 img{border-radius:50%;height:35px;margin-top:10px;width:35px}.vpc-info1 .vpc-info2{flex:1;min-width:0}.vpc-info2 h4,.vpc-info2 h3,.vpc-info2 p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpc-info2 h3{font-weight:700}.vpc-info2 p{color:var(--g1-color)}@media (max-width: 1000px){.VPCard{width:48.5%}}@media (max-width: 500px){.VPCard{margin:auto;width:97.5%}}.video-player{display:flex;gap:20px}.video-player .vp-main{display:flex;flex-direction:column;gap:20px;width:70%}.vp-main .vp-div1{display:flex;flex-direction:column;gap:10px}.vp-div1 .vp-iframe{background-color:var(--yt-color);border-radius:10px;height:400px;width:100%}.vp-div1 h2{font-size:20px;font-weight:700}.vp-main .vp-div4{display:flex;justify-content:space-between}.vp-div4 .vp-div5{display:flex;align-items:center;gap:10px}.vp-div5 img{background-color:var(--g2-color);border:1px solid var(--g1-color);border-radius:50%;height:35px;width:35px}.vp-div5 h1{font-weight:700}.vp-div5 #sc-btn{background-color:var(--wb-color);border-radius:20px;color:var(--bw-color);cursor:pointer;padding:2px 20px}.vp-div5 #sc-btn:hover{box-shadow:0 0 10px var(--wb-color)}.vp-div4 .vp-btns{display:flex;align-items:center;gap:10px}.vp-btns .vp-btn{background-color:#80808066;cursor:pointer;padding:2px 10px}.vp-btns .vp-btn:hover{background-color:#80808099}.vp-btns .ld-btn #like-btn{border-radius:20px 0 0 20px;border-right:1px solid var(--g1-color)}.vp-btns .ld-btn #dislike-btn{border-radius:0 20px 20px 0;border-left:1px solid var(--g1-color)}.vp-btns #share-btn{border-radius:20px}.vp-btns #dsr-btn{border-radius:50px}.vp-main .vp-div2{background-color:var(--yt-color);border-radius:10px;padding:10px}.vp-div2 p{padding-top:10px}.vp-main .vp-div3{border:1px solid var(--g1-color);display:flex;flex-direction:column;gap:10px;padding:10px}.vp-div3 h5{font-size:20px;font-weight:700}.vp-div3 form,.vp-div3 form input{all:unset}.vp-div3 form{border-bottom:1px solid var(--g1-color);display:flex;justify-content:space-between}.vp-div3 form:hover{border-bottom:1px solid #065fd4}.vp-div3 form input{border:1px solid transparent;width:90%}.vp-div3 form input:focus{border:1px solid transparent}.vp-div3 form #ac-btn:hover{color:#065fd4;cursor:pointer}.comment span{color:var(--g1-color)}.comment #dc-btn:hover{color:red;cursor:pointer}.video-player .vp-related{border-top:1px solid var(--g1-color);border-bottom:1px solid var(--g1-color);display:flex;flex-direction:column;gap:10px;padding:10px 0;width:30%}@media (max-width: 1000px){.video-player{flex-direction:column}.video-player .vp-main{width:100%}.video-player .vp-related{flex-direction:row;width:100%}}@media (max-width: 750px){.vp-div1 .vp-iframe{height:300px}.vp-main .vp-div4{flex-direction:column;gap:10px}}@media (max-width: 500px){.vp-div1 .vp-iframe{height:200px}.video-player .vp-related{flex-direction:column}}.SignIn,.SignUp,.CreateChannel,.EditChannel,.UploadVideo,.UpdateVideo{display:flex;align-items:center;justify-content:center;height:100%}form{background-color:var(--yt-color);border-radius:20px;box-shadow:0 0 20px var(--g1-color);display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 80px;width:50%}form h2{font-size:25px}form h2 i{color:red}form input,form textarea{background-color:var(--bw-color);border:1px solid var(--g1-color);padding:5px 10px;width:100%}form input:focus,form textarea:focus{border:1px solid #065fd4}form input::placeholder,form textarea::placeholder{color:var(--g1-color)}form .f-btn{border:1.5px solid var(--g1-color);border-radius:15px;cursor:pointer;text-align:center;width:150px}form .f-btn:hover{background-color:var(--wb-color);color:var(--bw-color)}form hr{border:1px solid var(--g1-color);width:100%}@media (max-width: 1000px){form{padding:20px 50px;width:75%}}@media (max-width: 500px){form{padding:20px;width:100%}}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.not-found h2{font-size:25px}.not-found p{font-style:italic}.not-found .back-btn{background-color:#000;border-radius:10px;color:#fff;margin:10px;padding:5px 10px;text-decoration:none}.not-found .back-btn:hover{box-shadow:0 0 10px #000}