@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Source+Serif+4:wght@400;600&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,system-ui,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,rgba(99,255,207,.18),transparent 30%),radial-gradient(circle at top right,rgba(255,174,94,.18),transparent 26%),linear-gradient(180deg,#08131c,#091019,#05080d);color:#edf5f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;min-height:100vh}button,a{font:inherit}a{color:inherit}button{cursor:pointer}.demo-page{min-height:100vh;padding:2rem 0 4rem}.demo-shell{width:min(1380px,calc(100vw - 2rem));margin:0 auto;display:grid;gap:1.5rem}.demo-shell--single{width:min(1240px,calc(100vw - 2rem))}.demo-shell--player-first>site-demo-header{order:1}.demo-shell--player-first>.demo-player-section,.demo-shell--player-first>.demo-grid,.demo-shell--player-first>.demo-embed-grid{order:2}.demo-shell--player-first>.demo-hero{order:3}.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.9rem 1rem;overflow:visible}.site-header-brand{display:inline-flex;align-items:center;gap:.85rem;text-decoration:none}.site-header-mark{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;aspect-ratio:1;border-radius:.85rem;background:linear-gradient(135deg,#7af7c5e6,#ffe36feb);color:#061118;font-size:.9rem;font-weight:700;letter-spacing:.08em}.site-header-copy{display:grid;gap:.1rem}.site-header-copy strong{font-size:.98rem;line-height:1.1}.site-header-copy span{color:#edf5f6ad;font-size:.82rem;line-height:1.1}.site-nav{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.site-nav-group{position:relative}.site-nav-group[open]{z-index:5}.site-nav-summary{display:inline-flex;align-items:center;justify-content:center;min-height:2.4rem;padding:.55rem .95rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff08;color:#edf5f6c2;font-size:.9rem;font-weight:500;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease;cursor:pointer;list-style:none}.site-nav-summary::-webkit-details-marker{display:none}.site-nav-link:after{display:none}.site-nav-link.is-active{border-color:#eae24d4d;background:#eae24d1f;color:#f7f7da}.site-nav-summary:after{content:"";width:.45rem;height:.45rem;margin-left:.55rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.08rem) rotate(45deg);transition:transform .16s ease}.site-nav-group[open] .site-nav-summary:after{transform:translateY(.08rem) rotate(-135deg)}.site-nav-summary:hover,.site-nav-summary:focus-visible{border-color:#7af7c552;background:#7af7c514;color:#f4fcfd;outline:none;transform:translateY(-1px)}.site-nav-menu{position:absolute;z-index:30;top:calc(100% + .45rem);right:0;display:grid;gap:.3rem;min-width:min(22rem,calc(100vw - 2rem));padding:.5rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#081016f5;box-shadow:0 18px 42px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-nav-item{display:block;padding:.58rem .72rem;border-radius:.7rem;color:#edf5f6cc;font-size:.88rem;line-height:1.25;text-decoration:none;transition:background-color .16s ease,color .16s ease}.site-nav-item:hover,.site-nav-item:focus-visible{background:#7af7c514;color:#f4fcfd;outline:none}.site-nav-item.is-active{border-color:#eae24d4d;background:#eae24d1f;color:#f7f7da}.site-nav-item.is-disabled{color:#edf5f661;cursor:default}.site-nav-group[open] .site-nav-summary{border-color:#eae24d42;background:#eae24d14;color:#f7f7da}.demo-hero{display:grid;gap:1.5rem;align-items:stretch;grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr)}.demo-hero--stacked{grid-template-columns:1fr}.demo-card{border:1px solid rgba(255,255,255,.14);border-radius:1.5rem;background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.demo-hero-copy{padding:clamp(1.4rem,3vw,2rem)}.demo-eyebrow{margin:0;color:#7af7c5;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.demo-hero-copy h1,.demo-player-header h2{margin:.45rem 0 0;letter-spacing:-.04em}.demo-hero-copy h1{font-size:clamp(2.7rem,5vw,5rem);line-height:.94}.demo-lead{max-width:62ch;margin:1rem 0 0;color:#edf5f6bd;font-family:"Source Serif 4",Georgia,serif;font-size:1.05rem}.demo-hero-aside{display:grid;gap:1rem}.demo-note{padding:1rem 1.1rem}.demo-note-label{margin:0 0 .25rem;color:#f7fbfb;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.demo-note p:last-child{margin:0;color:#edf5f6b3;font-size:.95rem}.config-card{padding:clamp(1.25rem,3vw,2rem)}.config-card h1{margin:.35rem 0 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.config-intro{max-width:70ch;margin:1rem 0 1.5rem;color:#edf5f6bd}.config-profile-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem}.config-profile-tabs button{padding:.65rem .9rem;border:1px solid rgba(255,255,255,.18);border-radius:.75rem;background:#ffffff0d;color:#edf5f6bf;font-weight:700}.config-profile-tabs button[aria-selected=true]{border-color:#7af7c580;background:#7af7c524;color:#edf5f6}.config-profile-note{min-height:1.5rem;margin:0 0 1.25rem;color:#edf5f6b8}.config-card form,.config-card fieldset,.config-options{display:grid;gap:.75rem}.config-card form{gap:1.5rem}.config-card fieldset{margin:0;padding:1rem;border:1px solid rgba(255,255,255,.14);border-radius:1rem}.config-card legend{padding:0 .4rem;font-weight:700}.config-options{grid-template-columns:repeat(2,minmax(0,1fr))}.config-option{display:flex;align-items:start;gap:.75rem;padding:.85rem;border-radius:.75rem;background:#ffffff0d;cursor:pointer}.config-option input{width:1.2rem;height:1.2rem;margin-top:.1rem}.config-option span,.config-option small{display:block}.config-option .config-option-category{margin:0 0 .2rem;color:#7af7c5;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.config-option small{margin-top:.15rem;color:#edf5f6a6}.config-actions{display:flex;align-items:center;gap:1rem}.config-actions button{padding:.7rem 1rem;border:0;border-radius:.75rem;background:#7af7c5;color:#061118;font-weight:700}#config-status{color:#edf5f6bf}.demo-rough-development .shorts-context-card{--shorts-context-surface: #d1d1d1;--shorts-context-surface-strong: #bdbdbd;--shorts-context-surface-soft: #e4e4e4;--shorts-context-border: #444;--shorts-context-border-strong: #555;--shorts-context-text: #111;--shorts-context-text-muted: #333;--shorts-context-text-subtle: #222;--shorts-context-close: #111;--shorts-context-accent: #111;--shorts-context-accent-soft: #111;--shorts-context-accent-strong: #000;--shorts-context-time: #0000c8;border:4px solid #555!important;border-radius:0!important;background:#d1d1d1!important;box-shadow:8px 7px #222!important;font-family:Arial,Helvetica,sans-serif!important}.demo-rough-development .shorts-context-header{padding:.55rem 1rem .8rem .6rem!important;border-bottom:3px dashed #555!important}.demo-rough-development .shorts-context-header-icon,.demo-rough-development .shorts-context-close,.demo-rough-development .shorts-context-tab-label{border:2px outset #eee!important;border-radius:0!important;background:#c5c5c5!important;color:#111!important;font-size:1.05rem!important;font-weight:400!important}.demo-rough-development .shorts-context-tab-button[data-active=true] .shorts-context-tab-label{background:#fff86b!important;color:#111!important}.demo-rough-development .shorts-context-tab-label:after{display:none!important}.demo-rough-development .shorts-context-body{padding:.8rem 1.15rem 1rem .65rem!important;background:#e0e0e0!important}.demo-rough-development .shorts-context-section-title,.demo-rough-development .shorts-context-section-summary,.demo-rough-development .shorts-context-rich-copy,.demo-rough-development .shorts-context-chapter-name,.demo-rough-development .shorts-context-chapter-time{color:#111!important;font-family:Times New Roman,serif!important;font-size:1.1rem!important;font-weight:400!important}.demo-rough-development .shorts-context-footer{border-top:2px dashed #555!important;background:#c5c5c5!important;color:#111!important;font-family:monospace!important}.audio-test-page{gap:1.25rem}.audio-test-card{padding:clamp(1rem,2vw,1.35rem)}.audio-test-copy,.audio-test-panel-copy{display:grid;gap:.45rem}.audio-test-copy h1,.audio-test-panel-copy h2{margin:0}.audio-test-steps{margin:0;padding-left:1.2rem;color:#edf5f6c7}.audio-test-stack{display:grid;gap:1rem}.audio-test-panel{display:grid;gap:.85rem}.audio-test-native,.audio-test-videojs-root,.audio-test-videojs{width:100%}.demo-player-section,.demo-grid{display:grid;gap:1.25rem}.demo-player-section--portrait{justify-items:center}.demo-hub-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-embed-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.demo-player-frame{display:grid;gap:.9rem;padding:1rem;overflow:auto;resize:both}.demo-player-frame--portrait{width:min(30rem,100%)}.demo-player-header{order:2;display:flex;align-items:start;justify-content:space-between;gap:1rem;margin:0}.demo-player-header h2{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.08}.demo-link-card{display:grid;gap:.65rem;min-height:14rem;padding:1.2rem;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.demo-link-card h2,.demo-link-card p{margin:0}.demo-link-card p:last-child{color:#edf5f6bd}.demo-link-card:hover,.demo-link-card:focus-visible{border-color:#7af7c557;background:#ffffff1c;outline:none;transform:translateY(-2px)}.demo-player-frame lt-player{order:1;overflow:hidden}.demo-embed-card iframe{order:1}.demo-embed-card{display:grid;gap:.9rem;align-content:start;padding:1rem}.shorts-page{--shorts-top-offset: 0px;--shorts-header-inset: .75rem;--shorts-page-height: calc(100dvh - var(--shorts-top-offset));--shorts-player-height: calc(var(--shorts-page-height) * .96);min-height:100dvh;padding:0;overflow:hidden}@media(min-width:769px){.shorts-page{--shorts-top-offset: 100px}}.shorts-layout{position:relative;width:100vw;height:100dvh;margin:0 auto}.shorts-header-shell{position:fixed;top:var(--shorts-header-inset);left:50%;z-index:60;width:min(70rem,calc(100vw - 1rem));transform:translate(-50%)}.shorts-header-shell .site-header{background:#050a0fd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.shorts-feed{display:block;height:var(--shorts-page-height);margin-top:var(--shorts-top-offset);padding:5.35rem .25rem .5rem;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none}.shorts-feed-track{width:100%;min-width:0}.shorts-feed::-webkit-scrollbar{display:none}.shorts-slide{display:grid;align-items:center;justify-items:center;min-height:calc(var(--shorts-page-height) - 5.85rem);padding-bottom:.5rem;scroll-snap-align:start;scroll-snap-stop:always}.shorts-card{width:min(calc(var(--shorts-player-height) * 9 / 16),calc(100vw - .5rem));display:grid;gap:0;opacity:.78;transform:scale(.985);transition:opacity .18s ease,transform .18s ease}.shorts-slide[data-active] .shorts-card{opacity:1;transform:scale(1)}.shorts-stage{position:relative;width:100%;aspect-ratio:9 / 16}.shorts-stage lt-player{width:100%;height:100%;position:relative;background:#000;box-shadow:0 22px 60px #00000052}.shorts-stage lt-player[data-player-mounted=false]:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000005,#0000002e),center / cover no-repeat var(--lt-player-poster-image)}.shorts-context-main{width:100%;margin:0}.shorts-feed-shell{margin:0 auto;min-width:0}@media(min-width:768px){.shorts-feed-shell{max-width:94rem;padding-inline:1rem}}.shorts-feed--context{width:100%}.shorts-feed--context .shorts-feed-shell{--shorts-context-panel-width: 30rem;--shorts-context-panel-gap: 1rem;position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;width:100%;min-width:0}.shorts-feed--context .shorts-feed-track{grid-area:1 / 1;min-width:0;transition:transform .34s cubic-bezier(.22,1,.36,1);will-change:transform}.shorts-context-main[data-context-open] .shorts-feed--context .shorts-feed-track{transform:translate(calc(-.5 * (var(--shorts-context-panel-width) + var(--shorts-context-panel-gap))))}.shorts-feed--context .shorts-slide{min-height:auto}.shorts-context-window{grid-area:1 / 1;position:sticky;top:calc(var(--shorts-header-inset) - var(--shorts-top-offset) + 2px);justify-self:end;align-self:start;z-index:5;width:var(--shorts-context-panel-width);max-width:min(var(--shorts-context-panel-width),calc(100vw - 1rem));overflow:visible;opacity:0;pointer-events:none;scrollbar-width:none;transform:translate(calc(100% + var(--shorts-context-panel-gap)));transition:opacity .22s ease,transform .34s cubic-bezier(.22,1,.36,1)}.shorts-context-window::-webkit-scrollbar{display:none}.shorts-context-main[data-context-open] .shorts-context-window{opacity:1;pointer-events:auto;transform:translate(0)}.shorts-context-card{--shorts-context-surface: #ffffff;--shorts-context-surface-strong: #f4f8fc;--shorts-context-surface-soft: #f2f7fa;--shorts-context-border: #d9e1eb;--shorts-context-border-strong: #e5ebf2;--shorts-context-text: #243340;--shorts-context-text-muted: #6f7e8d;--shorts-context-text-subtle: #7a7f89;--shorts-context-close: #7c8798;--shorts-context-accent: #074566;--shorts-context-accent-soft: #487ed1;--shorts-context-accent-strong: #074566;--shorts-context-time: #487ed1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:relative;max-height:calc(var(--shorts-page-height) - 1rem);overflow:hidden;border:1px solid var(--shorts-context-border);border-radius:16px;background:var(--shorts-context-surface);font-family:Museo Sans,ui-sans-serif,system-ui,sans-serif;box-shadow:0 12px 28px #0a254014}.shorts-context-card[data-theme=dark]{--shorts-context-surface: #141b24;--shorts-context-surface-strong: #1c2631;--shorts-context-surface-soft: rgba(234, 226, 77, .12);--shorts-context-border: rgba(255, 255, 255, .09);--shorts-context-border-strong: rgba(255, 255, 255, .08);--shorts-context-text: #edf5f6;--shorts-context-text-muted: rgba(237, 245, 246, .72);--shorts-context-text-subtle: rgba(237, 245, 246, .62);--shorts-context-close: rgba(237, 245, 246, .72);--shorts-context-accent: rgba(234, 226, 77, .96);--shorts-context-accent-soft: rgba(234, 226, 77, .96);--shorts-context-accent-strong: rgba(244, 244, 204, 1);--shorts-context-time: rgba(234, 226, 77, .96);box-shadow:0 18px 36px #00000047}.shorts-context-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem .85rem;border-bottom:1px solid var(--shorts-context-border-strong)}.shorts-context-header-main{display:flex;min-width:0;flex:1 1 auto;align-items:center;gap:.75rem}.shorts-context-header-icon{display:inline-flex;align-items:center;justify-content:flex-end;flex:0 0 auto;padding:.5rem;border-radius:.45rem;background:var(--shorts-context-surface-soft);color:var(--shorts-context-accent-soft)}.shorts-context-header-icon .player-control-icon{width:1.1rem;height:1.1rem}.shorts-context-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.25rem;height:2.25rem;padding:0;border:1px solid transparent;background:transparent;color:var(--shorts-context-close);font:inherit;line-height:1}.shorts-context-close:hover,.shorts-context-close:focus-visible{border-color:var(--shorts-context-border);background:var(--shorts-context-surface-strong);color:var(--shorts-context-accent-strong);outline:none}.shorts-context-tabs{display:flex;min-width:0;flex:1 1 auto;gap:.25rem;min-height:0;overflow-x:auto;scrollbar-width:none}.shorts-context-tab-button{position:relative;display:flex;flex:0 0 auto;padding:0;cursor:pointer;background:transparent;border:0;color:inherit;appearance:none}.shorts-context-tab-label{position:relative;display:inline-flex;align-items:center;min-height:2.1rem;padding:0 .25rem;color:var(--shorts-context-text-subtle);font-size:1rem;font-weight:600;line-height:1;white-space:nowrap}.shorts-context-tab-label:after{content:"";position:absolute;right:.4rem;bottom:0;left:.4rem;height:2px;background:var(--shorts-context-accent);transform:scaleX(0);transform-origin:center;transition:transform .16s ease}.shorts-context-tab-button:focus-visible .shorts-context-tab-label{outline:2px solid color-mix(in srgb,var(--shorts-context-accent) 18%,transparent);outline-offset:2px}.shorts-context-tab-button[data-active=true] .shorts-context-tab-label{color:var(--shorts-context-accent)}.shorts-context-tab-button[data-active=true] .shorts-context-tab-label:after{transform:scaleX(1)}.shorts-context-body{min-height:0;padding:1.15rem 1rem 1rem}.shorts-context-copy{display:grid;align-content:start;gap:1rem;min-height:0;color:var(--shorts-context-text);font-size:1rem;max-height:min(55rem,calc(var(--shorts-page-height) - 16rem));line-height:1.65;padding-right:.25rem;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}.shorts-context-copy--chapters{gap:1.25rem}.shorts-context-section-title{margin:0;color:var(--shorts-context-accent);font-size:1rem;font-weight:700;line-height:1.35}.shorts-context-section-block{display:grid;gap:.45rem}.shorts-context-section-summary{margin:0;color:var(--shorts-context-text-muted);font-size:1rem;line-height:1.45}.shorts-context-rich-copy{display:grid;gap:1rem}.shorts-context-rich-copy p{margin:0}.shorts-context-rich-copy>:first-child{margin-top:0!important}.shorts-context-rich-copy>:last-child{margin-bottom:0!important}.shorts-context-chapters{display:grid;gap:1rem;padding:0;margin:0;list-style:none}.shorts-context-chapters li{display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:.85rem;color:var(--shorts-context-text);font-size:1rem;line-height:1.5}.shorts-context-chapter-time{color:var(--shorts-context-time);font-weight:700}.shorts-context-chapter-name{min-width:0}.shorts-context-footer{padding:0 1rem 1rem}.shorts-context-footer-note{display:flex;align-items:center;min-height:2.35rem;padding:0 .85rem;border-radius:.45rem;background:var(--shorts-context-surface-strong);color:var(--shorts-context-text-muted);font-size:1rem;line-height:1.35}@media(max-width:1179px){.shorts-page--context .shorts-feed-shell{display:block;width:calc(100vw - 1rem);max-width:42rem}.shorts-page--context .shorts-context-window{display:none}}@media(max-width:768px){.shorts-page--context .shorts-feed-shell{width:100%;max-width:none;padding-inline:0}.site-header{align-items:start;flex-direction:column}.site-nav{width:100%;justify-content:start}.site-nav-menu{left:0;right:auto}.demo-hero,.demo-hub-grid,.demo-embed-grid,.demo-grid{grid-template-columns:1fr}.demo-hero-copy h1{max-width:none}.shorts-layout{width:100%}.shorts-header-shell{width:calc(100vw - 1rem)}.shorts-feed{padding-inline:.2rem}.shorts-context-main{width:100%}.shorts-context-window{display:none}}@media(max-width:640px){.demo-page{padding-top:1rem}.demo-shell,.demo-shell--single{width:min(100vw - 1rem,1380px)}.demo-card{border-radius:1.15rem}.demo-player-frame{padding:.8rem}.shorts-header-shell{top:.5rem;width:calc(100vw - .75rem)}.shorts-feed{padding-top:5.1rem;padding-bottom:.35rem}.shorts-slide{min-height:calc(var(--shorts-page-height) - 5.45rem);padding-bottom:.35rem}.shorts-card{width:min(calc(var(--shorts-player-height) * 9 / 16),calc(100vw - .35rem));gap:0}}@media(max-width:768px){.shorts-page{background:#000;position:relative;z-index:200}.shorts-layout,.shorts-feed{position:relative;z-index:200}.shorts-feed{padding:0}.shorts-slide{width:100vw;height:var(--shorts-page-height);min-height:var(--shorts-page-height);padding:0}.shorts-card,.shorts-slide[data-active] .shorts-card{width:100vw;height:var(--shorts-page-height);opacity:1;transform:none}.shorts-stage{width:100vw;height:var(--shorts-page-height)}.shorts-stage lt-player{width:100vw;height:var(--shorts-page-height);box-shadow:none;border-radius:0!important}.shorts-page .videojs-player-shell--short{width:100vw!important;height:var(--shorts-page-height)!important;aspect-ratio:auto!important;border-radius:0!important;--media-border-radius: 0;--media-video-border-radius: 0}.shorts-page .videojs-player-shell--short video,.shorts-page .videojs-player-shell--short .player-media,.shorts-page .videojs-player-shell--short .player-cover-image,.shorts-page lt-player{border-radius:0!important}.shorts-page .videojs-player-shell--short .player-media,.shorts-page .videojs-player-shell--short video{object-fit:cover!important;background:#000}.shorts-page .videojs-player-shell--short .player-cover-image{object-fit:cover!important;background:#000}}@media(max-width:768px)and (orientation:landscape){.shorts-page .videojs-player-shell--short .player-media,.shorts-page .videojs-player-shell--short video{object-fit:contain!important}.shorts-page .videojs-player-shell--short .player-cover-image{object-fit:contain!important}}