#root,body,html{margin:0;padding:0;height:100%;width:100%;background-color:#1a1b1f;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}body::-webkit-scrollbar{display:none}.anime-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;justify-content:center;justify-items:center;padding:20px;max-width:1440px;margin:auto;width:100%}.anime-card{background-color:#1a1b1f;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:transform .2s ease;cursor:pointer;width:100%;max-width:250px;height:auto;display:flex;flex-direction:column}.anime-card:hover{transform:scale(1.05)}.anime-link{display:block;text-decoration:none;color:inherit}.anime-thumb{width:100%;background:#0f0f10;border-radius:12px;overflow:hidden}.anime-poster{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.anime-title{font-size:1em;padding:10px;text-align:left;font-weight:600;color:#fff;margin:0}.anime-hover-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:hsla(0,0%,8%,.95);padding:12px;border-radius:12px;width:90%;max-width:280px;color:#fff;opacity:0;transition:all .25s ease;display:flex;flex-direction:row;gap:10px;align-items:flex-start;z-index:5}.hover-poster{width:70px;height:100px;object-fit:cover;border-radius:6px;flex-shrink:0}.hover-text{flex:1 1;display:flex;flex-direction:column;gap:6px}.hover-text h4{margin:0;font-size:.95em;font-weight:700;color:#fff}.hover-text p{margin:0;font-size:.8em;color:#ccc;line-height:1.3}@media (hover:hover){.anime-card:hover .anime-hover-info{opacity:1;transform:translate(-50%,-50%) scale(1)}}.anime-detail-container{max-width:1440px;margin:0 auto;padding:20px;color:#fff;box-sizing:border-box}.anime-form{display:flex;gap:30px;background:#1f2024;border:1px solid #2a2b31;border-radius:12px;padding:20px;margin-bottom:30px}.anime-form-poster img{height:400px;width:300px;object-fit:cover;border-radius:10px}.anime-form-details{flex:1 1;display:flex;flex-direction:column}.anime-title-detail{font-size:2em;font-weight:700;margin-bottom:6px;color:#fff}.anime-subtitle-detail{font-size:1.1em;font-weight:500;color:#9aa0a6;margin-bottom:20px}.anime-description{margin-top:0;color:#ccc;line-height:1.5}.anime-meta-table{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;max-width:400px}.meta-row{display:flex;justify-content:space-between;border-bottom:1px solid #2a2b31;padding:6px 0}.meta-label{color:#aaa;font-size:.95em}.meta-value{color:#fff;font-weight:600;font-size:.95em}.anime-bottom-layout{display:flex;gap:30px;align-items:flex-start}.anime-sidebar{flex:1 1;background:#1f2024;border:1px solid #2a2b31;border-radius:10px;padding:15px;max-height:495px;min-width:400px;display:flex;flex-direction:column}.season-tabs{display:flex;gap:10px;overflow-x:auto;min-height:36px;padding:10px;background:#393a41;border-radius:6px;margin-bottom:15px;scrollbar-width:none;cursor:-webkit-grab;cursor:grab;-webkit-overflow-scrolling:touch}.season-tabs:active{cursor:-webkit-grabbing;cursor:grabbing}.season-tabs::-webkit-scrollbar{display:none}.season-btn{background:transparent;border:none;color:#6d6d6d;padding:8px 14px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s;flex-shrink:0;font-size:14px;min-height:36px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.season-btn:hover{color:#fff}.season-btn.active{background:#e63946;color:#fff;font-weight:600}.episode-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1 1}.episode-list::-webkit-scrollbar{display:none}.episode-item{padding:12px;margin-bottom:8px;border-radius:6px;background:#2a2b31;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease;color:#fff;min-height:44px;box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.episode-item:hover{background:#3a3b41}.episode-item.active{background:#33344a;border-left:3px solid #e63946}.icon-img{object-fit:contain;margin-right:4px}.no-episode{background:#2a2b31;border-radius:6px;color:#ccc}.anime-not-found,.no-episode{padding:20px;text-align:center}.anime-not-found,.back-btn{color:#fff}.back-btn{padding:10px 20px;background:#2a2b31;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.back-btn:hover{background:#3a3b41}@media screen and (max-width:1024px){.anime-bottom-layout{gap:20px}.anime-sidebar{min-width:250px;max-height:400px}}@media screen and (max-width:767px){.anime-detail-container{padding:10px}.anime-form{flex-direction:column;gap:15px;padding:15px}.anime-form-details{display:flex;flex-direction:column}.anime-form-poster{align-self:center}.anime-form-poster img{width:200px;height:280px}.anime-title-detail{font-size:1.4em;text-align:center}.anime-subtitle-detail{text-align:center;font-size:1em}.anime-bottom-layout{flex-direction:column;gap:15px;min-height:auto;align-items:center}.anime-sidebar{width:100%;min-width:unset;max-width:100%;height:350px;max-height:350px;display:flex;flex-direction:column;margin:0 auto;padding:12px}.season-tabs{min-height:45px;padding:8px;gap:8px;margin-bottom:12px;overflow-x:auto;display:flex;flex-wrap:nowrap}.season-btn{padding:8px 12px;font-size:.9em;min-width:auto;white-space:nowrap;flex-shrink:0}.episode-list{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;height:auto;min-height:200px}.episode-item{padding:12px;font-size:.9em;margin-bottom:6px;min-height:48px}.anime-description{font-size:.9em;max-height:100px;overflow:hidden;position:relative;transition:max-height .3s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#1f2024;padding-bottom:20px}.anime-description:after{content:"...Read More";position:absolute;bottom:0;right:0;width:100%;text-align:right;padding-right:5px;padding-top:20px;font-weight:700;color:#e63946;background:linear-gradient(0deg,#1f2024 20%,transparent);pointer-events:none}.anime-description.expanded{max-height:300px;overflow-y:auto;cursor:default;scrollbar-width:thin;scrollbar-color:#444 transparent;padding-bottom:0}.anime-description.expanded:after{display:none}.anime-description.expanded::-webkit-scrollbar{width:6px}.anime-description.expanded::-webkit-scrollbar-track{background:transparent}.anime-description.expanded::-webkit-scrollbar-thumb{background:#444;border-radius:3px}}@media screen and (max-width:428px){.anime-form-poster img{width:180px;height:250px}.anime-title-detail{font-size:1.2em}.season-btn{min-height:45px;padding:6px 10px;font-size:.8em}.episode-item{padding:10px;font-size:.8em;min-height:44px}.anime-sidebar{height:320px;max-height:320px}}@media screen and (max-width:375px){.anime-form-poster img{width:150px;height:220px}.anime-title-detail{font-size:1.1em}.anime-subtitle-detail{font-size:.9em}.anime-description{font-size:.8em}.anime-sidebar{padding:10px;border-radius:8px;height:300px;max-height:300px}.season-tabs{padding:6px;gap:6px}.season-btn{padding:5px 8px;font-size:.8em}.episode-item{padding:8px;margin-bottom:4px;border-radius:4px;font-size:.8em;min-height:40px}}@media screen and (max-width:767px) and (orientation:landscape){.anime-bottom-layout{flex-direction:column}.anime-sidebar{width:100%;max-height:250px;height:250px;min-width:unset}.episode-list{min-height:150px}}.container{max-width:1440px;margin:0 auto;width:100%}.home-container{min-height:100vh;width:100%;background-color:#1a1b1f;display:flex;flex-direction:column}.main-header{width:100%;background-color:#1f2024}.main-header-body{justify-content:space-between;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10;width:100%;box-sizing:border-box}.logo-name,.main-header-body{display:flex;align-items:center}.logo-name{text-decoration:none}.logo-img{height:40px;width:120px;object-fit:contain}@media screen and (min-width:1025px){.search-container{width:420px}}@media screen and (max-width:1024px){.main-header-body{padding:15px 20px}.search-container{width:300px}.anime-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;padding:15px}.anime-card{max-width:250px}.anime-detail-container,.anime-form{padding:15px}.anime-form{gap:20px}.anime-form-poster img{width:200px;height:300px}.anime-title-detail{font-size:1.6em}.anime-bottom-layout{gap:20px}.anime-sidebar{min-width:250px}.video-player{transform:translateZ(0)}.video-player:-webkit-full-screen{transform:none}.video-player:fullscreen{transform:none}}@media screen and (max-width:767px) and (orientation:landscape){.anime-bottom-layout{flex-direction:column}.video-player{width:100%;min-height:300px}.anime-sidebar{width:100%;max-height:400px;min-width:unset}}@media screen and (max-width:767px){.video-player{min-height:200px}.video-element,.video-player{margin:0 auto;display:block}.time-readout{min-width:90px;font-size:11px}.settings-menu{right:6px;min-width:200px}.main-header-body{flex-direction:column;gap:15px;padding:15px}.search-container{width:100%;max-width:none;border-radius:12px}.search-dropdown{left:0;right:0;max-height:260px}.search-poster{width:48px;height:68px}.anime-bottom-layout{align-items:center}.anime-sidebar{margin:0 auto}.search-title{font-size:.95em}.search-desc{font-size:.85em;-webkit-line-clamp:2;line-clamp:2}.anime-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:10px}.anime-card{max-width:none}.anime-title{font-size:.9em;padding:8px}.anime-detail-container{padding:10px}.anime-form{flex-direction:column;gap:15px;padding:15px}.anime-form-details{display:flex;flex-direction:column}.anime-description{font-size:.9em;max-height:100px;overflow:hidden;position:relative;transition:max-height .3s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#1f2024;padding-bottom:20px}.anime-description:after{content:"...Read More";position:absolute;bottom:0;right:0;width:100%;text-align:right;padding-right:5px;padding-top:20px;font-weight:700;color:#e63946;background:linear-gradient(0deg,#1f2024 20%,transparent);pointer-events:none}.anime-description.expanded{max-height:300px;overflow-y:auto;cursor:default;scrollbar-width:thin;scrollbar-color:#444 transparent;padding-bottom:0}.anime-description.expanded:after{display:none}.anime-description.expanded::-webkit-scrollbar{width:6px}.anime-description.expanded::-webkit-scrollbar-track{background:transparent}.anime-description.expanded::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.anime-form-poster{align-self:center}.anime-form-poster img{width:200px;height:280px}.anime-title-detail{font-size:1.4em;text-align:center}.anime-subtitle-detail{text-align:center;font-size:1em}.anime-bottom-layout{flex-direction:column;gap:15px;min-height:auto}.anime-sidebar{width:95%;min-width:unset;height:300px;display:flex;flex-direction:column}.episode-list{overflow-y:auto;flex:1 1;scrollbar-width:thin;scrollbar-color:#444 transparent}.episode-list::-webkit-scrollbar{width:6px}.episode-list::-webkit-scrollbar-track{background:transparent}.episode-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.season-tabs{padding:8px;gap:8px}.season-btn{padding:6px 10px;font-size:.9em}.episode-item{padding:10px;font-size:.9em}.video-controls{padding:8px;justify-content:space-between;width:100%;box-sizing:border-box}.video-controls,.video-controls-center,.video-controls-left{gap:6px;display:flex;align-items:center}.video-controls-center{flex:1 1;margin:0 8px}.video-controls-right{display:flex;align-items:center;gap:6px}.volume-bar{width:50px}.time-text{font-size:11px;min-width:35px}.icon-btn{padding:6px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}}@media screen and (max-width:428px){.anime-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}.anime-form-poster img{width:180px;height:250px}.anime-title-detail{font-size:1.2em}.season-btn{padding:5px 8px;font-size:.8em}.episode-item{padding:8px;font-size:.8em}}@media screen and (max-width:375px){.main-header-body{padding:10px}.video-player{min-height:180px;border-radius:8px;margin:0 auto;width:100%;max-width:100%}.anime-bottom-layout{align-items:center;justify-content:center}.logo-name{font-size:1.2em}.anime-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:6px}.anime-card{border-radius:8px}.anime-title{font-size:.8em;padding:6px}.anime-form{padding:10px}.anime-form-poster img{width:150px;height:220px}.anime-title-detail{font-size:1.1em}.anime-subtitle-detail{font-size:.9em}.anime-description{font-size:.8em}.anime-sidebar{padding:10px;border-radius:8px}.season-tabs{padding:6px}.episode-item{padding:6px;margin-bottom:4px;border-radius:4px}}@media screen and (max-width:1440px){.anime-detail-container,.anime-grid,.container,.main-header-body{max-width:100%}}@media screen and (min-width:1441px){.anime-detail-container,.anime-grid,.main-header-body{max-width:1440px;margin:0 auto}}.search-container{position:relative;display:flex;align-items:center;background:#2a2b31;border:1px solid #333;border-radius:20px;overflow:visible;width:400px;max-width:500px}.search-dropdown{position:absolute;top:110%;left:0;right:0;background:#1a1b1f;border:1px solid #333;border-radius:12px;margin-top:8px;z-index:1001;box-shadow:0 8px 30px rgba(0,0,0,.6);max-height:300px;overflow:hidden;display:flex;flex-direction:column}.search-dropdown .dropdown-inner{overflow-y:auto;padding:8px 6px}.search-dropdown .dropdown-inner::-webkit-scrollbar{display:none}.search-dropdown .dropdown-inner{-ms-overflow-style:none;scrollbar-width:none}.icon-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease;color:#fff}.icon-btn:hover{border-radius:inherit;background-color:hsla(0,0%,100%,.1)}.icon-btn:focus{outline:2px solid #007bff;outline-offset:2px}.search-icon-img{object-fit:contain;pointer-events:none;filter:brightness(0) invert(1)}.search-input::placeholder{color:hsla(0,0%,100%,.7)}.search-item{display:block;padding:6px;margin:4px 2px;border-radius:8px;text-decoration:none;color:inherit;transition:background .12s ease}.search-item:hover{background:#2a2b31}.search-item-content{display:flex;gap:10px;align-items:flex-start}.search-poster{width:56px;height:80px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#0f0f10}.search-text{display:flex;flex-direction:column;min-width:0}.search-title{color:#fff;font-weight:700;font-size:.95em;line-height:1.1;margin-bottom:4px;white-space:nowrap}.search-desc,.search-title{overflow:hidden;text-overflow:ellipsis}.search-desc{color:#bfc6cb;font-size:.86em;line-height:1.25;display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.search-empty,.search-loading{padding:12px;color:#999;text-align:center}.search-dropdown .dropdown-fade{height:34px;pointer-events:none;background:linear-gradient(180deg,rgba(26,27,31,0),#1a1b1f 80%);margin-top:auto;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.search-input{border:none;outline:none;padding:8px 12px;flex:1 1;background:transparent;font-size:1em;color:#fff}.search-dropdown{border-radius:10px;margin-top:4px;max-height:220px;overflow-y:auto;list-style:none;padding:0;box-shadow:0 4px 10px rgba(0,0,0,.4)}.search-link{display:block;padding:10px 14px;text-decoration:none;color:#f1f1f1;transition:background .2s}.search-link:hover{background:#2a2b31}.search-empty{padding:10px 14px;color:#999;font-style:italic}.video-player{position:relative;border-radius:12px;overflow:hidden;max-width:100%;min-height:400px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 auto}.video-element,.video-player{background:#000;width:100%;display:block}.video-element{height:100%;object-fit:contain}.video-element::-webkit-media-controls,.video-element::-webkit-media-controls-enclosure{display:none!important}.center-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-icon{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.center-play{position:absolute;inset:0;margin:auto;width:80px;height:80px;border:none;background:rgba(0,0,0,.45);border-radius:9999px;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,background .15s ease;z-index:2}.center-play:hover{transform:scale(1.05);background:rgba(0,0,0,.6)}.center-play-icon{filter:brightness(0) invert(1)}.video-controls{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;background:linear-gradient(0deg,hsla(0,0%,4%,.85),hsla(0,0%,4%,.2),transparent);opacity:0;transition:opacity .25s ease;z-index:3}.video-controls.visible,.video-player:hover .video-controls{opacity:1}.progress-wrap{width:100%;height:16px;display:flex;align-items:center;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.progress-track{position:relative;width:100%;height:4px;border-radius:999px;background:#3a3a3a}.progress-buffered{opacity:50%}.progress-buffered,.progress-played{position:absolute;left:0;top:0;bottom:0;background:#00a8e8;width:0;border-radius:999px}.progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#00a8e8;border-radius:50%;box-shadow:0 0 0 6px rgba(0,168,232,.3);pointer-events:auto;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.progress-thumb:hover{box-shadow:0 0 0 8px rgba(0,168,232,.4)}.controls-row{display:flex;align-items:center;justify-content:space-between}.controls-left,.controls-right{display:flex;align-items:center;gap:6px}.control-btn{background:transparent;border:none;cursor:pointer;width:36px;height:36px;min-width:36px;min-height:36px;display:grid;place-items:center;border-radius:6px;transition:background .15s ease,transform .05s ease;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.control-btn:hover{background:hsla(0,0%,100%,.12)}.control-btn:active{transform:scale(.97)}.icon-img{filter:brightness(0) invert(1);width:20px;height:20px}.icon-disabled{opacity:.4}.icon-active{filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(255,255,255,.35))}.time-readout{color:#e5e5e5;font-size:12px;letter-spacing:.2px;min-width:110px;text-align:left}.time-sep{color:#9aa0a6;padding:0 4px}.volume-wrap{display:inline-flex;align-items:center;gap:8px;overflow:hidden}.volume-wrap:focus-within .volume-slider,.volume-wrap:hover .volume-slider{width:96px;opacity:1;margin-left:4px}.volume-slider{width:0;opacity:0;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-radius:4px;transition:width .18s ease,opacity .18s ease,margin .18s ease}.volume-slider::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,#fff 0,#fff var(--val,0),#666 var(--val,0),#666 100%);border-radius:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-4px}.volume-slider::-moz-range-track{height:4px;background:#666;border-radius:4px;border:none}.volume-slider::-moz-range-progress{height:4px;background:#fff;border-radius:4px}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none}.settings-wrap{position:relative}.settings-menu{position:absolute;bottom:42px;right:0;background:#1f2024;border:1px solid #2a2b31;border-radius:10px;padding:10px;min-width:220px;box-shadow:0 8px 30px rgba(0,0,0,.45);z-index:5}.settings-section+.settings-section{margin-top:10px;border-top:1px solid #2a2b31;padding-top:10px}.settings-title{color:#9aa0a6;font-size:12px;margin-bottom:6px}.settings-options{display:flex;flex-wrap:wrap;gap:6px}.settings-options.quality{max-width:240px}.settings-option{background:#2a2b31;color:#e5e5e5;border:1px solid #333;padding:6px 10px;font-size:12px;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease,border .15s ease}.settings-option:hover{background:#35363c}.settings-option.active{background:#e63946;border-color:#e63946;color:#fff}.settings-option:disabled{opacity:.5;cursor:not-allowed}.video-player:-webkit-full-screen .video-controls{opacity:1!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:2147483647!important}.video-player:-moz-full-screen .video-controls,.video-player:-ms-fullscreen .video-controls,.video-player:-webkit-full-screen .video-controls,.video-player:fullscreen .video-controls{opacity:1!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:2147483647!important}.video-element::-webkit-media-controls-fullscreen-button,.video-element::-webkit-media-controls-start-playback-button{display:none!important}.video-element::-webkit-media-controls-play-button,.video-element::-webkit-media-controls-timeline{display:none!important}.video-element::-webkit-media-controls-current-time-display,.video-element::-webkit-media-controls-time-remaining-display{display:none!important}.video-element::-webkit-media-controls-mute-button,.video-element::-webkit-media-controls-volume-slider{display:none!important}@supports (-webkit-appearance:none){.video-player{transform:translateZ(0)}.video-player:-webkit-full-screen{transform:none}.video-player:-webkit-full-screen,.video-player:fullscreen{transform:none}}@media screen and (max-width:768px){.video-player{width:100%;max-width:100%;min-height:200px;margin:0 auto;display:block;border-radius:8px}.video-element{width:100%;height:100%;display:block}.time-readout{min-width:90px;font-size:11px}.settings-menu{right:6px;min-width:200px}.video-controls{padding:8px;gap:6px}.controls-left,.controls-right{gap:4px}.control-btn{width:32px;height:32px;min-width:32px;min-height:32px}.icon-img{width:18px;height:18px}}@media screen and (max-width:480px){.video-player{min-height:180px;border-radius:6px}.time-readout{min-width:80px;font-size:10px}.center-play{width:60px;height:60px}.center-play-icon{width:20px;height:20px}.volume-wrap:focus-within .volume-slider,.volume-wrap:hover .volume-slider{width:60px}}@media screen and (max-width:375px){.video-player{min-height:160px;width:100%;max-width:100%}.control-btn{width:30px;height:30px;min-width:30px;min-height:30px}.icon-img{width:16px;height:16px}.time-readout{min-width:70px;font-size:9px}}@media screen and (max-width:768px) and (orientation:landscape){.video-player{width:100%;min-height:250px}}@media screen and (max-width:768px){.video-player:-webkit-full-screen .video-controls{padding:8px 16px 12px;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.3),transparent)}.video-player:-moz-full-screen .video-controls,.video-player:-ms-fullscreen .video-controls,.video-player:-webkit-full-screen .video-controls,.video-player:fullscreen .video-controls{padding:8px 16px 12px;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.3),transparent)}}@media screen and (max-width:1024px){.video-player{transform:translateZ(0)}.video-player:-webkit-full-screen{transform:none}.video-player:fullscreen{transform:none}}@media screen and (max-width:1024px) and (orientation:landscape){.video-player:-webkit-full-screen .controls-left,.video-player:-webkit-full-screen .controls-right{gap:12px}.video-player:-webkit-full-screen .controls-left,.video-player:-webkit-full-screen .controls-right,.video-player:fullscreen .controls-left,.video-player:fullscreen .controls-right{gap:12px}.video-player:-webkit-full-screen .control-btn{width:40px;height:40px}.video-player:-webkit-full-screen .control-btn,.video-player:fullscreen .control-btn{width:40px;height:40px}}@media screen and (max-width:767px) and (orientation:landscape){.video-player{width:100%;min-height:300px}}@media screen and (max-width:767px) and (orientation:portrait){.video-player:-webkit-full-screen .video-element{width:100%!important;height:100%!important;object-fit:contain}.video-player:-moz-full-screen .video-element,.video-player:-ms-fullscreen .video-element,.video-player:-webkit-full-screen .video-element,.video-player:fullscreen .video-element{width:100%!important;height:100%!important;object-fit:contain}}@media screen and (orientation:landscape) and (max-height:500px){.video-player:-webkit-full-screen{height:100vh!important;height:100dvh!important}.video-player:-webkit-full-screen,.video-player:fullscreen{height:100vh!important;height:100dvh!important}}@supports (-webkit-touch-callout:none){.video-player:-webkit-full-screen{width:100vw!important;height:100vh!important;height:100dvh!important}.video-player:-webkit-full-screen,.video-player:fullscreen{width:100vw!important;height:100vh!important;height:100dvh!important}}@supports (-webkit-overflow-scrolling:touch){.video-element{-webkit-playsinline:true}.video-player:-webkit-full-screen .video-element{transform:none!important}.video-player:-webkit-full-screen .video-element,.video-player:fullscreen .video-element{transform:none!important}}#root{margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}