:root{color:#f3f4f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0e1115;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-height:100%}body{min-width:280px;margin:0}button,input,textarea,select{font:inherit}img,video{max-width:100%}h1,h2,p{margin-block:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #8bc4f0}:root{color:#f3f4f6;background:#101215;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button{font:inherit}button:disabled{cursor:not-allowed;opacity:.55}.activity-shell,.external-shell{background:radial-gradient(circle at 88% 0,#213147 0,#0000 34rem),#0e1115;justify-content:center;align-items:center;min-height:100svh;padding:clamp(20px,4vw,40px);display:flex;overflow-x:hidden}.activity-content{width:100%;max-width:680px;position:relative}.activity-content>.brand-header{padding-right:56px}.notification-button{color:#c6d3df;cursor:pointer;z-index:20;background:#171c22;border:1px solid #34404c;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex;position:absolute;top:0;right:0}.notification-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.notification-button:hover,.notification-button:focus-visible,.notification-button[aria-expanded=true]{color:#f2f7fb;background:#24313e;border-color:#7899b8;outline:none}.notification-button:focus-visible{box-shadow:0 0 0 3px #6d9fc955}.notification-indicator{background:#ff5e6f;border:2px solid #171c22;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:7px}.notification-panel{z-index:30;background:#171c22;border:1px solid #3a4654;border-radius:14px;width:min(360px,100vw - 32px);max-height:min(430px,70vh);position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 20px 60px #000b}.notification-panel-heading{border-bottom:1px solid #303945;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notification-panel-heading strong{font-size:.92rem}.notification-panel-heading button{color:#91a0ae;cursor:pointer;background:0 0;border:0;border-radius:7px;width:30px;height:30px;font-size:1.25rem;line-height:1}.notification-panel-heading button:hover,.notification-panel-heading button:focus-visible{color:#fff;background:#27313b;outline:none}.notification-list{max-height:350px;overflow-y:auto}.notification-list article{border-bottom:1px solid #2b333d;padding:14px 16px}.notification-list article:last-child{border-bottom:0}.notification-list strong{color:#edf3f8;font-size:.86rem;display:block}.notification-list p{color:#aab5c0;overflow-wrap:anywhere;margin:5px 0 8px;font-size:.8rem;line-height:1.45}.notification-list time{color:#748393;font-size:.7rem}.notification-empty{color:#93a0ad;text-align:center;margin:0;padding:24px 16px;font-size:.82rem}.external-content{width:100%;max-width:1040px}.brand-header{text-align:left;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:22px;margin-bottom:28px;display:grid}.brand-header-compact{grid-template-columns:78px minmax(0,1fr);gap:18px;margin-bottom:22px}.brand-art{filter:drop-shadow(0 14px 24px #0008);width:96px;max-width:100%;height:auto;display:block}.brand-header-compact .brand-art{width:78px}.brand-copy{min-width:0}.eyebrow{color:#8fa8c5;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:700}h1{color:#f4f7fa;letter-spacing:-.045em;overflow-wrap:break-word;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(2rem,6vw,3.25rem);font-weight:650;line-height:1.02}.intro{color:#aeb6c2;text-wrap:pretty;max-width:56ch;margin:10px 0 0;font-size:1rem;line-height:1.5}.choice-grid{gap:14px;display:grid}.share-choice{margin-bottom:30px}.choice{color:inherit;cursor:pointer;text-align:left;background:#1a1e24;border:1px solid #333b46;border-radius:14px;align-items:center;gap:18px;width:100%;min-width:0;min-height:106px;padding:22px;display:flex}.choice:hover:not(:disabled),.choice:focus-visible{background:#20262e;border-color:#7b96b7;outline:none}.choice-primary{background:#244565;border-color:#5f91bd}.choice span:first-child{background:#ffffff1a;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.choice span:last-child{gap:5px;min-width:0;display:grid}.choice small{color:#b7c0cb;overflow-wrap:anywhere;font-size:.9rem;line-height:1.35}.live-section{border-top:1px solid #2b323b;padding-top:24px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-heading h2{letter-spacing:-.01em;margin:0;font-size:1.05rem}.section-heading span{color:#aebbc9;background:#242a32;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:.75rem;font-weight:700;display:flex}.empty-state{color:#97a2ae;text-align:center;background:#171a1f;border:1px dashed #343c46;border-radius:13px;margin:0;padding:22px}.stream-list{gap:10px;display:grid}.stream-card{color:inherit;cursor:pointer;text-align:left;background:#191d23;border:1px solid #343c46;border-radius:14px;grid-template-columns:76px minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;min-height:88px;padding:10px 16px 10px 10px;display:grid}.stream-card:hover:not(:disabled),.stream-card:focus-visible{background:#20262e;border-color:#6a91b7;outline:none;transform:translateY(-1px)}.stream-cover{background:radial-gradient(circle at 50% 40%,#254d70,#121820);border-radius:10px;justify-content:center;align-items:center;width:76px;height:66px;display:flex;position:relative;overflow:hidden}.stream-cover>img:first-child{object-fit:contain;width:64px;height:64px}.stream-avatar{object-fit:cover;border:2px solid #20262e;border-radius:50%;width:25px;height:25px;position:absolute;bottom:4px;right:4px}.stream-copy{gap:3px;min-width:0;display:grid}.stream-copy strong,.stream-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stream-copy small{color:#aeb8c4;font-size:.82rem}.stream-copy small:last-child{color:#778493;font-size:.75rem}.live-badge{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#c33845;border-radius:6px;padding:5px 7px;font-size:.68rem;font-weight:800}.stream-arrow{color:#8da3bb;font-size:1.7rem}.media-stage{aspect-ratio:16/9;object-fit:contain;background:#08090b;border:1px solid #333b46;border-radius:14px;width:100%;display:block;box-shadow:0 18px 60px #0008}.player-stage{position:relative}.playback-overlay{color:#f4f8fc;cursor:pointer;background:#0b1016d9;border:1px solid #82add3;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:150px;min-height:118px;padding:20px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 12px 36px #000a}.playback-overlay span{background:#376b98;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding-left:5px;font-size:2rem;display:flex}.playback-overlay strong{font-size:.92rem}.playback-overlay:hover,.playback-overlay:focus-visible{background:#16283aee;border-color:#b8dcfa;outline:none}.control-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.performance-note{background:#151b21;border:1px solid #303b47;border-left:3px solid #6d9fc9;border-radius:12px;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:16px;padding:14px 16px 14px 14px;display:grid}.performance-note-mark{color:#b9dcfa;background:#26394a;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.performance-note h2{color:#e9f1f8;letter-spacing:-.01em;margin:0;font-size:.92rem;line-height:1.3}.performance-note p{color:#aeb9c5;max-width:72ch;margin:4px 0 0;font-size:.84rem;line-height:1.45}.performance-note small{color:#778b9f;margin-top:6px;font-size:.74rem;line-height:1.4;display:block}.action{color:#f3f4f6;cursor:pointer;background:#1c222a;border:1px solid #3b4551;border-radius:10px;min-height:44px;padding:0 17px}.action:hover:not(:disabled),.action:focus-visible{background:#28323d;border-color:#7795b4;outline:none}.action-primary{background:#2b587f;border-color:#6a9dcc}.action-danger{background:#392326;border-color:#704049;margin-left:auto}.status{color:#b7cce3;text-align:center;max-width:58ch;min-height:1.45em;margin:18px auto 0;line-height:1.45}.retry-row{justify-content:center;margin-top:12px;display:flex}.expired-overlay{z-index:1000;background:#07090def;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.expired-dialog{text-align:center;background:#171c23;border:1px solid #3a4654;border-radius:16px;width:100%;max-width:430px;padding:32px;box-shadow:0 24px 80px #000b}.expired-dialog img{filter:drop-shadow(0 12px 22px #0008);object-fit:contain;width:72px;height:72px;margin-bottom:12px}.expired-dialog .eyebrow{margin-bottom:10px}.expired-dialog h2{color:#f4f7fa;margin:0;font-size:1.55rem;line-height:1.2}.expired-dialog>p:last-of-type{color:#aeb8c4;margin:12px 0 0;line-height:1.55}.expired-dialog-action{margin-top:20px}.connection-dialog{max-width:390px}.connection-spinner{border:3px solid #344252;border-top-color:#83b9e7;border-radius:50%;width:28px;height:28px;margin:0 auto 18px;animation:.8s linear infinite connection-spin;display:block}@keyframes connection-spin{to{transform:rotate(360deg)}}.support-card{border-top:1px solid #2b323b;margin-top:24px;padding-top:18px}.support-card-inner{background:#171c22;border:1px solid #34404c;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.support-message{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.support-mark{color:#9fc9ec;background:#293746;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.support-copy{gap:2px;min-width:0;display:grid}.support-copy strong{font-size:.88rem;line-height:1.3}.support-copy small{color:#9eabb8;overflow-wrap:anywhere;font-size:.77rem;line-height:1.4}.support-actions{gap:8px;display:flex}.support-actions a,.support-actions button{color:#edf5fc;cursor:pointer;text-align:center;background:#25394c;border:1px solid #4d7192;border-radius:8px;min-width:58px;padding:9px 12px;font-size:.8rem;font-weight:650;text-decoration:none}.support-actions a:hover,.support-actions button:hover{background:#304d67;border-color:#7fa6c8}.support-actions a:focus-visible,.support-actions button:focus-visible{outline:none;box-shadow:0 0 0 3px #6d9fc955}.pix-overlay{z-index:1100;background:#07090def;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pix-qr-button{cursor:pointer;background:#fff;border:0;border-radius:14px;padding:14px;line-height:0;display:block;box-shadow:0 24px 80px #000c}.pix-qr-button:focus-visible{outline:none;box-shadow:0 0 0 4px #8eb7dc,0 24px 80px #000c}.pix-qr-button img{width:100%;max-width:min(72vw,420px);height:auto;max-height:min(72vh,420px);display:block}.legal-links{justify-content:center;gap:14px;margin-top:20px;display:flex}.legal-links a,.legal-links button{color:#8fa8c5;cursor:pointer;background:0 0;border:0;padding:0;font-size:.78rem;text-decoration:none}.legal-links a:hover,.legal-links a:focus-visible,.legal-links button:hover,.legal-links button:focus-visible{color:#c7dcf2;outline:none;text-decoration:underline}@media (width<=640px){.activity-shell,.external-shell{align-items:flex-start;padding:22px 16px}.brand-header{grid-template-columns:68px minmax(0,1fr);gap:14px;margin-bottom:22px}.brand-header-compact{grid-template-columns:54px minmax(0,1fr);margin-bottom:18px}.brand-art{width:68px}.brand-header-compact .brand-art{width:54px}.eyebrow{margin-bottom:7px;font-size:.68rem}h1{font-size:clamp(1.75rem,9vw,2.5rem);line-height:1.04}.intro{margin-top:7px;font-size:.92rem;line-height:1.4}.choice{min-height:88px;padding:16px}.stream-card{grid-template-columns:60px minmax(0,1fr) auto;gap:10px;padding-right:12px}.stream-cover{width:60px;height:56px}.stream-cover>img:first-child{width:54px;height:54px}.stream-arrow{display:none}.action{flex:auto}.action-danger{margin-left:0}.performance-note{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:12px}.performance-note-mark{border-radius:8px;width:28px;height:28px}.support-card-inner{grid-template-columns:1fr;align-items:stretch}.support-actions{justify-content:flex-end}}@media (width<=420px){.brand-header,.brand-header-compact{display:block}.brand-art,.brand-header-compact .brand-art{display:none}.choice{gap:13px}.choice span:first-child{width:42px;height:42px}.choice strong{overflow-wrap:anywhere}.live-badge{display:none}}@media (height<=680px) and (width>=641px){.activity-shell,.external-shell{align-items:flex-start;padding-block:20px}.brand-header{grid-template-columns:72px minmax(0,1fr);margin-bottom:20px}.brand-art{width:72px}.eyebrow{margin-bottom:7px}h1{font-size:clamp(2rem,5vw,2.7rem)}.intro{margin-top:6px}.choice{min-height:88px;padding-block:16px}.share-choice{margin-bottom:22px}.live-section{padding-top:20px}}@media (prefers-reduced-motion:reduce){.stream-card{transition:none}.connection-spinner{animation-duration:1.8s}}