*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#080b12;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{--app-max-width:min(640px,100%);--app-nav-height:6rem;--app-border-color:#ffffff14;--app-surface:#080b12;--app-surface-elevated:#0c1018eb;--app-horizontal-padding:clamp(1rem,calc(3vw + 0.5rem),2.5rem);--app-card-radius:clamp(12px,2.5vw,20px);--app-feed-height:max(520px,calc(100vh - var(--app-nav-height)));align-items:stretch;background-color:var(--app-surface);color:#fff;min-height:100vh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0)}.App,.App-header{display:flex;flex-direction:column}.App-header{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--app-surface-elevated);border-bottom:1px solid var(--app-border-color);padding:.75rem var(--app-horizontal-padding) .5rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}@media (min-width:1024px){.App-header{align-items:center}}@supports not ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){.App-header{background:#111622}}.App-nav{align-items:stretch;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.25rem);width:min(var(--app-max-width),100%)}@media (min-width:768px){.App-nav{align-items:flex-start;flex-direction:row}}@media (min-width:1024px){.App-nav{align-items:center;gap:clamp(1.25rem,3vw,2.5rem);justify-content:space-between;max-width:none;width:100%}}.App-brand{align-items:baseline;display:flex;gap:.5rem}@media (min-width:1024px){.App-brand{flex-shrink:0}}.App-brandTitle{font-size:clamp(1.05rem,calc(.6vw + 1rem),1.25rem);font-weight:600;letter-spacing:.01em}.App-brandBadge{background:#61dafb1f;border-radius:999px;color:#61dafb;font-size:clamp(.7rem,calc(.35vw + .6rem),.8rem);font-weight:600;letter-spacing:.08em;padding:.25rem .5rem;text-transform:uppercase}.App-discovery{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem);width:100%}@media (min-width:768px){.App-discovery{align-items:stretch;flex-direction:row}}@media (min-width:1024px){.App-discovery{align-items:center;flex:1 1;flex-direction:row;gap:clamp(1rem,2vw,1.5rem);min-width:0}}.App-discoveryToggle{align-self:flex-start;background:#ffffff0a;border:1px solid #ffffff47;border-radius:999px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;letter-spacing:.01em;padding:.45rem .9rem;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.App-discoveryToggle:hover{background:#ffffff1a}.App-discoveryToggle:focus-visible{outline:2px solid #61dafb;outline-offset:2px}@media (min-width:1024px){.App-discoveryToggle{display:none}}.App-controls{display:flex;flex:1 1;flex-direction:column;gap:clamp(.75rem,2vw,1rem)}.App-controls[hidden]{display:none}.App-controlRow{grid-gap:.5rem;display:grid;gap:.5rem;justify-items:center}@media (min-width:1024px){.App-controls{flex-direction:row;gap:clamp(1rem,2vw,1.5rem)}.App-controlRow,.App-controls{align-items:center;min-width:0}.App-controlRow{grid-column-gap:clamp(.75rem,1.5vw,1.25rem);column-gap:clamp(.75rem,1.5vw,1.25rem);display:grid;flex:1 1;grid-template-columns:auto 1fr;justify-items:stretch}.App-controlRow--presets,.App-controlRow--tags{align-items:start}.App-controlRow--selectors{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}.App-controlRow--presets .App-controlLabel,.App-controlRow--tags .App-controlLabel{padding-top:0;white-space:nowrap}.App-controlRow--presets .App-presetChips,.App-controlRow--tags .App-tagChipGroup{flex:1 1}}.App-controlRow--selectors{gap:clamp(.5rem,2vw,.75rem);justify-items:stretch}@media (min-width:640px){.App-controlRow--selectors{grid-template-columns:repeat(2,minmax(0,1fr))}}.App-controlRow--selectors>*{width:100%}.App-controlLabel{color:#ffffffb8;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.App-presetChips,.App-tagChipGroup{display:flex;flex-wrap:wrap;gap:.5rem}@media (min-width:1024px){.App-presetChips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.App-tagChipGroup{align-content:flex-start;flex-wrap:wrap}}@media (min-width:1024px){.App-presetChips::-webkit-scrollbar{display:none}}.App-presetItem{display:flex}.App-tagChipGroup{align-items:center}@media (min-width:1024px){.App-tagChipGroup{max-height:none;overflow:visible}}.App-controlRow--tags .App-tagChipGroup{justify-content:flex-start}.App-discovery>.App-refreshButton{align-self:flex-start}@media (min-width:768px){.App-discovery>.App-refreshButton{align-self:center}}@media (min-width:1024px){.App-discovery>.App-refreshButton{align-self:center;margin-left:clamp(1rem,2vw,1.5rem);white-space:nowrap}}.App-refreshButton{background:#0000;border:1px solid #61dafb;border-radius:999px;color:#61dafb;cursor:pointer;font-size:.875rem;font-weight:600;padding:.4rem 1rem;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.App-refreshButton:hover{background:#61dafb29}.App-refreshButton:focus-visible{outline:2px solid #61dafb;outline-offset:2px}.App-refreshButton:disabled{cursor:progress;opacity:.7}.App-empty,.App-error,.App-status{box-sizing:border-box;font-size:.875rem;margin:.35rem auto 0;padding-inline:var(--app-horizontal-padding);text-align:left;width:min(var(--app-max-width),100%)}.App-error{color:#ff8a80}.App-empty{color:#ffffffb8}.App-emptyState{align-items:center;background:linear-gradient(145deg,#0c1018e6,#080b12f2);border:1px solid #ffffff14;border-radius:var(--app-card-radius);box-sizing:border-box;color:#ffffffd1;display:flex;flex-direction:column;gap:clamp(.75rem,2.5vw,1.25rem);margin:.5rem auto 0;padding:clamp(1rem,4vw,1.75rem) clamp(1rem,4vw,1.5rem);text-align:center;width:min(var(--app-max-width),100%)}.App-emptyStateIllustration{align-items:center;background:#61dafb1a;border:1px solid #61dafb40;border-radius:50%;display:inline-flex;height:clamp(3.25rem,10vw,4.25rem);justify-content:center;width:clamp(3.25rem,10vw,4.25rem)}.App-emptyStateBadge{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));font-size:clamp(1.5rem,4vw,2rem)}.App-emptyStateText{font-size:clamp(.95rem,calc(.6vw + .85rem),1.05rem);line-height:1.5;margin:0}.App-emptyStateAction{background:#61dafb1f;border:1px solid #61dafba6;border-radius:999px;color:#61dafb;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 1.5rem;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.App-emptyStateAction:hover{background:#61dafb33;border-color:#61dafbd9;color:#fff}.App-emptyStateAction:focus-visible{outline:2px solid #61dafb;outline-offset:2px}.App-emptyStateAction:disabled{cursor:not-allowed;opacity:.6}.App-main{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:clamp(.75rem,2vw,1.25rem);padding:clamp(.75rem,2vw,1rem) var(--app-horizontal-padding) clamp(1.25rem,4vw,2rem);width:100%}.app__videos{-webkit-overflow-scrolling:touch;background-color:#000;border-radius:var(--app-card-radius);box-shadow:0 20px 48px #0009;height:var(--app-feed-height);min-height:var(--app-feed-height);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;width:min(var(--app-max-width),100%)}@supports (height:100dvh){.App{--app-feed-height:max(520px,calc(100dvh - var(--app-nav-height)))}}@media (max-width:720px){.App{--app-nav-height:7.5rem}.App-header,.App-nav{align-items:stretch}.App-nav{flex-direction:column}.App-brand{align-items:center;justify-content:space-between}.App-controls{justify-content:flex-start;width:100%}}@media (max-width:600px){.App{--app-horizontal-padding:0;--app-nav-height:9rem}.App-header{padding:.75rem 1rem .5rem}.App-brand{align-items:flex-start;flex-wrap:wrap;row-gap:.25rem}.App-controls{align-items:stretch;flex-direction:column}.App-filterSelect,.App-refreshButton{width:100%}.App-filterLabel{font-size:.7rem;letter-spacing:.1em}}@media (max-width:420px){.App{--app-nav-height:10.5rem}.App-brandTitle{font-size:clamp(.95rem,calc(1.5vw + .85rem),1.05rem)}.App-emptyState{padding:1rem}.App-emptyStateText{font-size:.95rem}}.app__videos::-webkit-scrollbar{display:none}.app__videos{-ms-overflow-style:none;scrollbar-width:none}.app__windowSpacer{flex:0 0 auto;pointer-events:none;width:100%}.App-loadMore{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(.5rem,2vw,.75rem);margin:1rem auto 2rem;padding-inline:var(--app-horizontal-padding);width:min(var(--app-max-width),100%)}.App-loadMoreButton{min-width:8rem}.App-loadMoreError{color:#ff8a80;font-size:.875rem;margin:0;text-align:center}@media (prefers-reduced-motion:reduce){.app__videos{scroll-behavior:auto}}.videoCard{--video-card-radius:clamp(12px,3vw,20px);align-items:center;background-color:#000;box-sizing:border-box;flex-direction:column;gap:clamp(1.25rem,3vw,1.75rem);min-height:var(--app-feed-height);padding:clamp(1.5rem,4vw,2.5rem) clamp(.75rem,3vw,2rem) clamp(3rem,5vw,4rem);scroll-snap-align:center;scroll-snap-stop:always}.videoCard,.videoCard__player{display:flex;justify-content:center;position:relative;width:100%}.videoCard__player--unavailable{align-items:center;min-height:60vh}.videoCard__media{aspect-ratio:9/16;background-color:#000;border:1px solid #ffffff14;border-radius:var(--video-card-radius);box-shadow:0 16px 32px #0000008c;max-height:80vh;max-height:min(80vh,80dvh);object-fit:cover;width:clamp(16rem,85vw,40rem)}.videoCard__embedWrapper{align-items:center;display:flex;flex-direction:column;gap:clamp(.65rem,2vw,.9rem);width:inherit}.videoCard__embed{aspect-ratio:9/16;background-color:#000;border:none;border-radius:var(--video-card-radius);box-shadow:0 16px 32px #0000008c;max-height:80vh;max-height:min(80vh,80dvh);width:100%}.videoCard__embedAttribution{color:#ffffffbf;font-size:clamp(.8rem,calc(.4vw + .75rem),.9rem);margin:0}.videoCard__embedLink{color:#a970ff;font-weight:600;text-decoration:none}.videoCard__embedLink:focus,.videoCard__embedLink:hover{color:#fff;outline:none;text-decoration:underline}.videoCard__tags{display:flex;flex-wrap:wrap;gap:clamp(.35rem,2vw,.65rem);justify-content:center;list-style:none;margin:0;padding:0}.videoCard__tag{background:#ffffff1f;border-radius:999px;color:#fff;font-size:clamp(.75rem,calc(.4vw + .7rem),.85rem);font-weight:600;letter-spacing:.02em;padding:.3rem .9rem;text-transform:uppercase}.videoCard__autoplayToggle{display:flex;inset-inline-end:clamp(12px,5%,24px);justify-content:flex-end;pointer-events:none;position:absolute;top:clamp(12px,2vw,18px);width:clamp(16rem,85vw,40rem)}.videoCard__autoplayButton{background-color:#000000a6;border:1px solid #ffffff26;border-radius:999px;color:#fff;cursor:pointer;font-size:clamp(.8rem,calc(.3vw + .75rem),.9rem);font-weight:600;padding:.35rem .85rem;pointer-events:auto;transition:background-color .2s ease,border-color .2s ease}.videoCard__autoplayButton:focus,.videoCard__autoplayButton:hover{background-color:#ffffff2e;border-color:#fff6;outline:none}.videoCard__autoplayButton[aria-disabled=true],.videoCard__autoplayButton[disabled]{cursor:not-allowed;opacity:.6}.videoCard__overlay{align-items:center;background:linear-gradient(180deg,#000000c7,#000000d9);border-radius:var(--video-card-radius);color:#fff;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.25rem);inset:0;justify-content:center;padding:clamp(1.25rem,4vw,1.75rem);position:absolute;text-align:center}.videoCard__overlay--alert{background:linear-gradient(180deg,#921c00e6,#230900f2)}.videoCard__overlay--hint{background:linear-gradient(180deg,#000000c7,#000000e0)}.videoCard__overlayMessage{font-size:clamp(.95rem,calc(.6vw + .85rem),1.1rem);line-height:1.45;margin:0}.videoCard__overlayActions{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,.85rem);justify-content:center}.videoCard__overlayButton{background-color:#9146ff;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:clamp(.9rem,calc(.4vw + .85rem),1rem);font-weight:600;padding:.5rem 1.2rem;transition:background-color .2s ease}.videoCard__overlayButton:focus,.videoCard__overlayButton:hover{background-color:#a970ff;outline:none}.videoCard__overlayButton--secondary{background-color:#ffffff1f;color:#fff}.videoCard__overlayButton--secondary:focus,.videoCard__overlayButton--secondary:hover{background-color:#ffffff38}.videoCard__placeholder{align-items:center;aspect-ratio:9/16;background:linear-gradient(180deg,#2c103ae6,#120717f2);border:1px solid #ffffff1f;border-radius:var(--video-card-radius);box-shadow:0 16px 32px #0000008c;display:flex;justify-content:center;padding:clamp(1.5rem,4vw,2rem);width:clamp(16rem,85vw,40rem)}.videoCard__placeholderMessage{color:#fff;font-size:clamp(.95rem,calc(.6vw + .85rem),1.1rem);font-weight:600;line-height:1.5;margin:0;text-align:center}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:640px){.videoCard{padding:clamp(1.25rem,6vw,2rem) 0 clamp(2.5rem,6vw,3.5rem)}.videoCard__autoplayToggle{inset-inline-end:clamp(8px,4vw,16px)}}@media (max-width:480px){.videoCard{gap:clamp(1rem,4vw,1.25rem)}.videoCard__overlayActions{flex-direction:column}}.skeletonReel{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:100vh;padding:2rem 0 3rem;position:relative;width:100%}.skeletonReel__media{animation:skeletonReelShimmer 1.4s ease-in-out infinite;aspect-ratio:9/16;background:linear-gradient(90deg,#ffffff1a,#ffffff2e 50%,#ffffff1a),#080c14bf;background-size:200% 100%;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 16px 32px #0000008c;width:min(640px,90%)}.skeletonReel__footer{display:flex;flex-direction:column;gap:.85rem;width:min(640px,90%)}.skeletonReel__title{animation:skeletonReelShimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,#ffffff14,#ffffff26 50%,#ffffff14),#080c14bf;background-size:200% 100%;border-radius:999px;height:1.25rem}.skeletonReel__metaRow{display:flex;flex-wrap:wrap;gap:.5rem}.skeletonReel__metaChip{animation:skeletonReelShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#ffffff14,#ffffff24 50%,#ffffff14),#080c14cc;background-size:200% 100%;border-radius:999px;height:.9rem;width:clamp(4rem,22vw,6.5rem)}@keyframes skeletonReelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.skeletonReel__media{border-radius:12px;width:95%}.skeletonReel__footer{width:95%}}@media (prefers-reduced-motion:reduce){.skeletonReel__media,.skeletonReel__metaChip,.skeletonReel__title{animation-duration:4s}}.BroadcasterSelector{display:flex;flex:1 1;min-width:0}.TypeaheadField{display:flex;flex-direction:column;gap:.35rem;position:relative}.TypeaheadField-label{color:#ffffffb3;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.TypeaheadField-inputWrapper{align-items:center;display:flex;position:relative}.TypeaheadField-input{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;color:inherit;font-size:.9rem;padding:.5rem 2.25rem .5rem .95rem;transition:border-color .15s ease,background-color .15s ease;width:100%}.TypeaheadField-input:focus-visible{background:#ffffff1f;border-color:#61dafb80;outline:2px solid #61dafb;outline-offset:2px}.TypeaheadField-input:disabled{cursor:not-allowed;opacity:.6}.TypeaheadField-input--error{border-color:#ff8a80cc}.TypeaheadField-clearButton{align-items:center;background:#ffffff29;border:none;border-radius:999px;color:#ffffffd9;cursor:pointer;display:inline-flex;font-size:1rem;height:1.5rem;justify-content:center;line-height:1;position:absolute;right:.5rem;transition:background-color .12s ease,color .12s ease;width:1.5rem}.TypeaheadField-clearButton:focus-visible,.TypeaheadField-clearButton:hover{background:#61dafb2e;color:#61dafb}.TypeaheadField-clearButton:disabled{cursor:not-allowed;opacity:.5}.TypeaheadField-description{color:#fff9;font-size:.75rem;margin:0}.TypeaheadField-error{color:#ff8a80;font-size:.75rem;margin:0}.TypeaheadField-listbox{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1018f2;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 12px 40px #00000073;left:0;list-style:none;margin:0;max-height:14rem;overflow-y:auto;padding:.35rem 0;position:absolute;right:0;top:calc(100% + .35rem);z-index:20}.TypeaheadField-option{display:block}.TypeaheadField-option button{background:#0000;border:none;color:inherit;cursor:pointer;font-size:.9rem;padding:.5rem .95rem;text-align:left;width:100%}.TypeaheadField-option button:focus-visible,.TypeaheadField-option button:hover,.TypeaheadField-option--active button{background:#61dafb29}.TypeaheadField-option--selected button{font-weight:600}.TypeaheadField-option button:disabled{cursor:not-allowed;opacity:.6}.TypeaheadField-optionLabel{align-items:center;display:inline-flex;gap:.35rem}.CategorySelector{display:flex;flex:1 1;min-width:0}.TagChip{background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;color:#ffffffd9;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.03em;padding:.4rem .9rem;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.TagChip:focus-visible,.TagChip:hover{background:#61dafb33;border-color:#61dafb99;color:#61dafb;outline:none}.TagChip--selected{background:#61dafb33;border-color:#61dafbbf;color:#61dafb}.TagChip:disabled{cursor:not-allowed;opacity:.6}.TagChip-label{align-items:center;display:inline-flex;gap:.35rem}
/*# sourceMappingURL=main.105f1353.css.map*/