.stream-page { max-width: 960px; padding-block: 48px 80px; }
.stream-page h1 { overflow-wrap: anywhere; }
.stream-page__profile { font-weight: 700; color: #c6a5ff; }
.stream-page__metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 32px 0; }
.stream-page__metrics > div { padding: 20px; background: #211a2b; border: 1px solid #49365c; border-radius: 16px; }
.stream-page__metrics dt { color: #c6b3d4; font-size: 14px; }
.stream-page__metrics dd { margin: 8px 0 0; font-size: 22px; font-weight: 700; overflow-wrap: anywhere; }
.stream-page__actions { margin-bottom: 40px; }
.stream-page__watch { display: inline-flex; padding: 14px 22px; border-radius: 999px; background: #c5a5ff; color: #201329; font-weight: 700; text-decoration: none; }
.stream-page__watch:hover { background: #d8bfff; }
.stream-page__watch:focus-visible, .stream-page button:focus-visible { outline: 3px solid #392149; outline-offset: 4px; }
.stream-page button { padding: 10px 18px; border: 1px solid #bca5cc; border-radius: 999px; background: #fff; color: #392149; cursor: pointer; }
.stream-page [hidden] { display: none; }
.stream-page section { margin-top: 28px; }
.stream-page li { margin-block: 8px; overflow-wrap: anywhere; }
@media (max-width: 540px) { .stream-page { padding-top: 28px; } .stream-page__metrics { grid-template-columns: 1fr; gap: 10px; } .stream-page__watch { width: 100%; justify-content: center; box-sizing: border-box; } }