@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#f5f5f5;background:#111214;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ff526f;outline-offset:5px}button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:scale(.975)}a{color:inherit}h1,h2,h3,p{margin:0}.app-shell{min-height:100dvh;position:relative;isolation:isolate;display:flex;flex-direction:column;padding:28px 32px 0;overflow:hidden}.ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 91% 37%,#53373d38,transparent 45%),radial-gradient(ellipse at 15% 87%,#37494b29,transparent 48%),linear-gradient(145deg,#1b1d20,#121315 60%)}.ambient:after{content:"";position:absolute;inset:0;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.15' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.ambient-line{position:absolute;width:170%;height:320px;left:-30%;top:60%;transform:rotate(-28deg);border-top:1px solid #ffffff05;box-shadow:0 -50px 100px #ffffff02}.glass{background:#ffffff05;border:1px solid #ffffff16;box-shadow:inset 0 1px #ffffff04;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{display:flex;align-items:center;gap:14px;height:64px}.home-button,.link-button{height:62px;width:62px;flex-shrink:0;border-radius:17px;display:grid;place-items:center}.home-button{color:#d5d5d6}.home-button:hover{background:#ffffff0d}.link-button{background:#e51b40;box-shadow:0 5px 24px #e51b4017}.link-button:hover,.primary:hover,.search-button:hover{background:#f02e51}.search-bar{display:flex;gap:12px;flex:1;min-width:0;height:62px}.search-field{flex:1;min-width:0;border-radius:17px;display:flex;align-items:center;gap:15px;padding:0 20px;color:#77797f}.search-field input{width:100%;min-width:0;border:0;background:none;color:#f3f3f4;outline:none;font-size:16px}.search-field input::placeholder{color:#8d8e94}.search-field:focus-within{border-color:#ffffff42}.search-field kbd{font-size:18px;opacity:.4}.search-button{min-width:104px;background:#e51b40;font-weight:650;border-radius:17px;display:grid;place-items:center}.connect-button{height:62px;border-radius:17px;display:flex;align-items:center;gap:9px;padding:0 20px;white-space:nowrap}.connect-button>span:first-of-type{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.7px;font-size:18px}.connect-button strong{font-size:13px;font-weight:500;color:#d6d6d9;margin-left:5px}.connect-button:hover{background:#ffffff0c}.connected-label{display:flex;align-items:center;gap:4px;color:#84d6ae;font-size:12px}.section-bar{margin-top:31px;border-bottom:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between;padding:0 6px 18px}.section-title{display:flex;align-items:center;gap:11px;letter-spacing:2px;font-size:11px;color:#d7d7db;font-weight:650}.section-title svg{color:#ea3552}.connection-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#888b92}.status-dot{display:inline-block;width:6px;height:6px;background:#69bd97;border-radius:50%;box-shadow:0 0 10px #69bd9718;flex-shrink:0}.status-dot.offline{background:#777c85;box-shadow:none}main{flex:1}.welcome{display:flex;align-items:center;flex-direction:column;text-align:center;padding:61px 20px 46px;min-height:620px}.welcome-mark{width:98px;height:90px;border:1px solid #ffffff13;border-radius:28px;background:linear-gradient(140deg,#ffffff09,#ffffff02);display:grid;place-items:center;position:relative;color:#f03250;margin-bottom:33px;box-shadow:0 8px 35px #00000020}.mark-orbit{position:absolute;inset:-13px;border:1px solid #ffffff04;border-radius:40px}.eyebrow{font-size:9px;letter-spacing:2.7px;font-weight:650;color:#99989e}.welcome h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,4.6vw,64px);line-height:1.12;letter-spacing:-3px;font-weight:650;margin:18px 0 21px}.welcome h1 span{color:#9b9ca3}.welcome-description{max-width:365px;font-size:14px;line-height:1.9;color:#91939b}.primary{background:#e51b40;color:#fff;min-height:51px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;font-size:14px;font-weight:600}.welcome-action{margin-top:29px;min-width:241px}.welcome-action svg:last-child{margin-left:13px}.welcome-caption{display:flex;align-items:center;gap:7px;font-size:10px;color:#797e86;margin-top:15px}.welcome-caption svg{color:#8a9098}.journey{display:flex;align-items:center;gap:23px;margin-top:53px;color:#767981;font-size:11px}.journey>span{display:flex;align-items:center;gap:8px}.journey-number{font-size:9px;color:#6a6d75;border:1px solid #ffffff12;border-radius:6px;padding:4px 5px}.journey>svg{color:#484b51}footer{border-top:1px solid #ffffff0b;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#676c75;font-size:10px;padding:15px 5px}footer>span:nth-child(2){font-size:11px;color:#636770}.wordmark{font-family:Manrope,Arial,sans-serif;font-size:11px;letter-spacing:2.6px;font-weight:800;color:#babdc3;display:flex;align-items:center}.wordmark>span{font-weight:500;color:#7a7e87}.wordmark i{width:4px;height:4px;border-radius:1px;background:#e51b40;margin-left:9px}.footer-status{display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1.6px}.notice{display:flex;align-items:center;justify-content:space-between;margin:20px 0 0;padding:12px 17px;border:1px solid #f3516a3a;background:#5f172725;border-radius:12px;color:#efabb6;font-size:13px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;background:#ffffff06;border:1px solid #ffffff14;border-radius:12px}.icon-button:hover{background:#ffffff13}.results-loading{height:360px;display:flex;align-items:center;justify-content:center;gap:14px;color:#999da6;font-size:14px}.results{padding:25px 0 40px}.results-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.results-heading h2{font-size:17px;color:#a1a4ac;font-weight:500}.results-heading h2 span{color:#eee}.results-heading>span{color:#717681;font-size:12px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.video-card{text-align:left;min-width:0;background:none;padding:0}.thumbnail{aspect-ratio:16/9;overflow:hidden;border-radius:17px;border:1px solid #ffffff17;position:relative;background:#252629}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-card:hover .thumbnail img{transform:scale(1.04)}.card-play{position:absolute;inset:0;display:grid;place-items:center;background:#0002;opacity:0;transition:opacity .2s}.video-card:hover .card-play,.video-card:focus-visible .card-play{opacity:1}.card-info{display:flex;gap:12px;padding:15px 2px 0}.channel-avatar{width:34px;height:34px;background:#ffffff0b;border:1px solid #ffffff14;border-radius:50%;display:grid;place-items:center;color:#9da3b1;font-size:12px;flex-shrink:0}.card-info h3{font-size:14px;font-weight:550;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-info p{font-size:11px;color:#838994;margin-top:6px}.empty-results{text-align:center;padding:80px 10px;color:#969ba5}.empty-results h3{margin:18px 0 10px;color:#ddd}.empty-results p{font-size:14px}.dialog-shade{position:fixed;inset:0;z-index:100;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;padding:22px}.dialog{width:min(100%,490px);border:1px solid #ffffff25;background:linear-gradient(135deg,#272629ed,#19191cf5);box-shadow:0 30px 120px #0008,inset 0 1px #ffffff0a;border-radius:25px;padding:38px;position:relative;max-height:calc(100dvh - 44px);overflow:auto;outline:none}.dialog-close{position:absolute;right:16px;top:16px;width:36px;height:36px}.dialog h2{font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:650;letter-spacing:-.8px;margin:10px 0}.dialog-description{color:#989aa4;font-size:13px;line-height:1.8;margin-bottom:25px}.dialog-icon{background:#e51b401c;color:#f04460;width:62px;height:62px;display:grid;place-items:center;border-radius:17px;margin-bottom:23px}.connect-dialog{text-align:center;padding:39px 40px 28px}.youtube-mark{color:#fa2347;margin-bottom:6px}.qr-frame{background:#fff;display:inline-flex;border-radius:19px;padding:7px;margin:0 auto;max-width:100%}.qr-frame img{display:block;width:100%;height:auto}.pair-code{font-family:ui-monospace,monospace;letter-spacing:4px;font-size:25px;font-weight:700;margin:22px 0 13px}.verification-link{font-size:11px;color:#b1b4be;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px}.pair-waiting{display:flex;gap:7px;align-items:center;justify-content:center;color:#858b95;font-size:11px;margin:19px 0 24px}.secondary{background:#ffffff06;border:1px solid #ffffff1c;border-radius:12px;min-height:48px;color:#c1c3cc;font-weight:500}.secondary:hover{background:#ffffff10}.full-width{width:100%;margin-top:18px}.qr-loading{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;font-size:13px;color:#a0a4ad}.dialog-error{margin:25px 0 16px;border:1px solid #ea35543b;background:#e51b4010;padding:18px;line-height:1.7;color:#f0adb8;border-radius:13px;font-size:13px}.field-label{font-size:9px;letter-spacing:1.7px;color:#838895;display:block;margin:15px 0 11px}.link-input{background:#1112157a;border:1px solid #ffffff24;border-radius:12px;padding:16px;width:100%;font-size:13px;color:#fff}.processing-dialog{width:min(100%,570px);padding:44px 37px 29px}.processing-heading{display:flex;align-items:center;gap:23px}.processing-ring{border:5px solid #e51b4033;border-top-color:#ec2348;border-right-color:#ec2348;color:#f23453;border-radius:50%;height:81px;width:81px;display:grid;place-items:center;flex-shrink:0}.processing-ring.done{border-color:#76ca9f;color:#76ca9f}.processing-heading h2{font-size:26px;display:flex;align-items:center;gap:12px}.processing-dot{width:7px;height:7px;border-radius:50%;background:#ea2447;animation:pulse 1.5s infinite}.processing-title{color:#888d97;font-size:12px;margin:24px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.processing-track{height:7px;background:#ffffff10;border-radius:10px;overflow:hidden;margin:0 0 25px}.processing-track>span{display:block;background:#ed2147;width:35%;height:100%;border-radius:10px;animation:processing 1.5s infinite ease-in-out}.processing-track.complete>span{width:100%;animation:none;background:#76ca9f}.processing-steps{display:flex;gap:10px}.processing-steps>div{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:17px 8px;border:1px solid #ffffff12;color:#6e747f;font-size:12px}.processing-steps>div.active{border-color:#ef345263;background:#e51b4010;color:#eee}.processing-steps>div.active svg{color:#f23855}.processing-steps>div.complete{color:#b7bac1;background:#ffffff04}.processing-steps>div.complete svg{color:#78bca0}.processing-note{color:#747b85;font-size:10px;text-align:center;margin-top:21px;line-height:1.7}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes processing{0%{transform:translate(-110%)}to{transform:translate(390%)}}@keyframes pulse{50%{opacity:.35}}.player{position:fixed;inset:0;z-index:90;background:#050506;display:flex;align-items:center;justify-content:center}.media-engine{position:absolute;width:1px;height:1px;opacity:.001;pointer-events:none;bottom:0}.picture{width:100%;height:100%;object-fit:contain;cursor:pointer}.player-back{position:absolute;left:28px;top:26px;display:flex;align-items:center;gap:9px;padding:11px 16px;border-radius:13px;font-size:14px;background:#151519aa}.player-quality{position:absolute;right:28px;top:28px;padding:11px 15px;border-radius:11px;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:10px;background:#151519aa}.player-bottom{position:absolute;bottom:28px;width:min(830px,calc(100% - 48px));display:flex;flex-direction:column;gap:17px;align-items:center}.timeline{width:100%;accent-color:#f12c50;cursor:pointer;height:22px}.transport{width:100%;display:grid;grid-template-columns:1fr 65px 1fr;gap:15px;align-items:center;padding:13px 22px;background:#151519cc;border-radius:23px}.transport-left,.transport-right{display:flex;align-items:center;gap:12px}.transport-right{justify-content:flex-end}.time{font-family:ui-monospace,monospace;font-size:12px;white-space:nowrap}.time>span{color:#959ba5}.play-button{width:57px;height:57px;display:grid;place-items:center;border-radius:50%;background:#e51b40}.transport select{background:#ffffff08;border:1px solid #ffffff1f;border-radius:10px;color:#ddd;min-height:41px;padding:0 9px;font-size:12px}.player-title{max-width:80%;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-radius:50px;padding:12px 25px;background:#151519cc}.player-status{position:absolute;display:flex;align-items:center;gap:13px;padding:17px 25px;background:#111b;border-radius:15px;color:#dedee2;font-size:14px}.big-play{position:absolute;display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#e51b40cc;padding-left:9px}.player-error{position:absolute;max-width:390px;text-align:center;padding:24px;background:#17171af2;border-radius:19px;color:#d1d3da;font-size:14px;line-height:1.7}.player-error button{margin:20px auto 0}@media(min-width:1550px){.app-shell{padding:35px 45px 0}.welcome{padding-top:90px;min-height:730px}.welcome h1{font-size:70px}.welcome-description{font-size:16px;max-width:410px}.welcome-action{min-height:56px}.journey{margin-top:65px}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.app-shell{padding:20px 20px 0}.topbar{gap:10px}.search-bar{gap:9px}.search-field{padding:0 14px}.search-field input{font-size:14px}.search-button{min-width:83px}.connect-button{padding:0 14px}.connect-button>span:first-of-type{display:none}.connected-label{display:none}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome{min-height:580px;padding-top:55px}.welcome h1{font-size:54px}}@media(max-width:600px){.app-shell{padding:16px 16px 0}.topbar{height:auto;flex-wrap:wrap;gap:10px}.home-button{height:48px;width:48px;border-radius:13px}.connect-button{height:48px;margin-left:auto;order:1;border-radius:13px}.connect-button>span:first-of-type{display:block;font-size:16px}.search-bar{order:2;width:100%;flex-basis:100%;height:51px}.link-button{height:51px;width:51px;border-radius:13px}.search-field{border-radius:13px;gap:10px}.search-field svg{display:none}.search-field input{font-size:12px}.search-field kbd{display:none}.search-button{border-radius:13px;min-width:73px;font-size:12px}.section-bar{margin-top:23px;padding-bottom:15px}.connection-status{font-size:9px}.section-title{font-size:9px;gap:6px}.welcome{min-height:550px;padding:49px 5px 35px}.welcome-mark{width:80px;height:74px;border-radius:24px;margin-bottom:28px}.welcome-mark svg{width:45px}.welcome h1{font-size:46px;letter-spacing:-2px;margin-top:15px}.welcome-description{font-size:13px;max-width:290px}.welcome-action{margin-top:25px}.journey{gap:10px;margin-top:42px;font-size:9px}.journey>span{gap:5px}.journey-number{font-size:8px}footer>span:nth-child(2){display:none}.wordmark{font-size:9px}.footer-status{font-size:7px}.video-grid{grid-template-columns:1fr;gap:24px}.results-heading h2{font-size:15px}.results-heading>span{font-size:10px}.dialog{padding:35px 23px 24px;border-radius:21px}.connect-dialog{padding-top:38px}.dialog h2{font-size:23px}.processing-heading{gap:15px}.processing-ring{height:65px;width:65px}.processing-heading h2{font-size:23px}.processing-steps{gap:6px}.processing-steps>div{font-size:9px;gap:5px;padding:15px 5px}.processing-steps svg{width:14px}.transport{gap:7px;padding:11px;grid-template-columns:1fr 48px 1fr}.transport-left,.transport-right{gap:5px}.time{font-size:9px}.transport-left .icon-button{width:31px;height:35px;border:0}.transport select{font-size:10px;padding:0 4px;min-height:35px;max-width:65px}.fullscreen-button{display:none}.play-button{width:44px;height:44px}.player-bottom{width:calc(100% - 24px);bottom:18px;gap:11px}.player-title{font-size:10px;max-width:95%}.player-back{top:17px;left:16px;font-size:12px}.player-quality{top:18px;right:16px;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation-duration:3s!important}.processing-track>span{animation:none;width:60%}}