@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f5f5fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--bg:#0a0a12;--panel:#11111d;--muted:#9292a8;--purple:#ff881a;--purple-bright:#ffa94d;--border:#ffffff16;background:#0a0a12;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:90px}body{min-width:320px;min-height:100vh;margin:0}body,button,input,textarea{font-family:DM Sans,sans-serif}button,input,textarea{font-size:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #ffa94d}a{color:inherit;text-decoration:none}button{color:inherit}::selection{color:#fff;background:#ff881a59}#root{min-height:100vh}.app-shell{width:min(1440px,100%);margin:0 auto;padding:0 64px;overflow:hidden}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:28px;height:88px;display:flex}.brand{flex-shrink:0;align-items:center;gap:11px;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(140deg,#ff881a,#d96800);border-radius:13px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 6px 24px #ff881a38}.brand-name{letter-spacing:-1.1px;font:700 22px Space Grotesk,sans-serif}.brand-name>span{color:var(--purple-bright)}.top-nav{align-items:center;gap:34px;margin-left:auto;margin-right:auto;display:flex}.nav-link{color:#9999ad;font-size:13px;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active{position:relative}.nav-link.active:after{content:"";background:var(--purple);border-radius:3px;height:2px;position:absolute;bottom:-34px;left:0;right:0}.button{white-space:nowrap;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 17px;font-size:12px;font-weight:600;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(120deg,#ff881a,#d96800);box-shadow:0 6px 22px #7654e52a}.button-primary:hover{background:linear-gradient(120deg,#ffa94d,#ffa94d);box-shadow:0 8px 28px #7654e54a}.button-quiet{border-color:var(--border);color:#d4d3e2;background:#ffffff09}.button-quiet:hover,.button-outline:hover{background:#ff881a1a;border-color:#ff881a70}.button-outline{color:#e8e4fa;background:0 0;border-color:#454052}.hero{grid-template-columns:1fr .94fr;align-items:center;gap:48px;padding:74px 0 77px;display:grid}.hero-copy{z-index:1;position:relative}.eyebrow{color:#fa5;letter-spacing:2px;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.live-dot{background:#ff881a;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #ff881a9c}.hero h1{letter-spacing:-3.5px;margin:22px 0 21px;font:600 clamp(40px,5vw,65px)/1.08 Space Grotesk,sans-serif}.hero h1 span{color:#ff881a}.hero-copy>p{color:#a0a0b5;max-width:460px;margin:0;font-size:14px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:11px;margin-top:29px;display:flex}.source-list{flex-wrap:wrap;align-items:center;gap:10px;margin-top:39px;display:flex}.source-label{color:#67677f;letter-spacing:1.4px;margin-right:3px;font-size:9px;font-weight:700}.source-chip{border:1px solid var(--border);color:#c0bfd1;background:#ffffff04;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:inline-flex}.source-dot{border-radius:50%;width:7px;height:7px}.youtube-dot{background:#ff626f}.drive-dot{background:#63c99a}.local-dot{background:#ff881a}.hero-visual{min-width:0;padding:24px 0 28px 12px;position:relative}.hero-image{background:#191627;border:1px solid #ffffff25;border-radius:22px;height:352px;animation:.85s both image-arrive;position:relative;overflow:hidden;transform:perspective(1100px)rotateY(-4deg);box-shadow:0 28px 85px #0007,0 0 80px #8064ff13}.hero-image>img{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.hero-image:hover>img{transform:scale(1.055)}.hero-image-shade{background:linear-gradient(#09091308 25%,#090913e8 100%);position:absolute;inset:0}.hero-play{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff881ac7;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:68px;height:68px;transition:transform .25s,background .25s;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #ffffff12}.hero-play:hover{background:#ffa94d;transform:translate(-50%,-50%)scale(1.1)}.hero-caption{position:absolute;bottom:23px;left:25px;right:20px}.featured-label{color:#fa5;letter-spacing:1.7px;font-size:9px;font-weight:700}.hero-caption h2{letter-spacing:-.6px;margin:8px 0;font:600 24px Space Grotesk,sans-serif}.hero-caption-sub{color:#c4c1d3;font-size:11px}.hero-orbit{pointer-events:none;border:1px solid #ff881a22;border-radius:50%;position:absolute}.orbit-one{width:400px;height:400px;top:-10px;right:-85px}.orbit-two{width:320px;height:320px;top:30px;right:-42px}.floating-badge{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e5e1f6;background:#181725ef;border:1px solid #ffffff19;border-radius:12px;align-items:center;gap:9px;padding:12px 15px;font-size:10px;animation:5s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 12px 40px #0005}.badge-top{top:1px;right:-8px}.badge-bottom{animation-delay:-2.5s;bottom:0;left:-4px}.badge-spark{color:#fa5;font-size:18px}.badge-play{color:#fff;background:#7958e9;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.library-section{border-top:1px solid var(--border);padding:48px 0 66px}.section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.section-eyebrow{color:#85829d;font-size:9px}.section-heading h2{letter-spacing:-1.5px;margin:10px 0 5px;font:600 clamp(27px,3vw,35px) Space Grotesk,sans-serif}.heading-period{color:#ff881a}.section-heading p{color:#8e8da3;margin:0;font-size:12px}.library-count{color:#8e8da3;align-items:center;gap:10px;padding-bottom:4px;font-size:11px;display:flex}.library-count strong{color:#fa5;font:600 24px Space Grotesk,sans-serif}.toolbar{justify-content:space-between;gap:20px;margin-top:31px;display:flex}.search-box{border:1px solid var(--border);color:#818098;background:#ffffff04;border-radius:10px;flex:1;align-items:center;gap:11px;min-width:220px;max-width:370px;height:45px;padding:0 14px;transition:border-color .2s,background .2s;display:flex}.search-box:focus-within{background:#ff881a08;border-color:#ff881a80}.search-box input{color:#eeeafc;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.search-box input::placeholder{color:#77768b}.clear-search,.icon-button{color:#a8a5bd;background:0 0;border:0;border-radius:8px;place-items:center;padding:5px;display:grid}.clear-search:hover,.icon-button:hover{color:#fff;background:#ffffff12}.source-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-pill,.category-pill{color:#8e8da4;background:0 0;border:1px solid #0000;border-radius:9px;padding:9px 12px;font-size:10px;transition:all .2s}.filter-pill:hover,.category-pill:hover{color:#eeeaff;background:#ffffff08}.category-row{flex-wrap:wrap;align-items:center;gap:17px;margin:22px 0 23px;display:flex}.category-label{color:#77768d;letter-spacing:1px;align-items:center;gap:8px;font-size:9px;font-weight:700;display:inline-flex}.category-list{flex-wrap:wrap;gap:5px;display:flex}.category-pill{padding:8px 13px}.video-card{border:1px solid var(--border);min-width:0;animation:.5s both card-arrive;animation-delay:calc(var(--card-index,0) * 70ms);background:linear-gradient(145deg,#151521,#101019);border-radius:15px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.video-card:hover{border-color:#ff881a4f;transform:translateY(-6px);box-shadow:0 16px 38px #0004,0 0 28px #ff881a0b}.thumbnail-button{aspect-ratio:16/9;text-align:left;background:#1a1929;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.video-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .4s;display:block}.video-card:hover .video-thumbnail{filter:brightness(.72);transform:scale(1.06)}.video-source{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#efedfb;background:#11111dce;border:1px solid #ffffff1c;border-radius:6px;padding:6px 8px;font-size:9px;position:absolute;top:12px;left:12px}.source-youtube{color:#ff9ba4}.source-drive{color:#9ae3b9}.source-local{color:#fa5}.thumbnail-play{color:#fff;opacity:0;background:#ff881ad9;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:48px;height:48px;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-44%)scale(.85)}.video-card:hover .thumbnail-play,.thumbnail-button:focus-visible .thumbnail-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.video-duration{color:#fff;background:#0a0a12d9;border-radius:5px;padding:5px 7px;font-size:9px;position:absolute;bottom:10px;right:10px}.local-thumbnail{color:#fa5;background:radial-gradient(at 50% 20%,#39305e,#151522 70%);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.local-thumbnail span{letter-spacing:2px;font-size:9px}.video-info{padding:17px 17px 16px}.video-category{color:#fa5;letter-spacing:.8px;font-size:9px;font-weight:600;display:inline-block}.video-info h3{color:#f1effa;letter-spacing:-.4px;margin:8px 0 7px;font:600 17px Space Grotesk,sans-serif}.video-info p{color:#8f8da4;min-height:35px;margin:0;font-size:11px;line-height:1.65}.watch-link{color:#fa5;background:0 0;border:0;align-items:center;gap:8px;margin-top:15px;padding:0;font-size:10px;font-weight:700;display:inline-flex}.watch-link span{transition:transform .2s}.watch-link:hover span{transform:translate(3px,-2px)}.empty-state{text-align:center;border:1px dashed #ffffff20;border-radius:16px;flex-direction:column;align-items:center;padding:65px 15px;display:flex}.empty-icon{color:#fa5;background:#ff881a15;border-radius:17px;place-items:center;width:58px;height:58px;display:grid}.empty-state h3{margin:18px 0 6px;font:600 20px Space Grotesk,sans-serif}.empty-state p{color:#9290a5;margin:0 0 18px;font-size:12px}.upload-banner{background:radial-gradient(at 10%,#8c70ff14,#0000 58%),#11111a;border:1px solid #ff881a25;border-radius:17px;align-items:center;gap:19px;margin-bottom:48px;padding:24px;display:flex}.upload-banner-icon{color:#fa5;background:#ff881a12;border:1px solid #ff881a35;border-radius:13px;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid}.upload-banner-copy{flex:1}.upload-banner-copy h2{margin:0 0 6px;font:600 17px Space Grotesk,sans-serif}.upload-banner-copy p{color:#9290a5;margin:0;font-size:11px;line-height:1.6}.upload-banner-actions{flex-wrap:wrap;gap:9px;display:flex}.footer{border-top:1px solid var(--border);color:#77768c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;min-height:88px;font-size:10px;display:flex}.footer-brand .brand-mark{border-radius:10px;width:30px;height:30px}.footer-brand .brand-name{font-size:18px}.footer-status{letter-spacing:1.2px;align-items:center;gap:8px;font-size:8px;display:flex}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toast{z-index:100;color:#f4f0ff;background:#201d31f5;border:1px solid #ffffff20;border-radius:12px;align-items:center;gap:20px;max-width:calc(100% - 30px);padding:13px 16px;font-size:12px;animation:.25s both card-arrive;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 45px #0008}.toast button{color:#b9b0d8;background:0 0;border:0;place-items:center;padding:2px;display:grid}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05050bdc;justify-content:center;align-items:center;padding:22px;animation:.2s both fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{background:#141320;border:1px solid #ffffff1c;border-radius:20px;width:min(510px,100%);max-height:calc(100vh - 44px);padding:27px;animation:.25s both dialog-in;overflow-y:auto;box-shadow:0 25px 90px #0009}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.dialog-heading h2{letter-spacing:-1px;margin:8px 0 0;font:600 27px Space Grotesk,sans-serif}.dialog-intro{color:#9c99b1;margin:13px 0 22px;font-size:12px;line-height:1.7}.form-label{color:#d7d3e7;flex-direction:column;gap:8px;margin:16px 0;font-size:11px;font-weight:600;display:flex}.form-label input,.form-label textarea,.form-label select{color:#f5f1ff;resize:vertical;background:#0d0c16;border:1px solid #ffffff17;border-radius:9px;outline:0;width:100%;padding:12px 13px;font-size:12px;font-weight:400}.form-label input:focus,.form-label textarea:focus,.form-label select:focus{border-color:#ff881a8c}.form-label input::placeholder,.form-label textarea::placeholder{color:#6f6c83}.form-hint{color:#aaa5c2;background:#ff881a0d;border-radius:8px;padding:11px 12px;font-size:10px;line-height:1.6}.submit-button{width:100%;margin-top:19px}.player-backdrop{padding:28px}.player-dialog{background:#12111c;border:1px solid #ffffff20;border-radius:17px;width:min(1000px,100%);animation:.25s both dialog-in;overflow:hidden;box-shadow:0 25px 90px #000b}.player-topbar{color:#fa5;letter-spacing:1.5px;justify-content:space-between;align-items:center;min-height:52px;padding:0 17px;font-size:9px;font-weight:700;display:flex}.player-topbar>div{align-items:center;gap:9px;display:flex}.player-live-dot{background:#ff881a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #ff881a}.player-frame{aspect-ratio:16/9;background:#05050a;place-items:center;width:100%;display:grid}.player-frame iframe,.player-frame video{object-fit:contain;border:0;width:100%;height:100%;display:block}.player-info{justify-content:space-between;align-items:center;gap:20px;padding:20px 23px;display:flex}.player-info h2{margin:7px 0 5px;font:600 22px Space Grotesk,sans-serif}.player-info p{color:#9693aa;margin:0;font-size:11px;line-height:1.7}.player-note{color:#fa5;margin:0;padding:0 23px 18px;font-size:11px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes image-arrive{0%{opacity:0;transform:perspective(1100px)rotateY(-4deg)translateY(15px)}to{opacity:1;transform:perspective(1100px)rotateY(-4deg)translateY(0)}}@keyframes card-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1050px){.app-shell{padding:0 35px}.hero{gap:28px}.hero-image{height:310px}.hero h1{font-size:52px}.source-filter{justify-content:flex-end;max-width:390px}.video-grid{gap:15px}.video-info{padding:14px}.video-info h3{font-size:15px}}@media (width<=760px){.app-shell{padding:0 22px}.topbar{gap:12px;height:72px}.brand-name{font-size:20px}.brand-mark{width:34px;height:34px}.top-nav{gap:15px}.nav-link{font-size:11px}.nav-link.active:after{bottom:-27px}.top-add{min-height:38px;padding:0 11px;font-size:10px}.top-add svg{width:16px}.hero{grid-template-columns:1fr;gap:24px;padding:51px 0 55px}.hero h1{font-size:clamp(43px,8vw,61px)}.hero-visual{width:min(560px,100%);margin:0 auto;padding:15px 6px 20px}.hero-image{height:clamp(240px,54vw,350px);transform:none}.hero-image:hover>img{transform:scale(1.03)}.orbit-one{right:-20px}.orbit-two{right:10px}.badge-top{right:-1px}.badge-bottom{left:-1px}.library-section{padding:39px 0 50px}.toolbar{flex-direction:column;gap:13px}.search-box{max-width:none;height:44px}.source-filter{justify-content:flex-start;max-width:none}.filter-pill{padding:8px 10px}.category-row{flex-direction:column;align-items:flex-start;gap:10px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.video-info h3{font-size:15px}.video-info p{font-size:10px}.upload-banner{flex-wrap:wrap;align-items:flex-start;padding:19px}.upload-banner-copy{min-width:calc(100% - 75px)}.upload-banner-actions{width:100%}.upload-banner-actions .button{flex:1}.footer{padding:20px 0}.footer>span:nth-child(2){order:3;width:100%}}@media (width<=470px){.app-shell{padding:0 15px}.top-nav{display:none}.top-add{margin-left:auto}.hero{padding-top:42px}.hero h1{letter-spacing:-2.5px}.hero-actions{align-items:stretch}.hero-actions .button{flex:1;padding:0 10px;font-size:10px}.source-list{gap:7px}.source-label{width:100%}.hero-image{border-radius:16px}.hero-caption{bottom:17px;left:17px}.hero-caption h2{font-size:20px}.floating-badge{padding:9px 10px;font-size:9px}.section-heading{align-items:flex-start}.library-count{flex-direction:column;align-items:flex-end;gap:0;font-size:9px}.library-count strong{font-size:21px}.video-grid{grid-template-columns:1fr;gap:15px}.thumbnail-button{aspect-ratio:16/8.8}.video-info{padding:16px}.video-info h3{font-size:17px}.video-info p{font-size:11px}.upload-banner-actions{flex-direction:column}.player-backdrop{padding:12px}.player-info{flex-direction:column;align-items:flex-start;padding:16px}.dialog{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.thumbnail-preview{object-fit:cover;border:1px solid #ffffff24;border-radius:12px;width:min(100%,280px);max-height:180px;margin:8px 0 14px;display:block}.video-management{align-items:center;gap:7px;margin-top:12px;display:flex}.manage-icon{color:#d7c2af;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:9px;place-items:center;width:31px;height:31px;padding:0;transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-grid}.manage-icon:hover{animation:.28s ease-out manage-pop;transform:translateY(-2px)scale(1.06)}.manage-edit:hover{color:#ffe0bd;background:#ff881a2b;border-color:#ff881a8a;box-shadow:0 4px 14px #ff881a25}.manage-delete:hover{color:#ffb9c6;background:#ff557321;border-color:#ff718b80;box-shadow:0 4px 14px #ff547025}.manage-icon:disabled{opacity:.45;cursor:wait;transform:none}@keyframes manage-pop{0%{transform:translateY(0)scale(1)}55%{transform:translateY(-3px)scale(1.1)}to{transform:translateY(-2px)scale(1.06)}}.edit-dialog{animation:.25s both dialog-in}.edit-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.edit-actions button:disabled{opacity:.55;cursor:wait}@media (prefers-reduced-motion:reduce){.manage-icon,.edit-dialog{transition:none!important;animation:none!important}}.delete-backdrop{z-index:120;-webkit-backdrop-filter:blur(15px);background:#05040dd1;padding:18px}.delete-dialog{text-align:center;background:radial-gradient(at 50% 0,#ff881a2b,#0000 58%),linear-gradient(145deg,#1b182b,#11101b 72%);border:1px solid #ff881a40;border-radius:24px;width:min(440px,100%);max-height:calc(100dvh - 36px);padding:34px 30px 25px;animation:.28s cubic-bezier(.2,.8,.2,1) both delete-modal-in;position:relative;overflow-y:auto;box-shadow:0 32px 100px #000000a6,0 0 55px #ff881a1a,inset 0 1px #ffffff0e}.delete-modal-close{color:#aaa4c4;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:11px;place-items:center;width:34px;height:34px;transition:background .2s,color .2s,transform .2s;display:grid;position:absolute;top:14px;right:14px}.delete-modal-close:hover:not(:disabled){color:#fff;background:#ffffff1a;transform:rotate(90deg)}.delete-icon-wrap{place-items:center;width:78px;height:78px;margin:2px auto 19px;display:grid;position:relative}.delete-icon-glow{background:#ff4c7321;border-radius:50%;animation:2.3s ease-in-out infinite delete-pulse;position:absolute;inset:0}.delete-icon-circle{color:#ff829f;background:linear-gradient(145deg,#ff547c30,#8f36661a);border:1px solid #ff678b59;border-radius:20px;place-items:center;width:62px;height:62px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,0 8px 30px #ff407014}.delete-eyebrow{color:#fa5;letter-spacing:2px;font-size:9px;font-weight:800}.delete-dialog h2{color:#faf8ff;letter-spacing:-.8px;margin:10px 0 8px;font:600 27px/1.2 Space Grotesk,sans-serif}.delete-question{color:#aaa5be;max-width:320px;margin:0 auto 22px;font-size:12px;line-height:1.7}.delete-video-preview{text-align:left;background:#ff881a13;border:1px solid #ff881a2b;border-radius:14px;align-items:center;gap:13px;padding:13px;display:flex}.delete-preview-icon{color:#fa5;background:#ff881a1c;border:1px solid #ff881a2e;border-radius:12px;flex:0 0 42px;place-items:center;height:42px;display:grid}.delete-video-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.delete-video-copy strong{overflow-wrap:anywhere;color:#f0ecff;font-size:12px;font-weight:650;line-height:1.5}.delete-video-copy span{color:#8f89a9;font-size:10px;line-height:1.5}.delete-warning{color:#c1a8b6;margin:15px 2px 21px;font-size:10px;line-height:1.75}.delete-modal-actions{gap:10px;display:flex}.delete-modal-actions button{min-height:45px;font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:11px;font-weight:700;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.delete-cancel-button{color:#d2cde3;background:#ffffff0b;border:1px solid #ffffff1f;flex:1}.delete-cancel-button:hover:not(:disabled){background:#ffffff17;border-color:#ffffff47;transform:translateY(-2px)}.delete-confirm-button{color:#fff;background:linear-gradient(135deg,#f04f76,#c52d60);border:1px solid #ff69896b;flex:1.35;box-shadow:0 6px 20px #d52f5e2e}.delete-confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#ff6388,#dc356d);transform:translateY(-2px);box-shadow:0 10px 27px #d52f5e4d}.delete-modal-actions button:active:not(:disabled){transform:scale(.98)}.delete-modal-actions button:disabled,.delete-modal-close:disabled{opacity:.6;cursor:wait}.delete-secure-note{color:#79748f;justify-content:center;align-items:center;gap:6px;margin-top:17px;font-size:9px;display:flex}.delete-secure-note svg{color:#ff881a}.delete-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite delete-spin}@keyframes delete-modal-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes delete-pulse{0%,to{opacity:.65;transform:scale(.93)}50%{opacity:1;transform:scale(1.12)}}@keyframes delete-spin{to{transform:rotate(360deg)}}@media (width<=470px){.delete-dialog{border-radius:20px;padding:29px 19px 21px}.delete-dialog h2{font-size:24px}.delete-modal-actions{flex-direction:column-reverse}.delete-modal-actions button{width:100%;min-height:46px}}@media (prefers-reduced-motion:reduce){.delete-dialog,.delete-icon-glow,.delete-spinner{animation:none!important}.delete-modal-actions button,.delete-modal-close{transition:none!important}}.hero-image[role=button],.badge-bottom[role=button]{cursor:pointer}.hero-image[role=button]:focus-visible,.badge-bottom[role=button]:focus-visible{outline-offset:4px;outline:2px solid #fa5}.theme-toggle{border:1px solid var(--border);background:var(--theme-control-bg,#ffffff09);min-height:40px;color:var(--theme-control-text,#d4d3e2);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:11px;font-weight:600;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.theme-toggle:hover{border-color:#ff881a80;transform:translateY(-1px)}.theme-toggle-icon{color:var(--purple-bright);font-size:18px;line-height:1}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#242238;--bg:#f5f6fc;--panel:#fff;--muted:#696981;--purple:#ff881a;--purple-bright:#ffa94d;--border:#2a244c21;--theme-control-bg:#fff;--theme-control-text:#403956;background:#f5f6fc}:root[data-theme=light] body{color:#242238;background:#f5f6fc}:root[data-theme=light] .app-shell{color:#242238}:root[data-theme=light] .topbar{background:#f5f6fcf0}:root[data-theme=light] .nav-link{color:#68677f}:root[data-theme=light] .nav-link:hover,:root[data-theme=light] .nav-link.active{color:#713500}:root[data-theme=light] .button-quiet{color:#4b4562;border-color:var(--border);background:#fffc}:root[data-theme=light] .button-outline{color:#4b4562;background:#fff;border-color:#d7d2e5}:root[data-theme=light] .eyebrow,:root[data-theme=light] .hero h1 span,:root[data-theme=light] .heading-period{color:#d96800}:root[data-theme=light] .hero-copy>p{color:#68677f}:root[data-theme=light] .source-label{color:#77758d}:root[data-theme=light] .source-chip{color:#514b68;background:#fff}:root[data-theme=light] .section-eyebrow,:root[data-theme=light] .section-heading p,:root[data-theme=light] .library-count,:root[data-theme=light] .category-label{color:#77758d}:root[data-theme=light] .library-count strong{color:#d96800}:root[data-theme=light] .search-box{color:#77758d;background:#fff;border-color:#dedbea}:root[data-theme=light] .search-box input{color:#29243d}:root[data-theme=light] .search-box input::placeholder{color:#9390a5}:root[data-theme=light] .clear-search,:root[data-theme=light] .icon-button{color:#68627d}:root[data-theme=light] .clear-search:hover,:root[data-theme=light] .icon-button:hover{color:#713500;background:#eee9fb}:root[data-theme=light] .filter-pill,:root[data-theme=light] .category-pill{color:#68677f}:root[data-theme=light] .filter-pill:hover,:root[data-theme=light] .category-pill:hover{color:#a64d00;background:#eeeafb}:root[data-theme=light] .filter-pill.selected,:root[data-theme=light] .category-pill.selected{color:#d96800;background:#eee8ff;border-color:#d6c8ff}:root[data-theme=light] .video-card{background:#fff;border-color:#e4e1ee;box-shadow:0 5px 20px #ff881a0b}:root[data-theme=light] .video-card:hover{border-color:#c9b8ff;box-shadow:0 16px 38px #ff881a1c}:root[data-theme=light] .video-source{color:#f8f6ff;background:#1c192ee0}:root[data-theme=light] .video-info h3{color:#29243d}:root[data-theme=light] .video-info p{color:#6e6b82}:root[data-theme=light] .video-category,:root[data-theme=light] .watch-link{color:#d96800}:root[data-theme=light] .local-thumbnail{color:#e4dbff;background:radial-gradient(at 50% 20%,#fa5,#7a3900 70%)}:root[data-theme=light] .empty-state{background:#ffffff8c;border-color:#d9d3e8}:root[data-theme=light] .empty-icon{color:#d96800;background:#eee8ff}:root[data-theme=light] .empty-state p{color:#77758d}:root[data-theme=light] .upload-banner{background:radial-gradient(at 10%,#ff881a1a,#0000 58%),#fff;border-color:#ded4ff;box-shadow:0 8px 28px #ff881a0a}:root[data-theme=light] .upload-banner-icon{color:#d96800;background:#f0ebff;border-color:#d9ceff}:root[data-theme=light] .upload-banner-copy p{color:#6e6b82}:root[data-theme=light] .footer{color:#77758d}:root[data-theme=light] .dialog,:root[data-theme=light] .player-dialog{color:#29243d;background:#fff;border-color:#e3deef;box-shadow:0 25px 90px #1e120838}:root[data-theme=light] .dialog-intro{color:#6e6b82}:root[data-theme=light] .form-label{color:#48415f}:root[data-theme=light] .form-label input,:root[data-theme=light] .form-label textarea,:root[data-theme=light] .form-label select{color:#29243d;background:#f8f7fc;border-color:#ded9eb}:root[data-theme=light] .form-label input::placeholder,:root[data-theme=light] .form-label textarea::placeholder{color:#9691a8}:root[data-theme=light] .form-hint{color:#8c4600;background:#f2edff}:root[data-theme=light] .player-topbar{color:#d96800;border-bottom:1px solid #ebe7f4}:root[data-theme=light] .player-info p{color:#6e6b82}:root[data-theme=light] .player-note{color:#8c4600}:root[data-theme=light] .toast{color:#29243d;background:#fff;border-color:#e1dced;box-shadow:0 14px 45px #1e12082e}:root[data-theme=light] .toast button{color:#655b7c}:root[data-theme=light] .delete-dialog{color:#29243d;background:radial-gradient(at 50% 0,#ff881a12,#0000 58%),linear-gradient(145deg,#fff,#f8f7fc 72%);border-color:#e3deef;box-shadow:0 32px 100px #1e120838}:root[data-theme=light] .delete-modal-close{color:#68627d;background:#f0edf7;border-color:#e3deef}:root[data-theme=light] .delete-modal-close:hover:not(:disabled){color:#713500;background:#e8e2f5}:root[data-theme=light] .delete-eyebrow{color:#d96800}:root[data-theme=light] .delete-question{color:#6e6b82}:root[data-theme=light] .delete-video-preview{background:#f5f3fa;border-color:#e3deef}:root[data-theme=light] .delete-video-copy strong{color:#29243d}:root[data-theme=light] .delete-video-copy span{color:#77758d}:root[data-theme=light] .delete-warning{color:#8d5262}:root[data-theme=light] .delete-cancel-button{color:#4b4562;background:#fff;border-color:#dcd6e9}:root[data-theme=light] .delete-secure-note{color:#77758d}@media (width<=700px){.theme-toggle{gap:6px;min-height:38px;padding:0 9px;font-size:10px}}:root{--purple:#ff881a;--purple-bright:#ffa94d;--accent-orange:#ff881a;--accent-orange-light:#ffa94d}.button-primary,button.button-primary,button[type=submit]{color:#fff;opacity:1;background:linear-gradient(120deg,#ff881a,#e66d00);border-color:#ff881a;box-shadow:0 6px 22px #ff881a47}.button-primary:hover,button.button-primary:hover,button[type=submit]:hover{color:#fff;opacity:1;background:linear-gradient(120deg,#ffa94d,#ff881a);border-color:#ffa94d;box-shadow:0 8px 28px #ff881a61}.button-primary:disabled,button.button-primary:disabled,button[type=submit]:disabled{opacity:.58;cursor:not-allowed}.nav-link.active:after,.live-dot,.player-live-dot{background-color:#ff881a}.nav-link.active,.brand-name>span,.eyebrow,.hero h1 span,.featured-label,.heading-period,.library-count strong,.badge-spark,.player-topbar,.player-note,.video-category,.watch-link,.delete-secure-note svg{color:#ff881a}.brand-mark,.badge-play,.hero-play,.thumbnail-play{background:linear-gradient(135deg,#ff881a,#d96800)}.filter-pill.selected,.category-pill.selected{color:#fa5;background:#ff881a26;border-color:#ff881a8c}.search-box:focus-within,.form-label input:focus,.form-label textarea:focus,.form-label select:focus{border-color:#ff881a}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;width:100%;max-width:100%;overflow-x:clip}body,#root{overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%;margin:0}img,video,iframe,canvas,svg{max-width:100%}button,input,select,textarea{font:inherit;max-width:100%}button{touch-action:manipulation}.app-shell{width:100%;min-width:0;max-width:100%;overflow-x:clip}.topbar,.hero,.hero-content,.hero-visual,.video-grid,.video-card{min-width:0;max-width:100%}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);display:grid}.video-card{width:100%;overflow:hidden}.video-card img,.video-card video,.video-card iframe{width:100%;max-width:100%;display:block}.hero-image{object-fit:cover;width:100%;max-width:100%;height:auto}input,select,textarea{min-width:0}@media (width<=1050px){.app-shell{padding-left:clamp(12px,2.5vw,24px);padding-right:clamp(12px,2.5vw,24px)}.topbar{flex-wrap:wrap;gap:12px}.hero{gap:clamp(18px,3vw,32px)}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.floating-badge{overflow-wrap:anywhere;max-width:calc(100% - 16px)}}@media (width<=760px){.hero{grid-template-columns:minmax(0,1fr)}.hero-content,.hero-visual{width:100%;min-width:0}.hero-visual{margin-inline:auto}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topbar{align-items:center}.topbar button,.topbar a{min-height:40px}.player-dialog{width:min(96vw,900px);max-width:96vw;max-height:92dvh;overflow-y:auto}.player-dialog video,.player-dialog iframe{aspect-ratio:16/9;width:100%;max-width:100%;display:block}input,select,textarea{width:100%}}@media (width<=470px){.app-shell{padding-left:12px;padding-right:12px}.topbar{gap:10px}.hero{gap:20px}.video-grid{grid-template-columns:minmax(0,1fr);gap:16px}.video-card,.video-card img,.video-card video,.video-card iframe{width:100%}.floating-badge{padding:8px 10px;font-size:12px}button,.topbar button,.hero button{min-height:42px}.player-dialog{border-radius:16px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:94dvh;margin:8px;padding:14px}.player-dialog video,.player-dialog iframe{aspect-ratio:16/9;height:auto}input,select,textarea{font-size:16px}}@media (width<=360px){.app-shell{padding-left:8px;padding-right:8px}.video-grid{gap:12px}.player-dialog{padding:10px}.floating-badge{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}