:root{--teaser-green:#19c979;--teaser-gold:#e7ba42;--teaser-ink:#f7fff9;--teaser-black:#030806}
.teasers-page{position:relative;width:100%;max-width:100vw;min-height:calc(100svh - 72px);overflow:hidden;color:var(--teaser-ink);background:radial-gradient(circle at 50% 15%,#173b29 0,#07110c 36%,#020403 78%)}
.teaser-discovery-bar{position:absolute;z-index:55;top:0;right:0;left:0;max-width:1160px;margin:auto;padding:.75rem 1rem 0;pointer-events:none}
.teaser-discovery-bar__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.teaser-wordmark{display:flex;align-items:center;gap:.48rem;padding:.42rem .6rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(3,10,6,.5);box-shadow:0 8px 30px rgba(0,0,0,.22);backdrop-filter:blur(18px);pointer-events:auto}.teaser-wordmark>span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;color:#062216;background:var(--teaser-green);font-size:.55rem}.teaser-wordmark strong{font-size:.78rem}.teaser-wordmark small{color:rgba(255,255,255,.5);font-size:.55rem}
.teaser-top-actions{display:flex;gap:.38rem;pointer-events:auto}.teaser-top-actions a,.teaser-top-actions button{min-height:38px;padding:.42rem .72rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;background:rgba(3,10,6,.58);font:inherit;font-size:.63rem;font-weight:850;cursor:pointer;backdrop-filter:blur(18px)}.teaser-top-actions a{display:inline-flex;align-items:center;color:#062216;background:var(--teaser-green)}
.teaser-category-strip{display:flex;gap:.35rem;max-width:100%;margin-top:.55rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;pointer-events:auto}.teaser-category-strip::-webkit-scrollbar{display:none}.teaser-category-strip a{flex:0 0 auto;padding:.35rem .58rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:rgba(255,255,255,.72);background:rgba(3,10,6,.5);font-size:.55rem;font-weight:800;backdrop-filter:blur(14px)}.teaser-category-strip a.is-active{border-color:rgba(80,235,154,.6);color:#052517;background:var(--teaser-green)}
.teaser-location-filter{max-width:720px;margin:.45rem auto 0;padding:.65rem;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(3,10,6,.9);box-shadow:0 18px 60px rgba(0,0,0,.4);backdrop-filter:blur(24px);pointer-events:auto}.teaser-location-filter>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.35rem}.teaser-location-filter input,.teaser-location-filter select{min-width:0;border:1px solid rgba(255,255,255,.13);color:#fff;background:rgba(255,255,255,.08);box-shadow:none}.teaser-location-filter select option{color:#111}.teaser-location-filter>div:first-child>button{padding:.5rem .75rem;border:0;border-radius:10px;color:#062216;background:var(--teaser-green);font-weight:850}.teaser-location-tools{display:flex;justify-content:space-between;gap:1rem;margin-top:.4rem}.teaser-location-tools button{padding:0;border:0;color:#64e7a4;background:none;font-size:.58rem;font-weight:800}.teaser-location-tools span{overflow:hidden;color:rgba(255,255,255,.45);font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}
.teaser-feed{height:calc(100svh - 72px);overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.teaser-feed::-webkit-scrollbar{display:none}.teaser-card{position:relative;height:calc(100svh - 72px);min-height:620px;scroll-snap-align:start;scroll-snap-stop:always}.teaser-stage{position:relative;width:min(100%,540px);height:100%;margin:auto;overflow:hidden;background:#06100b;box-shadow:0 0 90px rgba(28,197,113,.13)}.teaser-stage video,.teaser-video-fallback,.teaser-stage__shade{position:absolute;inset:0;width:100%;height:100%}.teaser-stage video{z-index:2;object-fit:cover;background:#050806}.teaser-video-fallback{z-index:1;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#1c6343,#07130d 48%,#010201)}.teaser-video-fallback span{font-size:3rem;font-weight:900;letter-spacing:-.07em;opacity:.13}.teaser-stage__shade{z-index:3;background:linear-gradient(180deg,rgba(0,0,0,.36),transparent 27%,transparent 48%,rgba(0,0,0,.25) 62%,rgba(0,0,0,.96) 100%);pointer-events:none}
.teaser-badges{position:absolute;z-index:5;top:6.7rem;left:1.1rem;display:flex;flex-wrap:wrap;gap:.3rem;max-width:75%}.teaser-badges>span{padding:.3rem .5rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#fff;background:rgba(0,0,0,.42);font-size:.52rem;font-weight:850;text-transform:uppercase;backdrop-filter:blur(12px)}.teaser-live-badge{background:#c91b36!important}.teaser-live-badge i{display:inline-block;width:6px;height:6px;margin-right:.25rem;border-radius:50%;background:#fff;animation:teaser-live-pulse 1s ease-in-out infinite}
.teaser-sound-toggle{position:absolute;z-index:6;top:6.6rem;right:1rem;display:grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;background:rgba(0,0,0,.48);box-shadow:0 8px 22px rgba(0,0,0,.25);cursor:pointer;backdrop-filter:blur(12px)}.teaser-sound-toggle.is-on{border-color:#7af2b2;color:#042015;background:var(--teaser-green)}
.teaser-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;background:rgba(0,0,0,.48);box-shadow:0 8px 22px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.teaser-icon svg,.teaser-join-bar i svg{width:21px;height:21px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.teaser-sound-toggle>.teaser-icon{width:100%;height:100%;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.teaser-sound-toggle>.teaser-icon svg{width:20px;height:20px}
.teaser-action-rail{position:absolute;z-index:7;right:.75rem;bottom:7.6rem;display:grid;gap:.42rem}.teaser-action-rail button{position:relative;display:grid;width:58px;min-height:61px;place-items:center;padding:0;border:0;color:#fff;background:transparent;text-shadow:0 2px 8px #000;cursor:pointer}.teaser-action-rail button:hover .teaser-icon,.teaser-action-rail button:focus-visible .teaser-icon{border-color:rgba(110,234,167,.8);background:rgba(7,55,33,.82);transform:translateY(-1px)}.teaser-action-rail button:focus-visible{border-radius:12px;outline:2px solid #7af2b2;outline-offset:2px}.teaser-action-rail button[aria-pressed=true] .teaser-icon{border-color:#f4d16e;color:#2c1b00;background:var(--teaser-gold);text-shadow:none}.teaser-action-rail button[aria-pressed=true] .teaser-icon svg{fill:currentColor}.teaser-action-rail small{font-size:.48rem;font-weight:800}.teaser-action-rail b{font-size:.47rem}
[data-tooltip]::after{position:absolute;z-index:40;top:50%;right:calc(100% + 10px);padding:.46rem .65rem;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;background:rgba(3,12,7,.94);box-shadow:0 8px 24px rgba(0,0,0,.35);content:attr(data-tooltip);font-size:.65rem;font-weight:750;line-height:1.2;opacity:0;pointer-events:none;text-shadow:none;transform:translate(5px,-50%);transition:opacity 140ms ease,transform 140ms ease;white-space:nowrap}[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1;transform:translate(0,-50%)}
.teaser-story{position:absolute;z-index:6;right:5rem;bottom:6.8rem;left:1.1rem;text-shadow:0 2px 16px rgba(0,0,0,.7)}.teaser-group-name{margin:0 0 .35rem;color:#7af2b2;font-size:.61rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.teaser-story h2{max-width:100%;margin:0 0 .5rem;overflow-wrap:break-word;color:#fff;font-size:clamp(2rem,8vw,3.7rem);line-height:.88}.teaser-vitals{display:flex;flex-wrap:wrap;gap:.3rem}.teaser-vitals span{padding:.24rem .38rem;border-radius:7px;color:rgba(255,255,255,.86);background:rgba(0,0,0,.32);font-size:.52rem;font-weight:750;backdrop-filter:blur(8px)}.teaser-host{margin:.45rem 0 .15rem;color:rgba(255,255,255,.8);font-size:.58rem;font-weight:750}.teaser-description{display:-webkit-box;max-width:430px;margin:0;overflow:hidden;color:rgba(255,255,255,.78);font-size:.7rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.teaser-join-bar{position:absolute;z-index:9;right:.75rem;bottom:max(.7rem,env(safe-area-inset-bottom));left:.75rem;display:flex;min-height:64px;align-items:center;justify-content:space-between;padding:.65rem .8rem .65rem 1rem;border:1px solid rgba(117,245,178,.42);border-radius:18px;color:#052417;background:linear-gradient(135deg,rgba(112,240,172,.96),rgba(27,203,118,.96));box-shadow:0 12px 34px rgba(0,0,0,.36)}.teaser-join-bar span{display:grid}.teaser-join-bar small{font-size:.5rem;font-weight:750;opacity:.7}.teaser-join-bar strong{font-size:.9rem}.teaser-join-bar i{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:rgba(3,34,19,.12);font-style:normal}.teaser-join-bar i svg{width:20px;height:20px}
.teaser-location-card{position:absolute;z-index:15;right:4.8rem;bottom:9.3rem;left:1rem;padding:1rem;border:1px solid rgba(255,255,255,.18);border-radius:18px;color:#fff;background:rgba(5,15,9,.9);box-shadow:0 18px 50px rgba(0,0,0,.4);backdrop-filter:blur(24px)}.teaser-location-card>button{position:absolute;top:.5rem;right:.6rem;border:0;color:#fff;background:none;font-size:1.3rem}.teaser-location-card p{margin:0;color:#70e9a8;font-size:.53rem;font-weight:900;text-transform:uppercase}.teaser-location-card h3{margin:.3rem 0;font-size:1.2rem}.teaser-location-card span{display:block;color:rgba(255,255,255,.6);font-size:.65rem}.teaser-location-card a{display:inline-block;margin-top:.6rem;color:#6eeaa7;font-size:.65rem;font-weight:850}
.teaser-toast,.teaser-app-toast{position:fixed;z-index:250;top:90px;left:50%;max-width:min(90vw,480px);padding:.7rem 1rem;border:1px solid rgba(99,239,168,.3);border-radius:999px;color:#fff;background:rgba(3,24,13,.94);box-shadow:0 18px 50px rgba(0,0,0,.35);font-size:.7rem;font-weight:800;transform:translateX(-50%)}
.teaser-empty-state{min-height:calc(100svh - 72px);display:grid;max-width:780px;align-content:center;justify-items:center;margin:auto;padding:9rem 1rem 4rem;text-align:center}.teaser-empty-state__orb{display:grid;width:92px;height:92px;place-items:center;margin-bottom:1.5rem;border:1px solid rgba(79,235,151,.25);border-radius:50%;background:radial-gradient(circle,#31d881,#0b3c26);box-shadow:0 0 0 18px rgba(42,208,121,.04),0 0 70px rgba(42,208,121,.18)}.teaser-empty-state h1{margin:.5rem 0;color:#fff;font-size:clamp(3.3rem,8vw,7rem);line-height:.87}.teaser-empty-state h1 em{color:#5ce69d;font-style:normal}.teaser-empty-state>p:not(.event-kicker){max-width:640px;color:rgba(255,255,255,.55)}.teaser-empty-state>div{display:flex;align-items:center;gap:1rem;margin-top:1rem}.teaser-empty-state>div>a:not(.button){color:#77e5aa;font-size:.7rem;font-weight:800}
.teaser-drawer,.teaser-report-dialog{position:fixed;z-index:400;inset:0}.teaser-drawer__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.teaser-drawer__panel{position:absolute;top:0;right:0;bottom:0;display:grid;width:min(100%,440px);grid-template-rows:auto 1fr auto;padding:1rem;color:#102219;background:#f7faf8;box-shadow:-20px 0 70px rgba(0,0,0,.35)}.teaser-drawer__panel header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .4rem 1rem;border-bottom:1px solid #dce5df}.teaser-drawer__panel header p{margin:0;color:#118454;font-size:.58rem;font-weight:900;text-transform:uppercase}.teaser-drawer__panel header h2{margin:0;font-size:1.8rem}.teaser-drawer__panel header button{border:0;background:none;font-size:1.7rem}.teaser-comment-list{overflow-y:auto;padding:1rem .2rem}.teaser-comment-list article{margin-bottom:.65rem;padding:.75rem;border:1px solid #e0e8e3;border-radius:14px;background:#fff}.teaser-comment-list strong{display:block;font-size:.67rem}.teaser-comment-list p{margin:.2rem 0;color:#425249;font-size:.72rem}.teaser-comment-list time{color:#86938c;font-size:.52rem}.teaser-drawer__panel form{display:grid;grid-template-columns:1fr auto;gap:.4rem;padding-top:.7rem;border-top:1px solid #dce5df}.teaser-drawer__panel textarea{min-width:0;resize:none}.teaser-drawer__panel form button{padding:.6rem .8rem;border:0;border-radius:12px;color:#fff;background:#0b8c57;font-weight:850}.teaser-drawer-signin{margin-top:.7rem;text-align:center}
.teaser-report-dialog>form{position:absolute;top:50%;left:50%;width:min(calc(100% - 2rem),480px);padding:1.4rem;border-radius:24px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.42);transform:translate(-50%,-50%)}.teaser-report-dialog>form>button:first-child{position:absolute;top:.7rem;right:.9rem;border:0;background:none;font-size:1.5rem}.teaser-report-dialog form>p{margin:0;color:#0d8a55;font-size:.58rem;font-weight:900;text-transform:uppercase}.teaser-report-dialog h2{margin:.2rem 0 1rem}.teaser-report-dialog label{font-size:.7rem}.teaser-report-dialog label span{color:#89938d;font-weight:400}.teaser-report-dialog select,.teaser-report-dialog textarea{width:100%;margin-bottom:.75rem}.teaser-report-dialog small{display:block;margin-top:.5rem;color:#59665f}
.teaser-upload-page{min-height:100vh;background:#eff6f1}.teaser-upload-hero{position:relative;overflow:hidden;padding:5rem 0 4rem;color:#fff;background:radial-gradient(circle at 78% 10%,rgba(52,223,135,.2),transparent 32rem),#07140d}.teaser-upload-hero__inner{position:relative;z-index:1}.teaser-back-link{display:inline-block;margin-bottom:3rem;color:#6ee7a5;font-size:.7rem;font-weight:800}.teaser-upload-hero h1{max-width:950px;margin:0;color:#fff;font-size:clamp(3.5rem,8vw,7.5rem);line-height:.86}.teaser-upload-hero h1 em{color:#64e7a1;font-style:normal}.teaser-upload-hero__inner>p:last-child{max-width:700px;margin-top:1.4rem;color:rgba(255,255,255,.6)}
.teaser-upload-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.55fr);align-items:start;gap:clamp(2rem,7vw,6rem);padding-top:4rem;padding-bottom:7rem}.teaser-upload-form{display:grid;gap:.4rem;padding:clamp(1.2rem,4vw,2rem)}.teaser-upload-form>label:not(.teaser-file-picker){margin-top:.55rem;font-size:.68rem;font-weight:850}.teaser-file-picker{display:grid;min-height:230px;place-items:center;align-content:center;gap:.35rem;margin:1rem 0;padding:1rem;border:1.5px dashed #9fbaa9;border-radius:22px;text-align:center;background:#f4faf6;cursor:pointer}.teaser-file-picker input{position:absolute;width:1px;height:1px;opacity:0}.teaser-file-picker__icon{display:grid;width:56px;height:56px;place-items:center;border-radius:50%;color:#fff;background:#0a9159;box-shadow:0 12px 30px rgba(10,145,89,.2)}.teaser-file-picker small{color:#718078}.teaser-file-picker.is-valid{border-color:#0a9a5e;background:#effbf4}.teaser-file-picker.is-invalid{border-color:#c45757;background:#fff4f4}.teaser-upload-status{color:#68776f;font-size:.68rem}.teaser-safety-note{display:grid;grid-template-columns:auto 1fr;gap:.55rem;margin:1rem 0;padding:.85rem;border-radius:14px;color:#3f5046;background:#f2f1e8;font-size:.66rem}.teaser-safety-note strong{color:#7c5d0b}.teaser-publish-button{width:100%}.teaser-upload-empty{font-size:.7rem;text-align:center}
.teaser-upload-preview{position:sticky;top:100px}.teaser-phone-frame{position:relative;width:min(100%,330px);aspect-ratio:9/16;margin:auto;overflow:hidden;border:9px solid #07100b;border-radius:42px;background:#07120c;box-shadow:0 35px 80px rgba(16,58,35,.23)}.teaser-phone-frame video{width:100%;height:100%;object-fit:cover}.teaser-phone-placeholder{display:grid;height:100%;place-items:center;align-content:center;color:rgba(255,255,255,.6);background:radial-gradient(circle at 50% 35%,#226342,#08150e 55%,#020403);text-align:center}.teaser-phone-placeholder span{font-size:3rem;font-weight:950;opacity:.15}.teaser-phone-placeholder strong{font-size:.7rem}.teaser-phone-overlay{position:absolute;right:0;bottom:0;left:0;display:grid;padding:2rem 1rem 1rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.9));font-size:.7rem}.teaser-phone-overlay small{opacity:.6}.teaser-upload-standards{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:.7rem}.teaser-upload-standards span{display:grid;padding:.55rem;border:1px solid #d8e3dc;border-radius:12px;color:#738079;background:#fff;font-size:.52rem;text-align:center}.teaser-upload-standards strong{color:#183126}
.teaser-admin-stats{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:1rem}.teaser-admin-table video{display:block;width:70px;aspect-ratio:9/16;border-radius:10px;object-fit:cover;background:#07100b}.teaser-admin-table td:nth-child(3) small{display:block}.teaser-moderation-form{display:grid;min-width:180px;gap:.3rem}.teaser-moderation-form select,.teaser-moderation-form input{min-height:34px;padding:.3rem .45rem;font-size:.62rem}.teaser-moderation-form button,.teaser-admin-item button{padding:.35rem .5rem;border:0;border-radius:7px;color:#fff;background:#0b8754;font-size:.58rem;font-weight:800}.teaser-admin-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem}.teaser-admin-item{margin-bottom:.55rem;padding:.8rem;border:1px solid rgba(12,62,37,.1);border-radius:14px;background:#f7faf8}.teaser-admin-item p{margin:.25rem 0;color:#526159;font-size:.68rem}.teaser-admin-item small{display:block;color:#7a877f;font-size:.54rem}.teaser-admin-item form{display:flex;gap:.3rem;margin-top:.5rem}
@keyframes teaser-live-pulse{50%{opacity:.35;transform:scale(.75)}}
@media(min-width:760px){.teaser-card:before{position:absolute;inset:0;background:radial-gradient(circle at 25% 50%,rgba(28,197,113,.08),transparent 25%),radial-gradient(circle at 75% 40%,rgba(217,172,58,.06),transparent 24%);content:""}.teaser-stage{border-inline:1px solid rgba(255,255,255,.08)}}
@media(max-width:760px){.teasers-page{min-height:calc(100svh - 69px)}.teaser-feed,.teaser-card,.teaser-stage{width:100%;max-width:100vw}.teaser-feed,.teaser-card{height:calc(100svh - 69px)}.teaser-card{min-height:560px}.teaser-discovery-bar{width:100%;max-width:100vw;padding:.5rem .55rem 0}.teaser-wordmark small{display:none}.teaser-category-strip{width:100%;margin-top:.4rem}.teaser-badges{top:5.9rem}.teaser-sound-toggle{top:5.8rem}.teaser-story{right:4.4rem;bottom:6.3rem;left:.85rem}.teaser-story h2{font-size:clamp(2rem,10vw,3.25rem)}.teaser-action-rail{right:.35rem;bottom:7rem;gap:.18rem}.teaser-action-rail button{width:52px;min-height:53px}.teaser-icon{width:38px;height:38px}.teaser-icon svg{width:19px;height:19px}.teaser-action-rail small{line-height:1}.teaser-join-bar{right:.5rem;left:.5rem;min-height:59px;border-radius:15px}.teaser-location-filter>div:first-child{grid-template-columns:1fr auto}.teaser-location-filter>div:first-child>button{grid-column:1/-1}.teaser-location-tools{align-items:start;flex-direction:column;gap:.2rem}.teaser-location-tools span{max-width:100%}.teaser-upload-layout{grid-template-columns:1fr}.teaser-upload-preview{position:static;order:-1}.teaser-phone-frame{width:min(72vw,290px)}.teaser-upload-hero{padding-top:3.5rem}.teaser-back-link{margin-bottom:2rem}.teaser-upload-hero h1{font-size:clamp(3rem,15vw,5rem)}.teaser-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.teaser-admin-split{grid-template-columns:1fr}}
@media(max-width:430px){.teaser-top-actions button{font-size:0;width:40px;padding:0}.teaser-top-actions button:before{content:"⌖";font-size:.9rem}.teaser-top-actions a{padding:.4rem .55rem}.teaser-description{-webkit-line-clamp:2}.teaser-vitals span{font-size:.48rem}.teaser-empty-state>div{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.teaser-feed{scroll-behavior:auto}.teaser-live-badge i{animation:none}}