a{color:var(--color-blue-dark)}a:hover{color:var(--color-blue)}a.button{min-width:120px;padding:.75rem 1.5rem;font-size:.875rem;display:flex;justify-content:center;align-items:center;gap:.25rem;background-color:var(--color-blue-dark);color:#fff;border:0;border-radius:100px;cursor:pointer;text-align:center;border:2px solid var(--color-blue-dark);font-size:1rem;text-decoration:none}a.button:hover{background-color:var(--color-blue)}a.button *{display:inline-block}a.button icon{width:1rem;height:1rem}a.button.small{min-width:80px;padding:.4rem .875rem;font-size:.75rem}a.button.secondary{background-color:var(--bg-color-secondary);border:2px solid var(--color-blue-dark);color:var(--color-blue-dark)}a.button.secondary:hover{background-color:var(--bg-color-primary)}button{min-width:120px;padding:.75rem 1.5rem;font-size:.875rem;display:flex;justify-content:center;align-items:center;gap:.25rem;background-color:var(--color-blue-dark);color:#fff;border:0;border-radius:100px;cursor:pointer;text-align:center;border:2px solid var(--color-blue-dark)}button:hover{background-color:var(--color-blue)}button *{display:inline-block}button icon{width:1rem;height:1rem}button.small{min-width:80px;padding:.4rem .875rem;font-size:.75rem}button.secondary{background-color:var(--bg-color-secondary);border:2px solid var(--color-blue-dark);color:var(--color-blue-dark)}button.secondary:hover{background-color:var(--bg-color-primary)}@font-face{font-family:Funnel_Sans;src:local("Funnel_Sans-Variable"),url(/assets/FunnelSans-VariableFont_wght-COdzd6du.ttf)}:root{--form-border: var(--bg-color-secondary);--form-radius: 6px}form h2{margin:.25rem 0 .5rem;font-weight:500}form form-group{display:block;margin-bottom:1rem}form label{display:block;margin:.5rem 0;font-weight:400;font-size:.875rem}form validation{display:block}form input,form select,form textarea{width:100%;padding:.75rem;border:1px solid var(--border-medium);border-radius:var(--form-radius);background-color:var(--bg-color-primary);color:var(--text);font-size:1rem}form input:focus,form select:focus,form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}form ::placeholder{opacity:.5}form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23333'%3E%3Cpath d='M4 6h8l-4 6-4-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}form textarea{min-height:120px;resize:vertical}form input[type=checkbox],form input[type=radio]{width:auto;margin-right:.5rem;accent-color:var(--primary)}form .error{color:var(--color-red-dark)}form input:required+label:after,form label:has(+input:required):after{content:" *";color:var(--color-red)}form fieldset{border:1px solid var(--form-border);border-radius:var(--form-radius);padding:1rem;margin-bottom:1.5rem}form legend{padding:0 .5rem;font-weight:500}form help-text{display:block;margin-top:.25rem}form form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;border-top:1px solid var(--form-border)}form form-footer button,form form-footer input[type=submit],form form-footer input[type=reset],form form-footer input[type=button]{margin-left:1rem;font-size:.875rem}form form-footer button:first-child,form form-footer input:first-child{margin-left:0}form form-footer button[type=reset],form form-footer input[type=reset]{background-color:transparent;color:var(--text);border:1px solid var(--form-border)}form form-footer button[type=reset]:hover,form form-footer input[type=reset]:hover{background-color:#f5f5f5;color:var(--text-light)}form form-footer-actions{display:flex;gap:.75rem;margin-left:auto}form form-info{display:block;padding:1rem .5rem;margin:1rem 0;background-color:var(--bg-color-primary);border-left:8px solid var(--color-blue);border-radius:var(--form-radius);line-height:1.5;font-size:.75rem}form form-info[type=note]{border-left-color:var(--color-yellow)}form form-info[type=success]{border-left-color:var(--color-green)}form form-info[type=error]{border-left-color:var(--color-red)}form form-info a{font-weight:500;color:var(--color-blue-dark)}form form-info a:hover{color:var(--color-blue)}form form-info-action{display:inline-block;margin-top:.5rem;font-weight:500;color:var(--color-blue-dark);text-decoration:none;cursor:pointer}form form-info-action:after{content:" →"}form form-info-action:hover:after{margin-left:.25rem}form form-info[align=center]{text-align:center}form form-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-light);font-size:.9rem}form form-divider:before,form form-divider:after{content:"";flex:1;height:1px;background-color:var(--form-border)}form form-divider:before{margin-right:1rem}form form-divider:after{margin-left:1rem}@media (max-width: 480px){form-footer{flex-direction:column;gap:1rem}form-footer button,form-footer input[type=submit],form-footer input[type=reset],form-footer input[type=button]{width:100%;margin-left:0}form-footer-actions{width:100%;margin-left:0}}body{background-color:var(--bg-color-primary);font-family:var(--font);color:var(--text-color-primary);font-size:12px;min-height:100vh;min-height:100dvh;padding-bottom:var(--navbar-height);box-sizing:border-box}page{display:block}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--table-border: var(--border-light);--table-header-bg: var(--bg-color-accent);--table-row-hover: var(--bg-color-accent);--table-stripe-bg: var(--bg-color-primary)}table{width:100%;border-collapse:collapse;border-spacing:0;background-color:var(--bg-color-secondary);color:var(--text-color-primary);font-size:.9rem}table.bordered{border:1px solid var(--table-border);border-radius:8px;overflow:hidden}table.striped tbody tr:nth-child(2n){background-color:var(--table-stripe-bg)}table.hoverable tbody tr{transition:background-color .2s ease}table.hoverable tbody tr:hover{background-color:var(--table-row-hover);cursor:pointer}table.compact th,table.compact td{padding:.5rem .75rem}table.full{table-layout:fixed}table thead{background-color:var(--table-header-bg);border-bottom:2px solid var(--table-border)}table thead th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em;color:var(--text-color-primary);white-space:nowrap}table thead th.center{text-align:center}table thead th.right{text-align:right}table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:1.5rem}table thead th.sortable:after{content:"↕";position:absolute;right:.5rem;opacity:.3;transition:opacity .2s}table thead th.sortable:hover:after{opacity:.6}table thead th.sortable.sorted-asc:after{content:"↑";opacity:1}table thead th.sortable.sorted-desc:after{content:"↓";opacity:1}table tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--border-lighter);color:var(--text-color-primary)}table tbody td.center{text-align:center}table tbody td.right{text-align:right}table tbody td.nowrap{white-space:nowrap}table tbody td status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}table tbody td status-badge.active{background:var(--color-green);color:#fff}table tbody td status-badge.inactive{background:var(--color-red);color:#fff}table tbody td status-badge.pending{background:var(--color-yellow);color:#000}table tbody td table-actions{display:flex;gap:.5rem;justify-content:flex-end}table tbody td table-actions button{padding:.25rem .5rem;font-size:.75rem}table tbody tr:last-child td{border-bottom:none}table tbody.empty tr td{padding:2rem;text-align:center;color:var(--text-color-secondary);font-style:italic}table tfoot{background-color:var(--table-header-bg);border-top:2px solid var(--table-border)}table tfoot td{padding:.75rem 1rem;font-weight:600}table-wrapper{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table-wrapper.scrollable{position:relative}table-wrapper.scrollable:before,table-wrapper.scrollable:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1}table-wrapper.scrollable:before{left:0;background:linear-gradient(to right,var(--bg-color-secondary),transparent)}table-wrapper.scrollable:after{right:0;background:linear-gradient(to left,var(--bg-color-secondary),transparent)}@media (max-width: 768px){table{font-size:.85rem}table thead th,table tbody td{padding:.5rem .75rem}table.responsive thead{display:none}table.responsive tbody{display:block}table.responsive tbody tr{display:block;margin-bottom:1rem;border:1px solid var(--table-border);border-radius:8px;padding:.75rem}table.responsive tbody td{display:flex;justify-content:space-between;padding:.5rem 0;border:none}table.responsive tbody td:before{content:attr(data-label);font-weight:600;text-transform:uppercase;font-size:.75rem;color:var(--text-color-secondary)}table.responsive tbody td:last-child{padding-bottom:0}}:root{--font: "Funnel_Sans";--navbar-height: 52px}[data-theme=light]{--bg-color-primary: #f7f5f0;--bg-color-secondary: #fffdf9ff;--bg-color-tertiary: #ffffff;--bg-color-accent: #f0ede6;--color-red: #e17055;--color-red-dark: #d45f42ff;--color-yellow: #ffd93d;--color-green: #6bcf7f;--color-green-dark: #42a556ff;--color-blue: #74b9ff;--color-blue-dark: #468acfff;--color-purple: #a29bfe;--color-pink: #fd79a8;--text-color-primary: #2c2823;--text-color-secondary: #4a453e;--border-lighter: #e9e9e9ff;--border-light: #bdbdbdff;--border-medium: #8a8a8aff;--border-dark: #2c2823;--color-background-opacity: .8}[data-theme=dark]{--bg-color-primary: #1a1a1a;--bg-color-secondary: #242424;--bg-color-tertiary: #2e2e2e;--bg-color-accent: #383838;--color-red: #d14b2aff;--color-red-dark: #bf4e32ff;--color-yellow: #dfbb2cff;--color-green: #3cac52ff;--color-green-dark: #339a47ff;--color-blue: #5094d8ff;--color-blue-dark: #4588cbff;--color-purple: #6b65c1ff;--color-pink: #d95181ff;--text-color-primary: #e8e8e8;--text-color-secondary: #d0d0d0;--border-light: #333333;--border-medium: #444444;--border-dark: #555555;--color-background-opacity: .5}page.account account-sidebar{display:block;width:100%;position:relative;align-self:flex-start}@media (min-width: 769px) and (max-width: 1023px){page.account account-sidebar{position:sticky;top:0;z-index:10}}@media (min-width: 1400px){page.account account-sidebar{flex:0 0 250px;top:2rem;margin:0 1rem}}page.account nav-toggle{display:block;position:absolute;top:.5rem;right:0rem;z-index:20;cursor:pointer}@media (min-width: 769px){page.account nav-toggle{display:none}}page.account nav-toggle hamburger-icon{display:flex;flex-direction:column;gap:3px;width:24px;height:18px}page.account nav-toggle hamburger-icon span{display:block;height:3px;width:100%;background:var(--text-color-primary);border-radius:2px;transition:all .2s ease}page.account nav-toggle hamburger-icon.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}page.account nav-toggle hamburger-icon.open span:nth-child(2){opacity:0}page.account nav-toggle hamburger-icon.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}page.account account-sidebar nav{overflow:hidden;background-color:var(--bg-color-primary);display:none;position:absolute;top:100%;left:0;right:0;z-index:100;box-shadow:0 4px 6px #0000001a}page.account account-sidebar nav.open{display:block}@media (min-width: 769px){page.account account-sidebar nav{position:sticky;top:0;display:flex;overflow-x:auto;box-shadow:none}}@media (min-width: 1400px){page.account account-sidebar nav{display:block;overflow-x:visible;border-radius:0 8px 8px 0;position:relative;top:auto;box-shadow:none}}page.account account-sidebar nav ul{display:block;width:100%;margin:0;padding:0;list-style:none}@media (min-width: 769px){page.account account-sidebar nav ul{display:flex}}@media (min-width: 1400px){page.account account-sidebar nav ul{display:block}}page.account account-sidebar nav li{display:block;flex:none}@media (min-width: 769px){page.account account-sidebar nav li{display:flex;flex:1 1 auto;min-width:0}}@media (min-width: 1400px){page.account account-sidebar nav li{display:block;flex:none}}page.account account-sidebar nav li a{display:block;padding:1rem 1.5rem;width:100%;text-align:left;text-decoration:none;color:var(--text-color-primary);font-size:.875rem;white-space:nowrap;border-left:3px solid var(--color-blue);border-bottom:1px solid var(--border-light)}page.account account-sidebar nav li a:hover{background:var(--bg-color-secondary)}page.account account-sidebar nav li a.active{border-left:6px solid var(--color-blue);background:var(--bg-color-secondary);font-weight:600}@media (min-width: 769px){page.account account-sidebar nav li a{padding:.75rem 1rem;text-align:center;min-width:fit-content;border-left:none;border-bottom:3px solid var(--color-blue)}page.account account-sidebar nav li a.active{border-left:none;border-bottom:6px solid var(--color-blue)}}@media (min-width: 1400px){page.account account-sidebar nav li a{padding:1rem 1.5rem;text-align:left;border-left:3px solid var(--color-blue);border-bottom:none}page.account account-sidebar nav li a.active{border-bottom:none;border-left:6px solid var(--color-blue)}}page.account account-sidebar nav li.yellow a{border-color:var(--color-yellow)}page.account account-sidebar nav li.blue a{border-color:var(--color-blue)}page.account account-sidebar nav li.green a{border-color:var(--color-green)}page.account account-sidebar nav li.pink a{border-color:var(--color-pink)}page.account account-sidebar nav li.red a{border-color:var(--color-red)}page.account account-sidebar nav li.purple a{border-color:var(--color-purple)}page.account profile-card{flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;display:flex;justify-content:center;padding:2rem 1.5rem}page.account profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.account profile-card.yellow:before{background:var(--color-yellow)}page.account profile-card.blue:before{background:var(--color-blue)}page.account profile-card.green:before{background:var(--color-green)}page.account profile-card.pink:before{background:var(--color-pink)}page.account profile-card.red:before{background:var(--color-red)}page.account profile-card.purple:before{background:var(--color-purple)}page.account profile-card:before{background:var(--color-yellow)}page.account profile-card profile-details p{color:var(--text-color-secondary)}page.account preference-card{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;display:block;padding:2rem 1.5rem}page.account preference-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.account preference-card.yellow:before{background:var(--color-yellow)}page.account preference-card.blue:before{background:var(--color-blue)}page.account preference-card.green:before{background:var(--color-green)}page.account preference-card.pink:before{background:var(--color-pink)}page.account preference-card.red:before{background:var(--color-red)}page.account preference-card.purple:before{background:var(--color-purple)}page.account preference-card:before{background:var(--color-blue)}page.account preference-card preference-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}page.account preference-card preference-item preference-label{font-size:.875rem}page.account channel-grid{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}page.account channel-grid empty-state{position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}page.account channel-grid empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.account channel-grid empty-state.yellow:before{background:var(--color-yellow)}page.account channel-grid empty-state.blue:before{background:var(--color-blue)}page.account channel-grid empty-state.green:before{background:var(--color-green)}page.account channel-grid empty-state.pink:before{background:var(--color-pink)}page.account channel-grid empty-state.red:before{background:var(--color-red)}page.account channel-grid empty-state.purple:before{background:var(--color-purple)}page.account channel-grid empty-state:before{background:var(--color-green)}page.account channel-grid empty-state h3{margin:0;color:var(--text-color-primary)}page.account channel-grid empty-state p{margin:0;color:var(--text-color-secondary)}page.account channel-card{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;justify-content:flex-start;padding:2rem 1rem;display:block;overflow:hidden}page.account channel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.account channel-card.yellow:before{background:var(--color-yellow)}page.account channel-card.blue:before{background:var(--color-blue)}page.account channel-card.green:before{background:var(--color-green)}page.account channel-card.pink:before{background:var(--color-pink)}page.account channel-card.red:before{background:var(--color-red)}page.account channel-card.purple:before{background:var(--color-purple)}@media (min-width: 769px){page.account channel-card{padding:2rem 1.5rem}}page.account channel-card:before{background:var(--color-green)}page.account channel-card channel-header{display:block;color:var(--text-color-primary);padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}page.account channel-card channel-header channel-title{display:flex;justify-content:space-between;align-items:center}page.account channel-card channel-header channel-title channel-name-group{display:flex;align-items:center;gap:.75rem}page.account channel-card channel-header channel-title channel-name-group h3{margin:0}page.account channel-card channel-header channel-title channel-name-group .button.extra-small{padding:.25rem .5rem;font-size:.75rem;min-width:unset;white-space:nowrap}page.account channel-card channel-header channel-title status-indicator{padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600;text-transform:uppercase}page.account channel-card channel-header channel-title status-indicator.active{background:var(--color-green-dark);color:#fff}page.account channel-card channel-header channel-title status-indicator.pending-cancellation{background:var(--color-yellow);color:var(--text-color-primary)}page.account channel-card channel-header channel-title status-indicator.expired{background:var(--color-red-dark);color:#fff}page.account channel-card channel-content{display:block;padding:1.5rem 0}@media (min-width: 769px){page.account channel-card channel-content{padding:1.5rem}}page.account channel-card channel-content h4{font-weight:700;font-size:1.1rem;margin:0 0 .75rem;padding-bottom:.25rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}page.account channel-card channel-content expired-notice{display:block;text-align:center;padding:1rem}page.account channel-card channel-content expired-notice p{margin-bottom:1rem;color:var(--text-color-secondary)}page.account channel-card channel-content channel-description-section{display:block;margin-bottom:1.5rem}page.account channel-card channel-content channel-description-section description-content{display:block}page.account channel-card channel-content channel-description-section description-content description-display-wrapper{display:block;position:relative}page.account channel-card channel-content channel-description-section description-content description-display-wrapper .edit-button{float:right;margin-left:1rem;margin-bottom:.5rem}page.account channel-card channel-content channel-description-section description-content description-display{display:block}page.account channel-card channel-content channel-description-section description-content description-display p{margin:0;line-height:1.6;white-space:pre-wrap}page.account channel-card channel-content channel-description-section description-content description-display p.empty-description{color:var(--text-color-secondary);font-style:italic}page.account channel-card channel-content channel-description-section description-content description-display description-markdown{display:block;line-height:1.6}page.account channel-card channel-content channel-description-section description-content description-display description-markdown p{margin:0 0 1rem}page.account channel-card channel-content channel-description-section description-content description-display description-markdown p:last-child{margin-bottom:0}page.account channel-card channel-content channel-description-section description-content description-display description-markdown h1,page.account channel-card channel-content channel-description-section description-content description-display description-markdown h2,page.account channel-card channel-content channel-description-section description-content description-display description-markdown h3,page.account channel-card channel-content channel-description-section description-content description-display description-markdown h4,page.account channel-card channel-content channel-description-section description-content description-display description-markdown h5,page.account channel-card channel-content channel-description-section description-content description-display description-markdown h6{margin:1.5rem 0 .5rem;color:var(--text-color-primary)}page.account channel-card channel-content channel-description-section description-content description-display description-markdown h1:first-child,page.account channel-card channel-content channel-description-section description-content description-display description-markdown h2:first-child,page.account channel-card channel-content channel-description-section description-content description-display description-markdown h3:first-child,page.account channel-card channel-content channel-description-section description-content description-display description-markdown h4:first-child,page.account channel-card channel-content channel-description-section description-content description-display description-markdown h5:first-child,page.account channel-card channel-content channel-description-section description-content description-display description-markdown h6:first-child{margin-top:0}page.account channel-card channel-content channel-description-section description-content description-display description-markdown ul,page.account channel-card channel-content channel-description-section description-content description-display description-markdown ol{margin:0 0 1rem;padding-left:2rem}page.account channel-card channel-content channel-description-section description-content description-display description-markdown li{margin-bottom:.25rem}page.account channel-card channel-content channel-description-section description-content description-display description-markdown a{color:var(--color-blue-dark);text-decoration:underline}page.account channel-card channel-content channel-description-section description-content description-display description-markdown a:hover{color:var(--color-blue)}page.account channel-card channel-content channel-description-section description-content description-display description-markdown code{background:var(--bg-color-secondary);padding:.125rem .25rem;border-radius:3px;font-family:monospace;font-size:.875em}page.account channel-card channel-content channel-description-section description-content description-display description-markdown pre{background:var(--bg-color-secondary);padding:.75rem;border-radius:4px;overflow-x:auto;margin:0 0 1rem}page.account channel-card channel-content channel-description-section description-content description-display description-markdown pre code{background:none;padding:0}page.account channel-card channel-content channel-description-section description-content description-display description-markdown blockquote{margin:0 0 1rem;padding-left:1rem;border-left:3px solid var(--border-light);color:var(--text-color-secondary)}page.account channel-card channel-content channel-description-section description-content description-edit{display:block}page.account channel-card channel-content channel-description-section description-content description-edit textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid var(--border-light);border-radius:4px;font-family:inherit;font-size:.875rem;line-height:1.6;resize:vertical;background:var(--bg-color-secondary);color:var(--text-color-primary);margin-bottom:.75rem}page.account channel-card channel-content channel-description-section description-content description-edit textarea:focus{outline:none;border-color:var(--color-blue-dark)}page.account channel-card channel-content channel-description-section description-content description-edit description-actions{display:flex;gap:.5rem}page.account channel-card channel-content channel-info{display:block;margin-bottom:1.5rem}page.account channel-card channel-content channel-info info-item{display:flex;flex-direction:column;margin-bottom:.75rem}page.account channel-card channel-content channel-info info-item info-label{font-weight:700;font-size:1.1rem;margin-bottom:.75rem;padding-bottom:.25rem;border-bottom:1px solid var(--border-light)}page.account channel-card channel-content channel-info info-item info-value{flex:1}page.account channel-card channel-content channel-info info-item info-value auth-token{margin-left:1rem;display:flex;justify-content:space-between}page.account channel-card channel-content channel-info info-item info-value auth-token span[x-show="!show"]{letter-spacing:.125rem}page.account channel-card channel-content channel-info info-item info-value auth-token-actions{display:flex;align-items:center;gap:.5rem}page.account channel-card channel-content channel-section{display:block;margin:2rem 0}page.account channel-card channel-content channel-section billing-period{display:block;font-size:.75rem;color:var(--text-color-secondary);margin-bottom:.75rem}page.account channel-card channel-content channel-section channel-metrics{display:flex;gap:1rem;flex-wrap:wrap;margin-left:1rem}@media (max-width: 768px){page.account channel-card channel-content channel-section channel-metrics{flex-direction:column;gap:.5rem;margin-left:0}}page.account channel-card channel-content channel-section channel-metric{display:flex;align-items:flex-end;gap:1rem}page.account channel-card channel-content channel-section channel-metric metric-value{font-size:1.4rem;font-weight:700;color:var(--primary)}page.account channel-card channel-content channel-section channel-metric metric-label{font-size:.9rem;color:var(--text-color-secondary)}page.account channel-card channel-content livestream-section{display:block;margin-top:1.5rem}page.account channel-card channel-content livestream-section empty-streams{display:block;padding:1rem 0;color:var(--text-color-secondary);font-style:italic}page.account livestream-item{display:flex;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--border-lighter)}@media (min-width: 769px){page.account livestream-item{padding-left:1rem}}page.account livestream-item livestream-date{flex:0 1 185px;font-size:.9rem}page.account livestream-item livestream-details{flex:1}page.account livestream-item livestream-details livestream-id{display:block;font-size:.8rem;color:var(--text-color-secondary)}page.account livestream-item livestream-details livestream-duration{display:block;font-size:.9rem}page.account livestream-item livestream-details livestream-duration.live{color:var(--success);font-weight:600}page.account livestream-pagination{display:flex;justify-content:flex-end;margin-top:.75rem;gap:.25rem}page.account livestream-pagination button.small.text{background-color:transparent;border:0;color:var(--text-color-secondary);padding:.5rem;min-width:unset}page.account livestream-pagination button.small.text:hover{background-color:var(--bg-color-primary)}page.account stripe-connect-section{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem;padding:1.5rem;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-color-primary)}page.account stripe-connect-section stripe-connect-header{display:flex;justify-content:center;align-items:center;gap:2rem;width:100%;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-lighter)}page.account stripe-connect-section stripe-connect-header.connected connect-status{color:var(--color-green)}page.account stripe-connect-section stripe-connect-header.pending connect-status{color:var(--color-yellow)}page.account stripe-connect-section stripe-connect-header.not-connected connect-status{color:var(--text-color-secondary)}page.account stripe-connect-section connect-status{display:flex;align-items:center;gap:.75rem}page.account stripe-connect-section connect-status status-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-color-secondary)}page.account stripe-connect-section connect-status status-icon svg{width:20px;height:20px}page.account stripe-connect-section connect-status status-text{font-weight:600;font-size:1rem}page.account stripe-connect-section connect-actions .button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem}page.account stripe-connect-section connect-actions .button svg{width:14px;height:14px}page.account stripe-connect-section connect-info{color:var(--text-color-secondary);font-size:.875rem;line-height:1.5;text-align:center;max-width:400px}@media (max-width: 768px){page.account stripe-connect-section{padding:1.25rem}page.account stripe-connect-section stripe-connect-header{flex-direction:column;gap:1rem}}page.account subscription-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}page.account subscription-grid empty-state{position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}page.account subscription-grid empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.account subscription-grid empty-state.yellow:before{background:var(--color-yellow)}page.account subscription-grid empty-state.blue:before{background:var(--color-blue)}page.account subscription-grid empty-state.green:before{background:var(--color-green)}page.account subscription-grid empty-state.pink:before{background:var(--color-pink)}page.account subscription-grid empty-state.red:before{background:var(--color-red)}page.account subscription-grid empty-state.purple:before{background:var(--color-purple)}page.account subscription-grid empty-state:before{background:var(--color-pink)}page.account subscription-grid empty-state h3{margin:0;color:var(--text-color-primary)}page.account subscription-grid empty-state p{margin:0;color:var(--text-color-secondary)}page.account subscription-card{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;justify-content:flex-start;padding:1.5rem;display:block;overflow:hidden}page.account subscription-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.account subscription-card.yellow:before{background:var(--color-yellow)}page.account subscription-card.blue:before{background:var(--color-blue)}page.account subscription-card.green:before{background:var(--color-green)}page.account subscription-card.pink:before{background:var(--color-pink)}page.account subscription-card.red:before{background:var(--color-red)}page.account subscription-card.purple:before{background:var(--color-purple)}page.account subscription-card:before{background:var(--color-pink)}page.account subscription-card channel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}page.account subscription-card channel-header channel-title{display:flex;flex-direction:column;gap:.25rem;flex:1}page.account subscription-card channel-header channel-title a{color:var(--text-color-primary);text-decoration:none}page.account subscription-card channel-header channel-title a:hover{text-decoration:underline;color:var(--color-pink)}page.account subscription-card channel-header channel-title tier-badge{font-size:.75rem;background:var(--color-pink);color:#fff;padding:.25rem .5rem;border-radius:.25rem;align-self:flex-start;font-weight:500}page.account subscription-card channel-header subscription-status{font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:500;text-transform:uppercase}page.account subscription-card channel-header subscription-status.active{background:var(--color-green);color:#fff}page.account subscription-card channel-header subscription-status.past_due{background:var(--color-yellow);color:var(--text-color-primary)}page.account subscription-card channel-header subscription-status.canceled{background:var(--color-red);color:#fff}page.account subscription-card channel-header subscription-status.cancel_at_period_end{background:var(--color-yellow);color:var(--text-color-primary)}page.account subscription-card channel-content subscription-info{display:block;margin-bottom:1rem}page.account subscription-card channel-content subscription-info info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}page.account subscription-card channel-content subscription-info info-row info-label{font-weight:500;color:var(--text-color-secondary)}page.account subscription-card channel-content subscription-info info-row info-value{color:var(--text-color-primary);text-align:right;flex:1;margin-left:1rem}page.account subscription-card channel-content subscription-info info-row info-value local-date{color:inherit}page.account following-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}page.account following-grid empty-state{position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}page.account following-grid empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.account following-grid empty-state.yellow:before{background:var(--color-yellow)}page.account following-grid empty-state.blue:before{background:var(--color-blue)}page.account following-grid empty-state.green:before{background:var(--color-green)}page.account following-grid empty-state.pink:before{background:var(--color-pink)}page.account following-grid empty-state.red:before{background:var(--color-red)}page.account following-grid empty-state.purple:before{background:var(--color-purple)}page.account following-grid empty-state:before{background:var(--color-purple)}page.account following-grid empty-state h3{margin:0;color:var(--text-color-primary)}page.account following-grid empty-state p{margin:0;color:var(--text-color-secondary)}page.account followed-channel-card{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;justify-content:flex-start;padding:1.5rem;display:block;overflow:hidden}page.account followed-channel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.account followed-channel-card.yellow:before{background:var(--color-yellow)}page.account followed-channel-card.blue:before{background:var(--color-blue)}page.account followed-channel-card.green:before{background:var(--color-green)}page.account followed-channel-card.pink:before{background:var(--color-pink)}page.account followed-channel-card.red:before{background:var(--color-red)}page.account followed-channel-card.purple:before{background:var(--color-purple)}page.account followed-channel-card:before{background:var(--color-purple)}page.account followed-channel-card channel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}page.account followed-channel-card channel-header channel-title{display:block;flex:1}page.account followed-channel-card channel-header channel-title a{color:var(--text-color-primary);text-decoration:none}page.account followed-channel-card channel-header channel-title a:hover{color:var(--color-purple)}page.account followed-channel-card channel-header channel-actions{display:flex;flex-shrink:0;gap:.5rem;margin-left:1rem}page.account followed-channel-card channel-header channel-actions button{position:relative}page.account followed-channel-card channel-header channel-actions button input[name=csrf_token]{display:none}page.account followed-channel-card channel-header channel-actions button.notification-button{min-width:auto;padding:.4rem .6rem}page.account followed-channel-card channel-header channel-actions button.notification-button icon{display:flex}page.account followed-channel-card channel-header channel-actions button.notification-button icon.bell-off{display:none}page.account followed-channel-card channel-header channel-actions button.notification-button.notifications-on icon.bell-on{display:flex}page.account followed-channel-card channel-header channel-actions button.notification-button.notifications-on icon.bell-off{display:none}page.account followed-channel-card channel-header channel-actions button.notification-button.notifications-on:hover icon.bell-on{display:none}page.account followed-channel-card channel-header channel-actions button.notification-button.notifications-on:hover icon.bell-off{display:flex}page.account followed-channel-card channel-header channel-actions button.notification-button:not(.notifications-on) icon.bell-on{display:none}page.account followed-channel-card channel-header channel-actions button.notification-button:not(.notifications-on) icon.bell-off{display:flex}page.account followed-channel-card channel-header channel-actions button.notification-button:not(.notifications-on):hover icon.bell-on{display:flex}page.account followed-channel-card channel-header channel-actions button.notification-button:not(.notifications-on):hover icon.bell-off{display:none}page.account followed-channel-card channel-content{display:block}page.account followed-channel-card channel-content follow-info{display:block}page.account followed-channel-card channel-content follow-info follow-date{@extend member-info;font-size:.8rem;color:var(--text-color-tertiary);margin-top:0}page.account followed-channel-card channel-content follow-info follow-date local-date{font-weight:500;color:var(--text-color-secondary)}@media (min-width: 1400px){html:has(page.account){overflow-y:scroll}}@media (min-width: 1920px){html:has(page.account){overflow-y:scroll}}page.account{display:block;max-width:1024px;padding:1rem;margin:0 auto}@media (min-width: 1400px){page.account{max-width:1400px}}@media (min-width: 1920px){page.account{max-width:1600px}}page.account account-layout{display:flex;flex-direction:column}@media (min-width: 1400px){page.account account-layout{padding-top:3rem;flex-direction:row}}page.account account-main{flex:1;width:100%;position:relative}page.account account-main section-header{display:block;margin-bottom:1.5rem}page.account account-main section-header h2{font-size:1.8rem;font-weight:700}@media (max-width: 768px){page.account account-main section-header h2{font-size:1.5rem}}@media (min-width: 769px){page.account account-main section-header h2{padding-top:1rem}}@media (min-width: 1400px){page.account account-main section-header h2{padding-top:0}}page.account member-info{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.9rem;color:var(--text-color-tertiary)}page.account member-info local-date{font-weight:500;color:var(--text-color-secondary)}page.account empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:var(--bg-color-secondary);border-radius:12px;text-align:center}page.account empty-state h3{font-size:1.3rem;margin-bottom:.5rem;font-weight:600}page.account empty-state p{color:var(--text-color-secondary);margin-bottom:1.5rem}page.account h3{font-size:1.3rem;font-weight:600;margin:0 0 .5rem}page.account h4{font-size:1.1rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.25rem;border-bottom:1px solid var(--border-light)}page.account h5{font-size:1rem;font-weight:600;margin:0 0 .5rem}page.admin-dashboard{display:block;max-width:1024px;margin:auto;padding:1rem}page.admin-dashboard section-header{display:block;margin-bottom:2rem}page.admin-dashboard section-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:600;color:var(--text-color-primary)}page.admin-dashboard section-header p{margin:0;color:var(--text-color-secondary);font-size:1rem}page.admin-dashboard admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}page.admin-dashboard admin-card{display:block;background-color:var(--bg-color-secondary);border:1px solid var(--border-dark);border-radius:8px;transition:all .2s ease}page.admin-dashboard admin-card:hover{border-color:var(--border-light);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}page.admin-dashboard admin-card a{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;text-decoration:none;color:inherit}page.admin-dashboard admin-card card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--bg-color-primary);border:1px solid var(--border-dark);border-radius:8px;flex-shrink:0}page.admin-dashboard admin-card card-icon icon{width:24px;height:24px;color:var(--text-color-primary)}page.admin-dashboard admin-card card-content{display:block;flex:1}page.admin-dashboard admin-card card-title{display:block;font-size:1.125rem;font-weight:600;color:var(--text-color-primary);margin-bottom:.5rem}page.admin-dashboard admin-card card-description{display:block;color:var(--text-color-secondary);font-size:.875rem;line-height:1.4}@media (max-width: 768px){page.admin-dashboard admin-cards{grid-template-columns:1fr;gap:1rem}page.admin-dashboard admin-card a{padding:1rem}page.admin-dashboard admin-card card-icon{width:40px;height:40px}page.admin-dashboard admin-card card-icon icon{width:20px;height:20px}page.admin-dashboard admin-card card-title{font-size:1rem}page.admin-dashboard admin-card card-description{font-size:.8rem}page.admin-dashboard section-header h1{font-size:1.5rem}}page.admin-logs{display:block;max-width:1024px;margin:auto;padding:1rem}page.admin-logs section-header{display:block;margin-bottom:2rem}page.admin-logs section-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:600;color:var(--text-color-primary)}page.admin-logs section-header p{margin:0;color:var(--text-color-secondary);font-size:1rem}page.admin-logs logs-table{display:block;overflow-x:auto;background-color:var(--bg-color-secondary);border:1px solid var(--border-dark);border-radius:8px}page.admin-logs logs-table table{width:100%;border-collapse:collapse;font-size:.875rem}page.admin-logs logs-table table thead{background-color:var(--bg-color-primary);border-bottom:1px solid var(--border-dark)}page.admin-logs logs-table table thead th{padding:1rem;text-align:left;font-weight:600;color:var(--text-color-primary);border-right:1px solid var(--border-light)}page.admin-logs logs-table table thead th:last-child{border-right:none}page.admin-logs logs-table table tbody tr{border-bottom:1px solid var(--border-light)}page.admin-logs logs-table table tbody tr:hover{background-color:var(--bg-color-primary)}page.admin-logs logs-table table tbody tr:last-child{border-bottom:none}page.admin-logs logs-table table tbody tr td{padding:1rem;vertical-align:top;border-right:1px solid var(--border-light)}page.admin-logs logs-table table tbody tr td:last-child{border-right:none}page.admin-logs logs-table log-timestamp{display:block;color:var(--text-color-secondary)}page.admin-logs logs-table log-level{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase}page.admin-logs logs-table log-level.level-error{background-color:var(--color-red);color:#fff}page.admin-logs logs-table log-level.level-warn{background-color:var(--color-yellow);color:#000}page.admin-logs logs-table log-level.level-info{background-color:var(--color-blue);color:#fff}page.admin-logs logs-table log-level.level-debug{background-color:var(--bg-color-primary);color:var(--text-color-secondary);border:1px solid var(--border-dark)}page.admin-logs logs-table log-level.level-trace{background-color:var(--bg-color-primary);color:var(--text-color-secondary);border:1px solid var(--border-dark)}page.admin-logs logs-table log-service{display:block;font-weight:500;color:var(--text-color-primary)}page.admin-logs logs-table log-component{display:block;color:var(--text-color-secondary)}page.admin-logs logs-table log-component .no-component{color:var(--text-color-tertiary, #888);font-style:italic}page.admin-logs logs-table log-message{display:block;color:var(--text-color-primary)}page.admin-logs logs-table log-hostname{display:block;font-family:var(--font-mono, "Monaco", "Menlo", "Ubuntu Mono", monospace);font-size:.75rem;color:var(--text-color-secondary)}page.admin-logs logs-table log-hostname .no-hostname{color:var(--text-color-tertiary, #888);font-style:italic}page.admin-logs logs-table log-user-id{display:block;font-family:var(--font-mono, "Monaco", "Menlo", "Ubuntu Mono", monospace);font-size:.75rem;color:var(--text-color-secondary);word-break:break-all}page.admin-logs logs-table log-user-id .no-user{color:var(--text-color-tertiary, #888);font-style:italic}page.admin-logs logs-pagination{display:flex;justify-content:flex-end;margin-top:.75rem;gap:.25rem}page.admin-logs logs-pagination button.small.text{background-color:transparent;border:0;color:var(--text-color-secondary);padding:.25rem;min-width:unset}page.admin-logs logs-pagination button.small.text:hover{background-color:var(--bg-color-primary)}@media (max-width: 768px){page.admin-logs logs-table table{font-size:.75rem}page.admin-logs logs-table table th,page.admin-logs logs-table table td{padding:.75rem .5rem}page.admin-logs logs-table log-user-id{font-size:.625rem}page.admin-logs section-header h1{font-size:1.5rem}}page.admin-action-logs{display:block;max-width:1024px;margin:auto;padding:1rem}page.admin-action-logs section-header{display:block;margin-bottom:2rem}page.admin-action-logs section-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:600;color:var(--text-color-primary)}page.admin-action-logs section-header p{margin:0;color:var(--text-color-secondary);font-size:1rem}page.admin-action-logs action-logs-table{display:block;overflow-x:auto;background-color:var(--bg-color-secondary);border:1px solid var(--border-dark);border-radius:8px}page.admin-action-logs action-logs-table table{width:100%;border-collapse:collapse;font-size:.875rem}page.admin-action-logs action-logs-table table thead{background-color:var(--bg-color-primary);border-bottom:1px solid var(--border-dark)}page.admin-action-logs action-logs-table table thead th{padding:1rem;text-align:left;font-weight:600;color:var(--text-color-primary);border-right:1px solid var(--border-light)}page.admin-action-logs action-logs-table table thead th:last-child{border-right:none}page.admin-action-logs action-logs-table table tbody tr{border-bottom:1px solid var(--border-light)}page.admin-action-logs action-logs-table table tbody tr:hover{background-color:var(--bg-color-primary)}page.admin-action-logs action-logs-table table tbody tr:last-child{border-bottom:none}page.admin-action-logs action-logs-table table tbody tr td{padding:1rem;vertical-align:top;border-right:1px solid var(--border-light)}page.admin-action-logs action-logs-table table tbody tr td:last-child{border-right:none}page.admin-action-logs action-logs-table action-timestamp{display:block;color:var(--text-color-secondary)}page.admin-action-logs action-logs-table action-name{display:block;font-weight:500;color:var(--text-color-primary);font-family:var(--font-mono, "Monaco", "Menlo", "Ubuntu Mono", monospace)}page.admin-action-logs action-logs-table action-user-id{display:block;font-family:var(--font-mono, "Monaco", "Menlo", "Ubuntu Mono", monospace);font-size:.75rem;color:var(--text-color-secondary);word-break:break-all}page.admin-action-logs action-logs-table action-user-id .no-user{color:var(--text-color-tertiary, #888);font-style:italic}page.admin-action-logs action-logs-table action-id{display:block;font-family:var(--font-mono, "Monaco", "Menlo", "Ubuntu Mono", monospace);font-size:.75rem;color:var(--text-color-secondary);word-break:break-all}page.admin-action-logs action-logs-table action-data{display:block}page.admin-action-logs action-logs-table action-data details summary{cursor:pointer;color:var(--text-color-primary);font-weight:500;padding:.25rem 0}page.admin-action-logs action-logs-table action-data details summary:hover{color:var(--color-blue)}page.admin-action-logs action-logs-table action-data details pre{margin:.5rem 0 0;padding:.75rem;background-color:var(--bg-color-primary);border:1px solid var(--border-light);border-radius:4px;font-family:var(--font-mono, "Monaco", "Menlo", "Ubuntu Mono", monospace);font-size:.75rem;color:var(--text-color-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-word}page.admin-action-logs action-logs-table action-data .no-data{color:var(--text-color-tertiary, #888);font-style:italic}page.admin-action-logs action-logs-pagination{display:flex;justify-content:flex-end;margin-top:.75rem;gap:.25rem}page.admin-action-logs action-logs-pagination button.small.text{background-color:transparent;border:0;color:var(--text-color-secondary);padding:.25rem;min-width:unset}page.admin-action-logs action-logs-pagination button.small.text:hover{background-color:var(--bg-color-primary)}@media (max-width: 768px){page.admin-action-logs action-logs-table table{font-size:.75rem}page.admin-action-logs action-logs-table table th,page.admin-action-logs action-logs-table table td{padding:.75rem .5rem}page.admin-action-logs action-logs-table action-user-id,page.admin-action-logs action-logs-table action-id{font-size:.625rem}page.admin-action-logs action-logs-table action-data pre{font-size:.625rem}page.admin-action-logs section-header h1{font-size:1.5rem}}page.admin-reports{display:block;max-width:1024px;margin:auto;padding:1rem}page.admin-reports section-header{display:block;margin-bottom:2rem}page.admin-reports section-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:600;color:var(--text-color-primary)}page.admin-reports section-header p{margin:0;color:var(--text-color-secondary);font-size:1rem}page.admin-reports reports-filters{display:block;margin-bottom:1.5rem;padding:1rem;background-color:var(--bg-color-secondary);border:1px solid var(--border-dark);border-radius:8px}page.admin-reports reports-filters filter-group{display:flex;align-items:center;gap:.75rem}page.admin-reports reports-filters filter-group label{font-weight:500;color:var(--text-color-primary);font-size:.875rem}page.admin-reports reports-filters filter-group select{padding:.5rem .75rem;background-color:var(--bg-color-primary);border:1px solid var(--border-dark);border-radius:6px;color:var(--text-color-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}page.admin-reports reports-filters filter-group select:hover{border-color:var(--border-light)}page.admin-reports reports-filters filter-group select:focus{outline:none;border-color:var(--color-blue)}page.admin-reports reports-table{display:block;overflow-x:auto;background-color:var(--bg-color-secondary);border:1px solid var(--border-dark);border-radius:8px}page.admin-reports reports-table table{width:100%;border-collapse:collapse;font-size:.875rem}page.admin-reports reports-table table thead{background-color:var(--bg-color-primary);border-bottom:1px solid var(--border-dark)}page.admin-reports reports-table table thead th{padding:1rem;text-align:left;font-weight:600;color:var(--text-color-primary);border-right:1px solid var(--border-light)}page.admin-reports reports-table table thead th:last-child{border-right:none}page.admin-reports reports-table table tbody tr{border-bottom:1px solid var(--border-light)}page.admin-reports reports-table table tbody tr:hover{background-color:var(--bg-color-primary)}page.admin-reports reports-table table tbody tr:last-child{border-bottom:none}page.admin-reports reports-table table tbody tr td{padding:1rem;vertical-align:top;border-right:1px solid var(--border-light)}page.admin-reports reports-table table tbody tr td:last-child{border-right:none}page.admin-reports reports-table report-timestamp{display:block;color:var(--text-color-secondary);font-size:.875rem}page.admin-reports reports-table report-channel{display:block}page.admin-reports reports-table report-channel a{font-family:var(--font-mono, "Monaco", "Menlo", "Ubuntu Mono", monospace);font-size:.75rem;color:var(--color-blue);text-decoration:none}page.admin-reports reports-table report-channel a:hover{text-decoration:underline}page.admin-reports reports-table report-reporter{display:block;font-family:var(--font-mono, "Monaco", "Menlo", "Ubuntu Mono", monospace);font-size:.75rem;color:var(--text-color-secondary)}page.admin-reports reports-table report-category{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}page.admin-reports reports-table report-category.category-pornographic{background-color:#dc26261a;color:var(--color-red);border:1px solid var(--color-red)}page.admin-reports reports-table report-category.category-copyright{background-color:#fb923c1a;color:var(--color-orange);border:1px solid var(--color-orange)}page.admin-reports reports-table report-category.category-illegal{background-color:#dc26261a;color:var(--color-red);border:1px solid var(--color-red)}page.admin-reports reports-table report-category.category-hate_speech{background-color:#fb923c1a;color:var(--color-orange);border:1px solid var(--color-orange)}page.admin-reports reports-table report-category.category-harmful{background-color:#fbbf241a;color:var(--color-yellow);border:1px solid var(--color-yellow)}page.admin-reports reports-table report-status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}page.admin-reports reports-table report-status.status-pending{background-color:#fbbf241a;color:var(--color-yellow);border:1px solid var(--color-yellow)}page.admin-reports reports-table report-status.status-reviewed{background-color:#3b82f61a;color:var(--color-blue);border:1px solid var(--color-blue)}page.admin-reports reports-table report-status.status-dismissed{background-color:var(--bg-color-primary);color:var(--text-color-secondary);border:1px solid var(--border-dark)}page.admin-reports reports-table report-status.status-actioned{background-color:#dc26261a;color:var(--color-red);border:1px solid var(--color-red)}page.admin-reports reports-table report-description{display:block;color:var(--text-color-secondary);font-size:.875rem;line-height:1.5}page.admin-reports reports-table report-description .no-description{color:var(--text-color-tertiary, #888);font-style:italic}page.admin-reports reports-table report-livestream{display:block;font-family:var(--font-mono, "Monaco", "Menlo", "Ubuntu Mono", monospace);font-size:.75rem;color:var(--text-color-secondary)}page.admin-reports reports-table report-livestream .no-livestream{color:var(--text-color-tertiary, #888);font-style:italic}page.admin-reports pagination-controls{display:flex;justify-content:center;gap:1rem;margin-top:2rem;padding:1rem 0}page.admin-reports pagination-controls button{padding:.5rem 1rem;border:1px solid var(--border-dark);background-color:var(--bg-color-secondary);color:var(--text-color-primary);border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease}page.admin-reports pagination-controls button:hover{background-color:var(--bg-color-primary);border-color:var(--border-light)}page.admin-reports pagination-controls button:active{transform:translateY(1px)}page.admin-reports pagination-controls button:disabled{opacity:.5;cursor:not-allowed}page.admin-reports pagination-controls button:disabled:hover{background-color:var(--bg-color-secondary);border-color:var(--border-dark)}@media (max-width: 768px){page.admin-reports reports-table table{font-size:.75rem}page.admin-reports reports-table table th,page.admin-reports reports-table table td{padding:.75rem .5rem}page.admin-reports reports-table report-reporter,page.admin-reports reports-table report-channel a,page.admin-reports reports-table report-livestream{font-size:.625rem}page.admin-reports section-header h1{font-size:1.5rem}page.admin-reports reports-filters filter-group{flex-direction:column;align-items:flex-start}}page.admin-users{display:block;max-width:1024px;margin:auto;padding:1rem}page.admin-users section-header{display:block;margin-bottom:2rem}page.admin-users section-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:600;color:var(--text-color-primary)}page.admin-users section-header p{margin:0;color:var(--text-color-secondary);font-size:1rem}page.admin-users users-table{display:block;overflow-x:auto;background-color:var(--bg-color-secondary);border:1px solid var(--border-dark);border-radius:8px}page.admin-users users-table table{width:100%;border-collapse:collapse;font-size:.875rem}page.admin-users users-table table thead{background-color:var(--bg-color-primary);border-bottom:1px solid var(--border-dark)}page.admin-users users-table table thead th{padding:1rem;text-align:left;font-weight:600;color:var(--text-color-primary);border-right:1px solid var(--border-light)}page.admin-users users-table table thead th:last-child{border-right:none}page.admin-users users-table table tbody tr{border-bottom:1px solid var(--border-light)}page.admin-users users-table table tbody tr:hover{background-color:var(--bg-color-primary)}page.admin-users users-table table tbody tr:last-child{border-bottom:none}page.admin-users users-table table tbody tr td{padding:1rem;vertical-align:top;border-right:1px solid var(--border-light)}page.admin-users users-table table tbody tr td:last-child{border-right:none}page.admin-users users-table user-id{display:block;font-family:var(--font-mono, "Monaco", "Menlo", "Ubuntu Mono", monospace);font-size:.75rem;color:var(--text-color-secondary);word-break:break-all}page.admin-users users-table user-email{display:block;font-weight:500;color:var(--text-color-primary)}page.admin-users users-table user-created{display:block;color:var(--text-color-secondary)}page.admin-users users-table admin-status{display:block}page.admin-users users-table admin-status .admin-badge{display:inline-block;padding:.25rem .5rem;background-color:var(--color-green);color:#fff;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase}page.admin-users users-table admin-status .user-badge{display:inline-block;padding:.25rem .5rem;background-color:var(--bg-color-primary);color:var(--text-color-secondary);font-size:.75rem;font-weight:500;border:1px solid var(--border-dark);border-radius:4px;text-transform:uppercase}page.admin-users users-table stripe-id{display:block;font-family:var(--font-mono, "Monaco", "Menlo", "Ubuntu Mono", monospace);font-size:.75rem;color:var(--text-color-secondary)}page.admin-users users-table stripe-id .no-stripe{color:var(--text-color-tertiary, #888);font-style:italic}page.admin-users pagination-controls{display:flex;justify-content:center;gap:1rem;margin-top:2rem;padding:1rem 0}page.admin-users pagination-controls button{padding:.5rem 1rem;border:1px solid var(--border-dark);background-color:var(--bg-color-secondary);color:var(--text-color-primary);border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease}page.admin-users pagination-controls button:hover{background-color:var(--bg-color-primary);border-color:var(--border-light)}page.admin-users pagination-controls button:active{transform:translateY(1px)}page.admin-users pagination-controls button:disabled{opacity:.5;cursor:not-allowed}page.admin-users pagination-controls button:disabled:hover{background-color:var(--bg-color-secondary);border-color:var(--border-dark)}@media (max-width: 768px){page.admin-users users-table table{font-size:.75rem}page.admin-users users-table table th,page.admin-users users-table table td{padding:.75rem .5rem}page.admin-users users-table user-id{font-size:.625rem}page.admin-users section-header h1{font-size:1.5rem}}page.broadcast channel-creator,page.broadcast subscription-info,page.broadcast additional-credits,page.broadcast streaming-setup{display:block;margin:3rem 0}page.broadcast channel-creator h1,page.broadcast subscription-info h1,page.broadcast additional-credits h1,page.broadcast streaming-setup h1{font-size:3rem;margin-bottom:1.5rem;text-align:center}page.broadcast channel-creator h2,page.broadcast subscription-info h2,page.broadcast additional-credits h2,page.broadcast streaming-setup h2{font-size:2rem;margin-bottom:1em;text-align:center}page.broadcast channel-creator p.intro-text,page.broadcast subscription-info p.intro-text,page.broadcast additional-credits p.intro-text,page.broadcast streaming-setup p.intro-text{text-align:center;color:var(--text-color-secondary);margin-bottom:2rem;font-size:1.1rem;max-width:500px;margin-left:auto;margin-right:auto}page.broadcast channel-creator{max-width:1024px;margin:auto;padding:4rem 1rem 0;display:block}page.broadcast channel-creator channel-form{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;max-width:460px;margin:0 auto}page.broadcast channel-creator channel-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.broadcast channel-creator channel-form.yellow:before{background:var(--color-yellow)}page.broadcast channel-creator channel-form.blue:before{background:var(--color-blue)}page.broadcast channel-creator channel-form.green:before{background:var(--color-green)}page.broadcast channel-creator channel-form.pink:before{background:var(--color-pink)}page.broadcast channel-creator channel-form.red:before{background:var(--color-red)}page.broadcast channel-creator channel-form.purple:before{background:var(--color-purple)}page.broadcast channel-creator channel-form:before{background:linear-gradient(50deg,var(--color-yellow) 0 17%,var(--color-blue) 17% 34%,var(--color-green) 34% 51%,var(--color-pink) 51% 68%,var(--color-red) 68% 85%,var(--color-purple) 85% 100%)}page.broadcast channel-creator channel-form channel-input{display:flex;align-items:center;border:1px solid var(--border-medium);border-radius:var(--form-radius);overflow:hidden}page.broadcast channel-creator channel-form channel-input channel-prefix{display:block;padding:.75rem;font-weight:500;white-space:nowrap}page.broadcast channel-creator channel-form channel-input input{flex:1;border:none}page.broadcast channel-creator channel-form channel-input input:focus{box-shadow:none}page.broadcast subscription-info{max-width:1024px;margin:auto;padding:0 1rem;display:block}page.broadcast subscription-info subscription-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}page.broadcast subscription-info subscription-cards subscription-card{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start}page.broadcast subscription-info subscription-cards subscription-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.broadcast subscription-info subscription-cards subscription-card.yellow:before{background:var(--color-yellow)}page.broadcast subscription-info subscription-cards subscription-card.blue:before{background:var(--color-blue)}page.broadcast subscription-info subscription-cards subscription-card.green:before{background:var(--color-green)}page.broadcast subscription-info subscription-cards subscription-card.pink:before{background:var(--color-pink)}page.broadcast subscription-info subscription-cards subscription-card.red:before{background:var(--color-red)}page.broadcast subscription-info subscription-cards subscription-card.purple:before{background:var(--color-purple)}page.broadcast subscription-info subscription-cards subscription-card subscription-header{display:flex;align-items:center;margin-bottom:.75rem}page.broadcast subscription-info subscription-cards subscription-card subscription-icon{flex-shrink:0;margin-right:.5rem;font-size:1.5rem}page.broadcast subscription-info subscription-cards subscription-card h3{font-size:1.25rem}page.broadcast subscription-info subscription-cards subscription-card p{margin-left:1rem;color:var(--text-color-secondary);line-height:1.6}page.broadcast streaming-setup{display:block;background-color:var(--bg-color-accent);padding:3rem 1rem}page.broadcast streaming-setup streaming-steps-container{display:block;margin:0 auto;max-width:450px}page.broadcast streaming-setup streaming-steps{display:block;position:relative;z-index:0}page.broadcast streaming-setup streaming-steps:after{content:"";position:absolute;height:100%;width:2px;top:0;left:calc(50% - 1px);background:linear-gradient(var(--color-pink) 0% 40%,var(--color-red) 40% 60%,var(--color-purple) 60% 100%);z-index:-1;opacity:.9}page.broadcast streaming-setup streaming-steps streaming-step{background-color:var(--bg-color-secondary);border:1px solid var(--border-dark);padding:1rem;margin:1.5rem 0;border-radius:8px;display:flex;align-items:center}page.broadcast streaming-setup streaming-steps streaming-step.yellow{box-shadow:var(--color-yellow) 4px 6px}page.broadcast streaming-setup streaming-steps streaming-step.yellow step-number{background-color:var(--color-yellow)}page.broadcast streaming-setup streaming-steps streaming-step.blue{box-shadow:var(--color-blue) 4px 6px}page.broadcast streaming-setup streaming-steps streaming-step.blue step-number{background-color:var(--color-blue)}page.broadcast streaming-setup streaming-steps streaming-step.green{box-shadow:var(--color-green) 4px 6px}page.broadcast streaming-setup streaming-steps streaming-step.green step-number{background-color:var(--color-green)}page.broadcast streaming-setup streaming-steps streaming-step step-number{flex:0 0 auto;width:50px;height:50px;background-color:var(--color-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;margin-right:1rem}page.broadcast streaming-setup streaming-steps streaming-step h3{margin-bottom:.25rem;font-size:1rem;font-weight:700}page.broadcast streaming-setup streaming-steps streaming-step p{color:var(--text-color-secondary)}page.broadcast cta-button{display:flex;justify-content:center;margin:4rem}page.broadcast cta-button .button.large{color:var(--text-color-primary);background-color:var(--bg-color-secondary);border:2px solid var(--border-dark);padding:.75rem 2rem;font-size:1rem;font-weight:500;position:relative}page.broadcast cta-button .button.large:after{background:linear-gradient(50deg,var(--color-yellow) 0 17%,var(--color-blue) 17% 34%,var(--color-green) 34% 51%,var(--color-pink) 51% 68%,var(--color-red) 68% 85%,var(--color-purple) 85% 100%);content:"";position:absolute;width:100%;height:100%;left:8px;top:7px;border-radius:100px;z-index:-1}page.broadcast cta-button .button.large:hover{background-color:var(--bg-color-tertiary)}@media (max-width: 768px){page.broadcast hero{margin:2rem 0}page.broadcast hero h1{font-size:2rem}page.broadcast hero subtitle{font-size:1.25rem}page.broadcast channel-creator,page.broadcast subscription-info,page.broadcast additional-credits,page.broadcast streaming-setup{margin:3rem 0}page.broadcast channel-creator h2,page.broadcast subscription-info h2,page.broadcast additional-credits h2,page.broadcast streaming-setup h2{font-size:1.75rem}page.broadcast channel-creator channel-form{padding:1.5rem}page.broadcast streaming-steps{gap:3rem}}page.channel subscription-required{display:flex;align-items:center;justify-content:center;height:calc(100vh - var(--navbar-height));background-color:var(--bg-color-secondary)}page.channel subscription-required-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;padding:2rem;max-width:500px}page.channel subscription-required-content h2{margin:0;color:var(--text-color-primary);font-size:2rem}page.channel subscription-required-content p{margin:0;color:var(--text-color-secondary);font-size:1.125rem;line-height:1.6}page.channel subscription-required-content subscription-section{margin-top:1rem}@media (max-width: 768px){page.channel subscription-required-content button button-text{display:none}}page.channel whep-player{display:grid;height:calc(100vh - var(--navbar-height));height:calc(100dvh - var(--navbar-height));width:100%;background-color:var(--bg-color-secondary);grid-template-rows:1fr;grid-template-areas:"content"}page.channel whep-player video-section{grid-area:content;display:none;flex-direction:column;width:100%;height:100%;position:relative;overflow:hidden}page.channel whep-player video-player{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;background-color:#000}page.channel whep-player.live{grid-template-rows:auto 1fr;grid-template-areas:"content" "chat"}page.channel whep-player.live video-section{display:flex}page.channel whep-player.live video{width:100%;height:auto;max-height:100%;object-fit:contain}page.channel whep-player.live fallback{display:none}@media (max-width: 1023px) and (orientation: landscape){page.channel whep-player.live video-section{overflow:hidden}page.channel whep-player.live video-player{justify-content:center}page.channel whep-player.live video{width:auto}}page.channel whep-player.live.no-chat{grid-template-rows:1fr;grid-template-areas:"content"}page.channel whep-player.live.chat-hidden chat-container{min-height:3rem}page.channel whep-player.live.chat-hidden chat-container chat-content{display:none}@media (max-width: 1023px) and (orientation: landscape){page.channel whep-player.live.chat-hidden chat-container{min-height:2rem}page.channel whep-player.live.chat-hidden chat-container chat-content{display:none}}@media (max-width: 1023px) and (orientation: landscape){page.channel whep-player.live.no-chat{grid-template-rows:1fr;grid-template-areas:"content"}page.channel whep-player.live.no-chat video{max-height:calc(100vh - var(--navbar-height) - var(--info-bar-height));max-height:calc(100dvh - var(--navbar-height) - var(--info-bar-height))}}@media (min-width: 769px) and (max-width: 1023px) and (orientation: landscape){page.channel whep-player.live{grid-template-columns:1fr 280px;grid-template-rows:1fr;grid-template-areas:"content chat"}page.channel whep-player.live video{width:auto;margin:auto}page.channel whep-player.live.no-chat{grid-template-columns:1fr;grid-template-areas:"content"}page.channel whep-player.live.chat-hidden{grid-template-columns:1fr 3rem}page.channel whep-player.live.chat-hidden chat-container chat-content{display:none}}@media (min-width: 1024px){page.channel whep-player.live{grid-template-columns:1fr 320px;grid-template-rows:1fr;grid-template-areas:"content chat"}page.channel whep-player.live video{width:auto}page.channel whep-player.live.no-chat{grid-template-columns:1fr;grid-template-areas:"content"}page.channel whep-player.live.chat-hidden{grid-template-columns:1fr 3rem}page.channel whep-player.live.chat-hidden chat-container chat-content{display:none}}@media (min-width: 1400px){page.channel whep-player.live{grid-template-columns:1fr 400px}page.channel whep-player.live.no-chat{grid-template-columns:1fr}page.channel whep-player.live.chat-hidden{grid-template-columns:1fr 3rem}page.channel whep-player.live.chat-hidden chat-container chat-content{display:none}}page.channel chat-container{grid-area:chat;position:relative;display:none;background-color:var(--bg-color-secondary);border-top:1px solid var(--border-medium)}page.channel chat-container chat-toggle{position:absolute;top:.5rem;left:.5rem;cursor:pointer;z-index:10;padding:.5rem;background-color:var(--bg-color-secondary);border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s}@media (min-width: 769px) and (max-width: 1023px){@media (orientation: landscape){page.channel chat-container chat-toggle{padding:.25rem;left:auto;right:.5rem}}}@media (min-width: 1024px){page.channel chat-container chat-toggle{padding:.25rem;left:auto;right:.5rem}}page.channel chat-container chat-toggle:hover{background-color:var(--bg-color-secondary)}page.channel chat-container chat-toggle icon{width:1.25rem;height:1.25rem;color:var(--text-color-secondary)}page.channel chat-container chat-toggle .icon-show-portrait,page.channel chat-container chat-toggle .icon-hide-portrait,page.channel chat-container chat-toggle .icon-show-landscape,page.channel chat-container chat-toggle .icon-hide-landscape{display:none}@media (max-width: 768px){page.channel chat-container chat-toggle:not(.hidden) .icon-hide-portrait{display:flex}page.channel chat-container chat-toggle.hidden .icon-show-portrait{display:flex}}@media (min-width: 769px) and (max-width: 1023px){@media (orientation: portrait){page.channel chat-container chat-toggle:not(.hidden) .icon-hide-portrait{display:flex}page.channel chat-container chat-toggle.hidden .icon-show-portrait{display:flex}}}@media (min-width: 769px) and (max-width: 1023px){@media (orientation: landscape){page.channel chat-container chat-toggle:not(.hidden) .icon-hide-landscape{display:flex}page.channel chat-container chat-toggle.hidden .icon-show-landscape{display:flex}}}@media (min-width: 1024px){page.channel chat-container chat-toggle:not(.hidden) .icon-hide-landscape{display:flex}page.channel chat-container chat-toggle.hidden .icon-show-landscape{display:flex}}page.channel chat-container chat-content{height:100%;overflow:auto;display:flex;flex-direction:column;padding-top:0}page.channel whep-player.live chat-container{display:block;min-height:30vh}@media (max-width: 1023px) and (orientation: landscape){page.channel whep-player.live chat-container{min-height:25vh}}@media (max-width: 768px){page.channel chat-container chat-toggle{top:.25rem;left:50%;transform:translate(-50%);padding:.2rem .4rem}page.channel chat-container chat-toggle icon{width:.875rem;height:.875rem}page.channel chat-container chat-content{padding-top:0}}@media (min-width: 769px) and (max-width: 1023px){@media (orientation: portrait){page.channel chat-container chat-toggle{top:.25rem;left:50%;transform:translate(-50%);padding:.2rem .4rem}page.channel chat-container chat-toggle icon{width:.875rem;height:.875rem}page.channel chat-container chat-content{padding-top:0}}}@media (min-width: 769px) and (max-width: 1023px){@media (orientation: landscape){page.channel whep-player.live chat-container{min-height:auto;max-height:calc(100dvh - var(--navbar-height));border-top:none;border-left:1px solid var(--border-light)}}}@media (min-width: 1024px){page.channel whep-player.live chat-container{min-height:auto;max-height:calc(100dvh - var(--navbar-height));border-top:none;border-left:1px solid var(--border-light)}}page.channel action-buttons{display:flex;justify-content:space-between;align-items:center;flex:1;gap:1rem}page.channel action-buttons channel-info-section{display:flex;align-items:center;flex-shrink:0}page.channel action-buttons channel-info-section channel-name-button{font-size:1rem;font-weight:500;color:var(--text-color-primary);transition:color .2s ease;text-transform:uppercase;letter-spacing:.07rem}page.channel action-buttons channel-info-section channel-name-button[style*="cursor: pointer"]{cursor:pointer}page.channel action-buttons channel-info-section channel-name-button[style*="cursor: pointer"]:hover{color:var(--color-blue-dark)}page.channel action-buttons channel-info-section channel-name-button[style*="cursor: default"]{cursor:default}page.channel action-buttons buttons-group{display:flex;gap:.75rem;align-items:center;margin-left:auto}page.channel action-buttons buttons-group subscription-status button{background-color:var(--bg-color-secondary);border:2px solid var(--color-blue-dark);color:var(--color-blue-dark);min-width:auto;padding:.4rem .6rem}page.channel action-buttons buttons-group subscription-status button:hover{background-color:var(--bg-color-primary)}page.channel action-buttons button{display:flex;align-items:center;gap:.5rem;transition:all .2s ease}page.channel action-buttons button.follow-button{background-color:var(--bg-color-secondary);border:2px solid var(--color-blue-dark);color:var(--color-blue-dark);min-width:auto;padding:.4rem .6rem}page.channel action-buttons button.follow-button:hover{background-color:var(--bg-color-primary)}page.channel action-buttons button.follow-button icon{display:flex}page.channel action-buttons button.follow-button icon.heart-off{display:none}page.channel action-buttons button.follow-button.following icon.heart-on{display:flex}page.channel action-buttons button.follow-button.following icon.heart-off{display:none}page.channel action-buttons button.follow-button.following:hover icon.heart-on{display:none}page.channel action-buttons button.follow-button.following:hover icon.heart-off{display:flex}page.channel action-buttons button.follow-button:not(.following) icon.heart-on{display:flex}page.channel action-buttons button.follow-button:not(.following) icon.heart-off{display:none}page.channel action-buttons button.follow-button:not(.following):hover icon.heart-on{display:flex}page.channel action-buttons button.follow-button:not(.following):hover icon.heart-off{display:none}page.channel action-buttons button.notification-button{background-color:var(--bg-color-secondary);border:2px solid var(--color-blue-dark);color:var(--color-blue-dark);min-width:auto;padding:.4rem .6rem}page.channel action-buttons button.notification-button:hover{background-color:var(--bg-color-primary)}page.channel action-buttons button.notification-button icon{display:flex}page.channel action-buttons button.notification-button icon.bell-off{display:none}page.channel action-buttons button.notification-button.notifications-on icon.bell-on{display:flex}page.channel action-buttons button.notification-button.notifications-on icon.bell-off{display:none}page.channel action-buttons button.notification-button.notifications-on:hover icon.bell-on{display:none}page.channel action-buttons button.notification-button.notifications-on:hover icon.bell-off{display:flex}page.channel action-buttons button.notification-button:not(.notifications-on) icon.bell-on{display:none}page.channel action-buttons button.notification-button:not(.notifications-on) icon.bell-off{display:flex}page.channel action-buttons button.notification-button:not(.notifications-on):hover icon.bell-on{display:flex}page.channel action-buttons button.notification-button:not(.notifications-on):hover icon.bell-off{display:none}page.channel action-buttons button.report-button{background-color:var(--bg-color-secondary);border:2px solid var(--color-blue-dark);color:var(--color-blue-dark);min-width:auto;padding:.4rem .6rem;background:transparent;color:var(--text-color-secondary);border:1px solid var(--border-medium)}page.channel action-buttons button.report-button:hover{background-color:var(--bg-color-primary)}page.channel action-buttons button.report-button:hover{color:var(--color-red);border-color:var(--color-red);background:#dc26261a}page.channel action-buttons button icon{width:1rem;height:1rem}page.channel action-buttons button a{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}page.channel action-buttons button input[name=csrf_token]{display:none}@media (max-width: 768px){page.channel action-buttons{flex-direction:row;gap:.5rem}page.channel action-buttons subscription-section,page.channel action-buttons buttons-group{flex-shrink:0}page.channel action-buttons button button-text{display:none}}page.channel info-bar{display:flex;justify-content:center;padding:.5rem;background-color:var(--bg-color-secondary);border-top:1px solid var(--border-light);gap:1rem;flex-shrink:0;min-height:0}page.channel fallback{grid-area:content;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--bg-color-secondary)}page.channel fallback fallback-content{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:800px;width:100%}page.channel fallback fallback-content channel-name-header{font-size:2rem;font-weight:700;text-align:center;color:var(--text-color-primary);text-transform:uppercase}page.channel fallback fallback-content channel-description{display:block;line-height:1.6;font-size:1rem;color:var(--text-color-secondary);text-align:left;width:100%;padding:1rem;background-color:var(--bg-color-primary);border-radius:8px}page.channel fallback fallback-content channel-description p{margin:0 0 1rem}page.channel fallback fallback-content channel-description p:last-child{margin-bottom:0}page.channel fallback fallback-content channel-description h1,page.channel fallback fallback-content channel-description h2,page.channel fallback fallback-content channel-description h3,page.channel fallback fallback-content channel-description h4,page.channel fallback fallback-content channel-description h5,page.channel fallback fallback-content channel-description h6{margin:1.5rem 0 .5rem;color:var(--text-color-primary)}page.channel fallback fallback-content channel-description h1:first-child,page.channel fallback fallback-content channel-description h2:first-child,page.channel fallback fallback-content channel-description h3:first-child,page.channel fallback fallback-content channel-description h4:first-child,page.channel fallback fallback-content channel-description h5:first-child,page.channel fallback fallback-content channel-description h6:first-child{margin-top:0}page.channel fallback fallback-content channel-description ul,page.channel fallback fallback-content channel-description ol{margin:0 0 1rem;padding-left:2rem}page.channel fallback fallback-content channel-description li{margin-bottom:.25rem}page.channel fallback fallback-content channel-description a{color:var(--color-blue-dark);text-decoration:underline}page.channel fallback fallback-content channel-description a:hover{color:var(--color-blue)}page.channel fallback fallback-content channel-description code{background:var(--bg-color-secondary);padding:.125rem .25rem;border-radius:3px;font-family:monospace;font-size:.875em}page.channel fallback fallback-content channel-description pre{background:var(--bg-color-secondary);padding:.75rem;border-radius:4px;overflow-x:auto;margin:0 0 1rem}page.channel fallback fallback-content channel-description pre code{background:none;padding:0}page.channel fallback fallback-content channel-description blockquote{margin:0 0 1rem;padding-left:1rem;border-left:3px solid var(--border-light);color:var(--text-color-secondary)}page.channel fallback fallback-content channel-description h1{font-size:1.75rem}page.channel fallback fallback-content channel-description h2{font-size:1.5rem}page.channel fallback fallback-content channel-description h3{font-size:1.25rem}page.channel fallback fallback-content fallback-message{font-size:1.2rem;text-align:center;color:var(--text-color-primary)}page.channel fallback fallback-content action-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:600px;gap:.75rem}page.channel fallback fallback-content action-buttons subscription-section{display:flex;align-items:center;flex-shrink:0}page.channel fallback fallback-content action-buttons buttons-group{display:flex;gap:.75rem;align-items:center;flex-shrink:0;margin-left:0}page.channel fallback fallback-content action-buttons button.following{background-color:var(--bg-color-secondary);border:2px solid var(--color-blue-dark);color:var(--color-blue-dark)}page.channel fallback fallback-content action-buttons button.following:hover{background-color:var(--bg-color-primary)}page.channel fallback fallback-content action-buttons button input[name=csrf_token]{display:none}@media (max-width: 768px) and (orientation: portrait){page.channel fallback fallback-content action-buttons button{padding:.5rem .75rem}page.channel fallback fallback-content action-buttons button button-text{display:none}}@media (max-width: 768px){page.channel fallback fallback-content action-buttons{gap:.5rem}page.channel fallback fallback-content action-buttons buttons-group{gap:.5rem}}page.channel channel-description-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem}page.channel channel-description-modal modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}page.channel channel-description-modal modal-content{position:relative;background:var(--bg-color-primary);border-radius:8px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}page.channel channel-description-modal modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-light)}page.channel channel-description-modal modal-header h2{margin:0;font-size:1.5rem;color:var(--text-color-primary)}page.channel channel-description-modal modal-header close-button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:background-color .2s ease;color:var(--text-color-secondary);font-size:1.75rem;line-height:1}page.channel channel-description-modal modal-header close-button:hover{background-color:var(--bg-color-secondary);color:var(--text-color-primary)}page.channel channel-description-modal modal-body{padding:1.5rem;overflow-y:auto;flex:1}page.channel channel-description-modal modal-body empty-description{display:block;text-align:center;padding:2rem 0;color:var(--text-color-secondary);font-style:italic}page.channel channel-description-modal modal-body channel-description-content{display:block;line-height:1.6;color:var(--text-color-primary)}page.channel channel-description-modal modal-body channel-description-content p{margin:0 0 1rem}page.channel channel-description-modal modal-body channel-description-content p:last-child{margin-bottom:0}page.channel channel-description-modal modal-body channel-description-content h1,page.channel channel-description-modal modal-body channel-description-content h2,page.channel channel-description-modal modal-body channel-description-content h3,page.channel channel-description-modal modal-body channel-description-content h4,page.channel channel-description-modal modal-body channel-description-content h5,page.channel channel-description-modal modal-body channel-description-content h6{margin:1.5rem 0 .5rem;color:var(--text-color-primary)}page.channel channel-description-modal modal-body channel-description-content h1:first-child,page.channel channel-description-modal modal-body channel-description-content h2:first-child,page.channel channel-description-modal modal-body channel-description-content h3:first-child,page.channel channel-description-modal modal-body channel-description-content h4:first-child,page.channel channel-description-modal modal-body channel-description-content h5:first-child,page.channel channel-description-modal modal-body channel-description-content h6:first-child{margin-top:0}page.channel channel-description-modal modal-body channel-description-content ul,page.channel channel-description-modal modal-body channel-description-content ol{margin:0 0 1rem;padding-left:2rem}page.channel channel-description-modal modal-body channel-description-content li{margin-bottom:.25rem}page.channel channel-description-modal modal-body channel-description-content a{color:var(--color-blue-dark);text-decoration:underline}page.channel channel-description-modal modal-body channel-description-content a:hover{color:var(--color-blue)}page.channel channel-description-modal modal-body channel-description-content code{background:var(--bg-color-secondary);padding:.125rem .25rem;border-radius:3px;font-family:monospace;font-size:.875em}page.channel channel-description-modal modal-body channel-description-content pre{background:var(--bg-color-secondary);padding:.75rem;border-radius:4px;overflow-x:auto;margin:0 0 1rem}page.channel channel-description-modal modal-body channel-description-content pre code{background:none;padding:0}page.channel channel-description-modal modal-body channel-description-content blockquote{margin:0 0 1rem;padding-left:1rem;border-left:3px solid var(--border-light);color:var(--text-color-secondary)}@media (max-width: 768px){page.channel channel-description-modal modal-content{max-height:90vh}page.channel channel-description-modal modal-header{padding:1rem}page.channel channel-description-modal modal-body{padding:1rem}}page.channel{--info-bar-height: 3rem;display:block;padding:0;margin:0;overflow:hidden}page.checkout_complete{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--navbar-height))}page.checkout_complete checkout-complete-container{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;max-width:600px;width:100%;margin:auto;padding:3rem 2rem;text-align:center}page.checkout_complete checkout-complete-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.checkout_complete checkout-complete-container.yellow:before{background:var(--color-yellow)}page.checkout_complete checkout-complete-container.blue:before{background:var(--color-blue)}page.checkout_complete checkout-complete-container.green:before{background:var(--color-green)}page.checkout_complete checkout-complete-container.pink:before{background:var(--color-pink)}page.checkout_complete checkout-complete-container.red:before{background:var(--color-red)}page.checkout_complete checkout-complete-container.purple:before{background:var(--color-purple)}page.checkout_complete checkout-complete-container:before{background:linear-gradient(50deg,var(--color-yellow) 0 17%,var(--color-blue) 17% 34%,var(--color-green) 34% 51%,var(--color-pink) 51% 68%,var(--color-red) 68% 85%,var(--color-purple) 85% 100%)}page.checkout_complete checkout-complete-container checkout-icon{display:block;font-size:4rem;margin-bottom:1.5rem}page.checkout_complete checkout-complete-container checkout-message{display:block;font-size:1.1rem;color:var(--text-color-secondary);margin-bottom:2rem;line-height:1.5}page.checkout_complete checkout-complete-container checkout-message p{margin-bottom:1rem}page.checkout_complete checkout-complete-container checkout-message p:last-child{margin-bottom:0}page.checkout_complete checkout-complete-container checkout-message p.emphasis{font-size:1.5rem;font-weight:600;color:var(--text-color-primary)}page.checkout_complete checkout-complete-container checkout-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}page.checkout_complete checkout-complete-container checkout-actions a{min-width:120px;padding:.75rem 1.5rem;font-size:.875rem;display:flex;justify-content:center;gap:.25rem;background-color:var(--color-blue-dark);color:#fff;border:0;border-radius:100px;cursor:pointer;text-align:center;border:2px solid var(--color-blue-dark);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}page.checkout_complete checkout-complete-container checkout-actions a:hover{background-color:var(--color-blue)}page.checkout_complete checkout-complete-container checkout-actions a *{display:inline-block}page.checkout_complete checkout-complete-container checkout-actions a icon{width:1rem;height:1rem}@media (max-width: 768px){page.checkout_complete{padding:1rem}page.checkout_complete checkout-complete-container{padding:2rem 1.5rem}page.checkout_complete checkout-complete-container checkout-icon{font-size:3rem}page.checkout_complete checkout-complete-container checkout-message{font-size:1rem}page.checkout_complete checkout-complete-container checkout-message p.emphasis{font-size:1.25rem}}page.error{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--navbar-height))}page.error error-container{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;max-width:600px;width:100%;margin:auto;padding:3rem 2rem;text-align:center}page.error error-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.error error-container.yellow:before{background:var(--color-yellow)}page.error error-container.blue:before{background:var(--color-blue)}page.error error-container.green:before{background:var(--color-green)}page.error error-container.pink:before{background:var(--color-pink)}page.error error-container.red:before{background:var(--color-red)}page.error error-container.purple:before{background:var(--color-purple)}page.error error-container:before{background:linear-gradient(50deg,var(--color-yellow) 0 17%,var(--color-blue) 17% 34%,var(--color-green) 34% 51%,var(--color-pink) 51% 68%,var(--color-red) 68% 85%,var(--color-purple) 85% 100%)}page.error error-container error-icon{display:block;font-size:3rem;margin-bottom:1.5rem}page.error error-container error-message{display:block;font-size:1.1rem;color:var(--text-color-secondary);margin-bottom:2rem;line-height:1.5}page.error error-container error-message p{margin-bottom:1rem}page.error error-container error-message p:last-child{margin-bottom:0}page.error error-container error-message p.emphasis{font-size:1.5rem;font-weight:600;color:var(--text-color-primary)}page.error error-container error-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}page.error error-container error-actions a{min-width:120px;padding:.75rem 1.5rem;font-size:.875rem;display:flex;justify-content:center;gap:.25rem;background-color:var(--color-blue-dark);color:#fff;border:0;border-radius:100px;cursor:pointer;text-align:center;border:2px solid var(--color-blue-dark);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}page.error error-container error-actions a:hover{background-color:var(--color-blue)}page.error error-container error-actions a *{display:inline-block}page.error error-container error-actions a icon{width:1rem;height:1rem}@media (max-width: 768px){page.error{padding:1rem}page.error error-container{padding:2rem 1.5rem}page.error error-container error-icon{font-size:2.5rem}page.error error-container error-message{font-size:1rem}page.error error-container error-message p.emphasis{font-size:1.25rem}}page.help{display:flex;justify-content:center;padding:2rem 1rem;min-height:calc(100vh - var(--navbar-height))}page.help help-container{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;max-width:900px;width:100%;padding:3rem}page.help help-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.help help-container.yellow:before{background:var(--color-yellow)}page.help help-container.blue:before{background:var(--color-blue)}page.help help-container.green:before{background:var(--color-green)}page.help help-container.pink:before{background:var(--color-pink)}page.help help-container.red:before{background:var(--color-red)}page.help help-container.purple:before{background:var(--color-purple)}page.help help-container:before{background:linear-gradient(50deg,var(--color-yellow) 0 17%,var(--color-blue) 17% 34%,var(--color-green) 34% 51%,var(--color-pink) 51% 68%,var(--color-red) 68% 85%,var(--color-purple) 85% 100%)}page.help help-container help-header{display:block;margin-bottom:2rem;text-align:center;border-bottom:2px solid var(--border-color);padding-bottom:1.5rem}page.help help-container help-header h1{font-size:2.5rem;font-weight:700;color:var(--text-color-primary);margin-bottom:.5rem}page.help help-container help-header .last-updated{font-size:.9rem;color:var(--text-color-secondary);font-style:italic}page.help help-container help-content{display:block}page.help help-container help-content section{margin-bottom:2rem}page.help help-container help-content section:last-child{margin-bottom:0}page.help help-container help-content section.toc{background-color:var(--bg-secondary);padding:1.5rem;border-radius:8px;margin-bottom:2.5rem}page.help help-container help-content section.toc h2{font-size:1.25rem;margin-bottom:1rem}page.help help-container help-content section.toc nav ul{list-style:none;padding-left:1.5rem;margin:0}page.help help-container help-content section.toc nav ul li{margin-bottom:.5rem}page.help help-container help-content section.toc nav ul li a{color:var(--accent);text-decoration:none;font-size:.9rem;transition:color .2s ease}page.help help-container help-content section.toc nav ul li a:hover{color:var(--accent-hover);text-decoration:underline}page.help help-container help-content section h2{font-size:1.5rem;font-weight:600;color:var(--text-color-primary);margin-bottom:1rem;scroll-margin-top:1rem}page.help help-container help-content section p{font-size:1rem;line-height:1.6;color:var(--text-color-secondary);margin-bottom:1rem}page.help help-container help-content section p:last-child{margin-bottom:0}page.help help-container help-content section p.emphasis{font-weight:600;color:var(--text-color-primary)}page.help help-container help-content section p strong{font-weight:600;color:var(--text-color-primary)}page.help help-container help-content section p code{background-color:var(--bg-secondary);padding:.2rem .4rem;border-radius:3px;font-family:monospace;font-size:.9em;color:var(--accent)}page.help help-container help-content section ul{margin:1rem 0;padding-left:2rem}page.help help-container help-content section ul li{font-size:1rem;line-height:1.6;color:var(--text-color-secondary);margin-bottom:.75rem}page.help help-container help-content section ul li:last-child{margin-bottom:0}page.help help-container help-content section ul li strong{font-weight:600;color:var(--text-color-primary)}page.help help-container help-content section ul li code{background-color:var(--bg-secondary);padding:.2rem .4rem;border-radius:3px;font-family:monospace;font-size:.9em;color:var(--accent)}@media (max-width: 768px){page.help{padding:1rem .5rem}page.help help-container{padding:2rem 1.5rem}page.help help-container help-header h1{font-size:2rem}page.help help-container help-header .last-updated{font-size:.85rem}page.help help-container help-content section h2{font-size:1.25rem}page.help help-container help-content section p,page.help help-container help-content section ul li{font-size:.95rem}page.help help-container help-content section ul{padding-left:1.5rem}}page.home hero{display:block;max-width:1024px;margin:auto;display:flex;flex-direction:column;align-items:center;padding-top:2rem}page.home hero subtitle{margin-top:1.5rem;font-size:1.75rem}page.home hero img{width:500px}page.home cta{display:block;max-width:1024px;margin:auto;display:flex;justify-content:center;margin-top:2rem;margin-bottom:3rem}page.home cta a.button{position:relative;color:var(--text-color-primary);background-color:var(--bg-color-secondary);border:2px solid var(--border-dark);border-radius:100px;padding:.75rem 2rem;font-weight:500}page.home cta a.button:after{background:linear-gradient(50deg,var(--color-yellow) 0 17%,var(--color-blue) 17% 34%,var(--color-green) 34% 51%,var(--color-pink) 51% 68%,var(--color-red) 68% 85%,var(--color-purple) 85% 100%);content:"";position:absolute;width:100%;height:100%;left:8px;top:7px;border-radius:100px;z-index:-1}page.home cta a.button:hover{background-color:var(--bg-color-tertiary)}page.home features{display:block;background-color:var(--bg-color-accent);padding:4rem 2rem;margin-bottom:4rem}page.home features feature-grid{display:block;max-width:1024px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}page.home features feature-card{display:flex;background-color:var(--bg-color-secondary);border:1px solid var(--border-dark);padding:1rem;border-radius:8px;align-items:center;min-height:110px}page.home features feature-card feature-icon{flex:0 0 auto;width:60px;height:60px;background-color:var(--color-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1}page.home features feature-card feature-icon.yellow{background-color:var(--color-yellow)}page.home features feature-card feature-icon.blue{background-color:var(--color-blue)}page.home features feature-card feature-icon.green{background-color:var(--color-green)}page.home features feature-card feature-icon.pink{background-color:var(--color-pink)}page.home features feature-card feature-icon.red{background-color:var(--color-red)}page.home features feature-card feature-icon.purple{background-color:var(--color-purple)}page.home features feature-card feature-description{display:block;margin-left:1rem}page.home features feature-card h3{font-size:1rem;color:var(--text-color-primary);font-weight:700}page.home features feature-card p{color:var(--text-color-secondary);margin-top:.5rem}page.home pricing{padding:1rem 0}page.home pricing h2{display:block;max-width:1024px;margin:auto;padding:0 1rem;text-align:center;font-size:2.5rem}page.home pricing>p{display:block;max-width:1024px;margin:auto;padding:0 1rem;margin-top:1rem;text-align:center;font-size:1.25rem;color:var(--text-color-secondary)}page.home pricing pricing-cards{display:block;background-color:var(--bg-color-accent);margin:2rem 0;padding:1rem}page.home pricing pricing-cards pricing-cards-grid{display:block;max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;margin:2rem auto}page.home pricing pricing-cards pricing-cards-grid pricing-card{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;height:100%;justify-content:flex-start}page.home pricing pricing-cards pricing-cards-grid pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.home pricing pricing-cards pricing-cards-grid pricing-card.yellow:before{background:var(--color-yellow)}page.home pricing pricing-cards pricing-cards-grid pricing-card.blue:before{background:var(--color-blue)}page.home pricing pricing-cards pricing-cards-grid pricing-card.green:before{background:var(--color-green)}page.home pricing pricing-cards pricing-cards-grid pricing-card.pink:before{background:var(--color-pink)}page.home pricing pricing-cards pricing-cards-grid pricing-card.red:before{background:var(--color-red)}page.home pricing pricing-cards pricing-cards-grid pricing-card.purple:before{background:var(--color-purple)}page.home pricing pricing-cards pricing-cards-grid pricing-card.yellow price-description:after{background:var(--color-yellow)}page.home pricing pricing-cards pricing-cards-grid pricing-card.blue price-description:after{background:var(--color-blue)}page.home pricing pricing-cards pricing-cards-grid pricing-card.green price-description:after{background:var(--color-green)}page.home pricing pricing-cards pricing-cards-grid pricing-card.pink price-description:after{background:var(--color-pink)}page.home pricing pricing-cards pricing-cards-grid pricing-card.red price-description:after{background:var(--color-red)}page.home pricing pricing-cards pricing-cards-grid pricing-card.purple price-description:after{background:var(--color-purple)}page.home pricing pricing-cards pricing-cards-grid pricing-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}page.home pricing pricing-cards pricing-cards-grid pricing-card p{text-align:left;margin-top:0;margin-bottom:.5rem;font-size:.75rem;color:var(--text-color-secondary)}page.home pricing pricing-cards pricing-cards-grid pricing-card usage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:.5rem;padding:0 2rem}page.home pricing pricing-cards pricing-cards-grid pricing-card usage-stats stat{display:block;text-align:center;padding:.5rem;background-color:var(--bg-color-secondary);border-radius:8px}page.home pricing pricing-cards pricing-cards-grid pricing-card usage-stats stat stat-value{display:block;font-size:1.5rem;font-weight:700}page.home pricing pricing-cards pricing-cards-grid pricing-card usage-stats stat stat-label{display:block;color:var(--text-color-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}page.home pricing pricing-cards pricing-cards-grid pricing-card price{display:block;margin-top:auto;padding:0 0 0 .5rem;text-align:center}page.home pricing pricing-cards pricing-cards-grid pricing-card price price-description{display:inline;position:relative;z-index:0}page.home pricing pricing-cards pricing-cards-grid pricing-card price price-description:after{content:"";position:absolute;bottom:-.125rem;left:-.5rem;height:1.75rem;width:calc(100% + 1rem);padding:0 .25rem;z-index:-1;background-color:var(--color-blue);opacity:var(--color-background-opacity)}page.home pricing pricing-cards pricing-cards-grid pricing-card price price-description price-amount{font-size:2.5rem;font-weight:800}page.home pricing pricing-cards pricing-cards-grid pricing-card price price-description price-period{font-size:1rem}page.home pricing pricing-calculator{margin:1rem auto 2rem}page.livestream{display:block;max-width:1024px;margin:auto;padding:1rem}page.livestream viewer-metrics{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;display:grid;gap:1rem;margin-bottom:2rem}page.livestream viewer-metrics:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.livestream viewer-metrics.yellow:before{background:var(--color-yellow)}page.livestream viewer-metrics.blue:before{background:var(--color-blue)}page.livestream viewer-metrics.green:before{background:var(--color-green)}page.livestream viewer-metrics.pink:before{background:var(--color-pink)}page.livestream viewer-metrics.red:before{background:var(--color-red)}page.livestream viewer-metrics.purple:before{background:var(--color-purple)}page.livestream viewer-metrics.live{grid-template-columns:repeat(4,1fr)}page.livestream viewer-metrics.ended{grid-template-columns:repeat(3,1fr)}page.livestream viewer-metrics viewer-metric{display:block;text-align:center;padding:1rem}page.livestream viewer-metrics viewer-metric h3{margin:0 0 .5rem;font-size:1rem;color:var(--text-color-primary);font-weight:500}page.livestream viewer-metrics viewer-metric metric-value{display:block;font-size:1.75rem;font-weight:700;color:var(--secondary);margin-bottom:.25rem}page.livestream viewer-metrics viewer-metric metric-label{display:block;font-size:.75rem;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1200px){page.livestream viewer-metrics.live{grid-template-columns:repeat(2,1fr)}page.livestream viewer-metrics.ended{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){page.livestream viewer-metrics.live,page.livestream viewer-metrics.ended{grid-template-columns:1fr}}page.livestream broadcaster-stream{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;justify-content:flex-start;display:grid;grid-template-columns:1fr 320px;grid-template-rows:450px auto;grid-template-areas:"video chat" "controls controls";margin-bottom:2rem;padding:0;overflow:hidden}page.livestream broadcaster-stream:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.livestream broadcaster-stream.yellow:before{background:var(--color-yellow)}page.livestream broadcaster-stream.blue:before{background:var(--color-blue)}page.livestream broadcaster-stream.green:before{background:var(--color-green)}page.livestream broadcaster-stream.pink:before{background:var(--color-pink)}page.livestream broadcaster-stream.red:before{background:var(--color-red)}page.livestream broadcaster-stream.purple:before{background:var(--color-purple)}page.livestream broadcaster-stream video-section{grid-area:video;display:flex;flex-direction:column;min-width:0}page.livestream broadcaster-stream video-section video-player{width:100%;height:100%}page.livestream broadcaster-stream chat-section{grid-area:chat;display:flex;flex-direction:column;border-left:1px solid var(--border-light);overflow:hidden}page.livestream broadcaster-stream chat-section chat{display:flex;flex-direction:column;height:100%;overflow:hidden}page.livestream broadcaster-stream controls-section{grid-area:controls;display:flex;justify-content:center;align-items:center;padding:1rem;background:var(--bg-color-secondary);border-top:1px solid var(--border-light)}@media (max-width: 1024px){page.livestream broadcaster-stream{grid-template-columns:1fr;grid-template-rows:400px auto 350px;grid-template-areas:"video" "controls" "chat"}page.livestream broadcaster-stream chat-section{border-left:none;border-top:1px solid var(--border-light)}}page.livestream viewer-chart{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);overflow:hidden;justify-content:flex-start;display:block;margin-bottom:3rem;padding:1.5rem;background:var(--bg-color-secondary);border-radius:12px}page.livestream viewer-chart:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.livestream viewer-chart.yellow:before{background:var(--color-yellow)}page.livestream viewer-chart.blue:before{background:var(--color-blue)}page.livestream viewer-chart.green:before{background:var(--color-green)}page.livestream viewer-chart.pink:before{background:var(--color-pink)}page.livestream viewer-chart.red:before{background:var(--color-red)}page.livestream viewer-chart.purple:before{background:var(--color-purple)}page.livestream viewer-chart h2{margin:0 0 2rem;font-size:1.5rem;color:var(--text-color-primary);font-weight:600;text-align:center}page.livestream livestream-controls{display:flex;gap:1rem;align-items:center}page.livestream livestream-controls status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}page.livestream livestream-controls status-indicator[data-live=true]{color:var(--color-green)}page.livestream livestream-controls status-indicator[data-live=true] status-dot{background-color:var(--color-green);box-shadow:0 0 8px var(--color-green)}page.livestream livestream-controls status-indicator[data-live=false]{color:var(--text-color-secondary)}page.livestream livestream-controls status-indicator[data-live=false] status-dot{background-color:var(--text-color-tertiary)}page.livestream livestream-controls status-indicator status-dot{width:10px;height:10px;border-radius:50%;transition:all .3s ease}page.livestream livestream-controls button:disabled{opacity:.5;cursor:not-allowed}page.login{display:block;max-width:1024px;margin:auto;padding:1rem}page.login form{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:2rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;max-width:600px;margin:auto}page.login form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.login form.yellow:before{background:var(--color-yellow)}page.login form.blue:before{background:var(--color-blue)}page.login form.green:before{background:var(--color-green)}page.login form.pink:before{background:var(--color-pink)}page.login form.red:before{background:var(--color-red)}page.login form.purple:before{background:var(--color-purple)}page.login form:before{background:linear-gradient(50deg,var(--color-yellow) 0 17%,var(--color-blue) 17% 34%,var(--color-green) 34% 51%,var(--color-pink) 51% 68%,var(--color-red) 68% 85%,var(--color-purple) 85% 100%)}page.not_found{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--navbar-height))}page.not_found not-found-container{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;max-width:600px;width:100%;margin:auto;padding:3rem 2rem;text-align:center}page.not_found not-found-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.not_found not-found-container.yellow:before{background:var(--color-yellow)}page.not_found not-found-container.blue:before{background:var(--color-blue)}page.not_found not-found-container.green:before{background:var(--color-green)}page.not_found not-found-container.pink:before{background:var(--color-pink)}page.not_found not-found-container.red:before{background:var(--color-red)}page.not_found not-found-container.purple:before{background:var(--color-purple)}page.not_found not-found-container:before{background:linear-gradient(50deg,var(--color-yellow) 0 17%,var(--color-blue) 17% 34%,var(--color-green) 34% 51%,var(--color-pink) 51% 68%,var(--color-red) 68% 85%,var(--color-purple) 85% 100%)}page.not_found not-found-container not-found-icon{display:block;font-size:3rem;margin-bottom:1.5rem}page.not_found not-found-container not-found-message{display:block;font-size:1.1rem;color:var(--text-color-secondary);margin-bottom:2rem;line-height:1.5}page.not_found not-found-container not-found-message p{margin-bottom:1rem}page.not_found not-found-container not-found-message p:last-child{margin-bottom:0}page.not_found not-found-container not-found-message p.emphasis{font-size:1.5rem;font-weight:600;color:var(--text-color-primary)}page.not_found not-found-container not-found-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}page.not_found not-found-container not-found-actions a{min-width:120px;padding:.75rem 1.5rem;font-size:.875rem;display:flex;justify-content:center;gap:.25rem;background-color:var(--color-blue-dark);color:#fff;border:0;border-radius:100px;cursor:pointer;text-align:center;border:2px solid var(--color-blue-dark);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}page.not_found not-found-container not-found-actions a:hover{background-color:var(--color-blue)}page.not_found not-found-container not-found-actions a *{display:inline-block}page.not_found not-found-container not-found-actions a icon{width:1rem;height:1rem}@media (max-width: 768px){page.not_found{padding:1rem}page.not_found not-found-container{padding:2rem 1.5rem}page.not_found not-found-container not-found-icon{font-size:2.5rem}page.not_found not-found-container not-found-message{font-size:1rem}page.not_found not-found-container not-found-message p.emphasis{font-size:1.25rem}}page.recover-password{display:block;max-width:1024px;margin:auto;padding:1rem}page.recover-password form{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;max-width:600px;margin:auto}page.recover-password form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.recover-password form.yellow:before{background:var(--color-yellow)}page.recover-password form.blue:before{background:var(--color-blue)}page.recover-password form.green:before{background:var(--color-green)}page.recover-password form.pink:before{background:var(--color-pink)}page.recover-password form.red:before{background:var(--color-red)}page.recover-password form.purple:before{background:var(--color-purple)}page.reset-password{display:block;max-width:1024px;margin:auto;padding:1rem}page.reset-password form{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;max-width:600px;margin:auto}page.reset-password form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.reset-password form.yellow:before{background:var(--color-yellow)}page.reset-password form.blue:before{background:var(--color-blue)}page.reset-password form.green:before{background:var(--color-green)}page.reset-password form.pink:before{background:var(--color-pink)}page.reset-password form.red:before{background:var(--color-red)}page.reset-password form.purple:before{background:var(--color-purple)}page.signup{display:block;max-width:1024px;margin:auto;padding:1rem}page.signup form{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;max-width:600px;margin:auto}page.signup form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.signup form.yellow:before{background:var(--color-yellow)}page.signup form.blue:before{background:var(--color-blue)}page.signup form.green:before{background:var(--color-green)}page.signup form.pink:before{background:var(--color-pink)}page.signup form.red:before{background:var(--color-red)}page.signup form.purple:before{background:var(--color-purple)}page.signup form:before{background:linear-gradient(50deg,var(--color-yellow) 0 17%,var(--color-blue) 17% 34%,var(--color-green) 34% 51%,var(--color-pink) 51% 68%,var(--color-red) 68% 85%,var(--color-purple) 85% 100%)}page.tos{display:flex;justify-content:center;padding:2rem 1rem;min-height:calc(100vh - var(--navbar-height))}page.tos tos-container{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;max-width:900px;width:100%;padding:3rem}page.tos tos-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.tos tos-container.yellow:before{background:var(--color-yellow)}page.tos tos-container.blue:before{background:var(--color-blue)}page.tos tos-container.green:before{background:var(--color-green)}page.tos tos-container.pink:before{background:var(--color-pink)}page.tos tos-container.red:before{background:var(--color-red)}page.tos tos-container.purple:before{background:var(--color-purple)}page.tos tos-container:before{background:linear-gradient(50deg,var(--color-yellow) 0 17%,var(--color-blue) 17% 34%,var(--color-green) 34% 51%,var(--color-pink) 51% 68%,var(--color-red) 68% 85%,var(--color-purple) 85% 100%)}page.tos tos-container tos-header{display:block;margin-bottom:2rem;text-align:center;border-bottom:2px solid var(--border-color);padding-bottom:1.5rem}page.tos tos-container tos-header h1{font-size:2.5rem;font-weight:700;color:var(--text-color-primary);margin-bottom:.5rem}page.tos tos-container tos-header .last-updated{font-size:.9rem;color:var(--text-color-secondary);font-style:italic}page.tos tos-container tos-content{display:block}page.tos tos-container tos-content section{margin-bottom:2rem}page.tos tos-container tos-content section:last-child{margin-bottom:0}page.tos tos-container tos-content section h2{font-size:1.5rem;font-weight:600;color:var(--text-color-primary);margin-bottom:1rem}page.tos tos-container tos-content section p{font-size:1rem;line-height:1.6;color:var(--text-color-secondary);margin-bottom:1rem}page.tos tos-container tos-content section p:last-child{margin-bottom:0}page.tos tos-container tos-content section p.emphasis{font-weight:600;color:var(--text-color-primary)}page.tos tos-container tos-content section p strong{font-weight:600;color:var(--text-color-primary)}page.tos tos-container tos-content section ul{margin:1rem 0;padding-left:2rem}page.tos tos-container tos-content section ul li{font-size:1rem;line-height:1.6;color:var(--text-color-secondary);margin-bottom:.75rem}page.tos tos-container tos-content section ul li:last-child{margin-bottom:0}page.tos tos-container tos-content section ul li strong{font-weight:600;color:var(--text-color-primary)}@media (max-width: 768px){page.tos{padding:1rem .5rem}page.tos tos-container{padding:2rem 1.5rem}page.tos tos-container tos-header h1{font-size:2rem}page.tos tos-container tos-header .last-updated{font-size:.85rem}page.tos tos-container tos-content section h2{font-size:1.25rem}page.tos tos-container tos-content section p,page.tos tos-container tos-content section ul li{font-size:.95rem}page.tos tos-container tos-content section ul{padding-left:1.5rem}}page.unsubscribe-email{display:block;max-width:1024px;margin:auto;padding:1rem}page.unsubscribe-email unsubscribe-container{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;display:block;max-width:600px;margin:3rem auto;text-align:center;padding:3rem 2rem}page.unsubscribe-email unsubscribe-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.unsubscribe-email unsubscribe-container.yellow:before{background:var(--color-yellow)}page.unsubscribe-email unsubscribe-container.blue:before{background:var(--color-blue)}page.unsubscribe-email unsubscribe-container.green:before{background:var(--color-green)}page.unsubscribe-email unsubscribe-container.pink:before{background:var(--color-pink)}page.unsubscribe-email unsubscribe-container.red:before{background:var(--color-red)}page.unsubscribe-email unsubscribe-container.purple:before{background:var(--color-purple)}page.unsubscribe-email unsubscribe-container:before{background:var(--color-green)}page.unsubscribe-email unsubscribe-container h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-color-primary)}@media (max-width: 767px){page.unsubscribe-email unsubscribe-container h2{font-size:1.5rem}}page.unsubscribe-email unsubscribe-container unsubscribe-message{display:block;margin-bottom:2rem}page.unsubscribe-email unsubscribe-container unsubscribe-message p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;color:var(--text-color-secondary)}page.unsubscribe-email unsubscribe-container unsubscribe-message p strong{color:var(--text-color-primary);font-weight:600}page.unsubscribe-email unsubscribe-container unsubscribe-actions{display:block;margin-top:2rem}page.unsubscribe-email unsubscribe-container unsubscribe-actions a{min-width:120px;padding:.75rem 1.5rem;font-size:.875rem;display:flex;justify-content:center;align-items:center;gap:.25rem;background-color:var(--color-blue-dark);color:#fff;border:0;border-radius:100px;cursor:pointer;text-align:center;border:2px solid var(--color-blue-dark);text-decoration:none;display:inline-flex}page.unsubscribe-email unsubscribe-container unsubscribe-actions a:hover{background-color:var(--color-blue)}page.unsubscribe-email unsubscribe-container unsubscribe-actions a *{display:inline-block}page.unsubscribe-email unsubscribe-container unsubscribe-actions a icon{width:1rem;height:1rem}page.unsubscribe-email unsubscribe-container unsubscribe-actions a:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}page.unsubscribe-email success-icon{display:block;margin:0 auto 1.5rem;width:32px;height:32px;background:var(--color-green);border-radius:50%;position:relative}page.unsubscribe-email success-icon:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:#fff}page.verified-email-required{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--navbar-height))}page.verified-email-required verification-required-container{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;max-width:600px;width:100%;margin:auto;padding:3rem 2rem;text-align:center}page.verified-email-required verification-required-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}page.verified-email-required verification-required-container.yellow:before{background:var(--color-yellow)}page.verified-email-required verification-required-container.blue:before{background:var(--color-blue)}page.verified-email-required verification-required-container.green:before{background:var(--color-green)}page.verified-email-required verification-required-container.pink:before{background:var(--color-pink)}page.verified-email-required verification-required-container.red:before{background:var(--color-red)}page.verified-email-required verification-required-container.purple:before{background:var(--color-purple)}page.verified-email-required verification-required-container:before{background:linear-gradient(50deg,var(--color-yellow) 0 17%,var(--color-blue) 17% 34%,var(--color-green) 34% 51%,var(--color-pink) 51% 68%,var(--color-red) 68% 85%,var(--color-purple) 85% 100%)}page.verified-email-required verification-required-container verification-icon{display:block;font-size:3rem;margin-bottom:1.5rem}page.verified-email-required verification-required-container verification-message{display:block;font-size:1.1rem;color:var(--text-color-secondary);margin-bottom:2rem;line-height:1.5}page.verified-email-required verification-required-container verification-message p{margin-bottom:1rem}page.verified-email-required verification-required-container verification-message p:last-child{margin-bottom:0}page.verified-email-required verification-required-container verification-message p.emphasis{font-size:1.5rem;font-weight:600;color:var(--text-color-primary)}page.verified-email-required verification-required-container verification-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}page.verified-email-required verification-required-container verification-actions a{min-width:120px;padding:.75rem 1.5rem;font-size:.875rem;display:flex;justify-content:center;gap:.25rem;background-color:var(--color-blue-dark);color:#fff;border:0;border-radius:100px;cursor:pointer;text-align:center;border:2px solid var(--color-blue-dark);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}page.verified-email-required verification-required-container verification-actions a:hover{background-color:var(--color-blue)}page.verified-email-required verification-required-container verification-actions a *{display:inline-block}page.verified-email-required verification-required-container verification-actions a icon{width:1rem;height:1rem}@media (max-width: 768px){page.verified-email-required{padding:1rem}page.verified-email-required verification-required-container{padding:2rem 1.5rem}page.verified-email-required verification-required-container verification-icon{font-size:2.5rem}page.verified-email-required verification-required-container verification-message{font-size:1rem}page.verified-email-required verification-required-container verification-message p.emphasis{font-size:1.25rem}}page.verify-email{display:block;max-width:1024px;margin:auto;padding:1rem}page.watch{display:block;max-width:1024px;margin:auto;padding:1rem;@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}}page.watch channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}page.watch empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;text-align:center;background-color:var(--bg-color-secondary);border:1px solid var(--border-dark);border-radius:8px}page.watch empty-state h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text-color-primary)}page.watch empty-state p{margin:0 0 1.5rem;color:var(--text-color-secondary);font-size:1rem}page.watch empty-state a.button{margin-top:1rem}page.watch live-channel-card{display:block;background-color:var(--bg-color-secondary);border:1px solid var(--border-dark);border-radius:8px;padding:1.5rem;transition:all .2s ease}page.watch live-channel-card:hover{border-color:var(--border-light);box-shadow:0 4px 12px #0000001a}page.watch live-channel-card channel-header{display:block;margin-bottom:1rem}page.watch live-channel-card channel-header live-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}page.watch live-channel-card channel-header live-indicator live-dot{display:block;width:10px;height:10px;border-radius:50%;background-color:var(--color-red);animation:pulse 2s ease-in-out infinite}page.watch live-channel-card channel-header live-indicator live-text{display:block;font-size:.75rem;font-weight:700;color:var(--color-red);letter-spacing:.05em}page.watch live-channel-card channel-header channel-title{display:block}page.watch live-channel-card channel-header channel-title h3{margin:0;font-size:1.25rem;font-weight:600}page.watch live-channel-card channel-header channel-title h3 a{color:var(--text-color-primary);text-decoration:none;transition:color .2s ease}page.watch live-channel-card channel-header channel-title h3 a:hover{color:var(--color-blue)}page.watch live-channel-card channel-actions{display:flex;gap:.75rem;margin-top:1rem}page.watch live-channel-card channel-actions a.button{flex:1;text-align:center;padding:.75rem 1rem;font-size:.875rem}@media (max-width: 768px){page.watch channel-grid{grid-template-columns:1fr;gap:1rem}page.watch live-channel-card{padding:1rem}}icon{display:block;width:24px;height:24px}navbar{position:fixed;bottom:0;left:0;right:0;width:100vw;height:var(--navbar-height);border-top:1px solid var(--border-light);z-index:100;margin:auto;padding:.25rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:1.25rem;background-color:var(--bg-color-tertiary)}navbar a{text-decoration:none}navbar menu-item{display:flex;flex-direction:column;align-items:center;color:var(--text-color-primary);cursor:pointer;-webkit-user-select:none;user-select:none}navbar menu-item icon{width:2rem;height:2rem}navbar menu-item label{font-size:.6rem;cursor:pointer}toast{display:block;position:fixed;top:-100px;left:50%;transform:translate(-50%);background-color:#323232;color:#fff;padding:15px 30px;border-radius:5px;box-shadow:0 4px 6px #0000001a;opacity:0;z-index:10000;animation:toast-slideDown .5s forwards,toast-fadeOut .5s 5s forwards}@keyframes toast-slideDown{0%{top:-100px;opacity:0}to{top:20px;opacity:1}}@keyframes toast-fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}page.channel subscription-section{display:block}page.channel subscription-status{display:flex;align-items:center}page.channel .subscription-success{background:var(--color-green);color:#fff;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center}page.channel .subscription-cancelled{background:var(--color-yellow);color:var(--bg-color-primary);padding:1rem;border-radius:8px;margin:1rem 0;text-align:center}@media (max-width: 768px){page.channel tiers-list{padding:1.5rem}page.channel tiers-grid{grid-template-columns:1fr;gap:1rem}page.channel tier-option{padding:1.25rem}page.channel tier-name{font-size:1.1rem}page.channel tier-price{font-size:1.25rem}page.channel tier-description{font-size:.875rem}}page.channel subscription-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:auto}page.channel subscription-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,var(--color-background-opacity));z-index:1000;animation:fadeIn .2s ease-out}page.channel subscription-content{position:relative;z-index:1001;background:var(--bg-color-tertiary);border:1px solid var(--border-light);border-radius:16px;max-width:500px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out;margin:1rem}page.channel subscription-header{position:relative;padding:1.5rem;border-bottom:1px solid var(--border-color)}page.channel subscription-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color-primary);padding-right:3rem}page.channel subscription-header .close-button{position:absolute;top:1rem;right:1rem;width:1.5rem!important;height:1.5rem;min-width:1.5rem;max-width:1.5rem;background:none!important;border:none;border-radius:0!important;color:var(--text-color-secondary);cursor:pointer;padding:0!important;margin:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}page.channel subscription-header .close-button span{font-size:1.25rem;line-height:1;display:block;transform:translateY(-1px)}page.channel subscription-header .close-button:hover{background:var(--bg-color-secondary);color:var(--text-color-primary);transform:scale(1.1)}page.channel subscription-header .close-button:active{transform:scale(.95)}page.channel subscription-body{padding:0 1.5rem 1.5rem}page.channel subscription-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-color-secondary);font-size:.875rem}page.channel subscription-info-modal{display:block}page.channel subscription-details{display:block;padding:.5rem 0}page.channel detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-lighter)}page.channel detail-row:last-of-type{border-bottom:none}page.channel detail-row.primary{padding:1rem 0;border-bottom:2px solid var(--border-light)}page.channel detail-row.primary detail-value{font-size:1.25rem;font-weight:600;color:var(--text-color-primary)}page.channel detail-label{font-size:.875rem;color:var(--text-color-secondary);font-weight:500}page.channel detail-value{font-size:.95rem;color:var(--text-color-primary);text-align:right}page.channel detail-value .period-separator{margin:0 .25rem;color:var(--text-color-secondary)}page.channel status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}page.channel status-badge.active{background:var(--color-green);color:#fff}page.channel status-badge.active mark.status-icon{display:inline;font-size:.75rem;background:transparent;color:inherit}page.channel status-badge.cancel_at_period_end{background:var(--color-yellow);color:var(--text-color-primary)}page.channel status-badge.canceled{background:var(--color-red);color:#fff}page.channel subscription-modal-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border-light)}page.channel subscription-modal-actions .button{width:100%;justify-content:center}page.channel subscription-modal-actions .button.full-width{width:100%}page.channel subscription-modal-actions .button.secondary{background:var(--bg-color-secondary);color:var(--text-color-primary);border:1px solid var(--border-light)}page.channel subscription-modal-actions .button.secondary:hover{background:var(--bg-color-accent);border-color:var(--border-medium)}page.channel subscription-modal-actions .button.tertiary{background:transparent;color:var(--text-color-secondary);border:1px solid transparent;font-size:.875rem}page.channel subscription-modal-actions .button.tertiary:hover{color:var(--text-color-primary);background:var(--bg-color-secondary)}page.channel cancellation-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-color-accent);border-radius:8px;border:1px solid var(--border-light);margin-bottom:.5rem}page.channel cancellation-info info-icon{font-size:1rem;flex-shrink:0}page.channel cancellation-info info-text{font-size:.875rem;color:var(--text-color-secondary);line-height:1.4}impersonation-banner{display:flex;align-items:center;justify-content:center;gap:1rem;position:fixed;top:0;left:0;right:0;padding:.75rem 1rem;background:repeating-linear-gradient(45deg,#fbbf24,#fbbf24 10px,#f59e0b 10px,#f59e0b 20px);box-shadow:0 2px 8px #00000026;z-index:9999;font-size:1.125rem;font-weight:500}impersonation-message{display:flex;align-items:center;gap:.5rem;color:#000}impersonation-message strong{font-weight:700}impersonation-banner button{white-space:nowrap;font-weight:600}impersonation-banner button:disabled{opacity:.7;cursor:not-allowed}body:has(impersonation-banner){padding-top:3rem}@media (max-width: 640px){impersonation-banner{flex-direction:column;gap:.5rem;padding:.5rem}body:has(impersonation-banner){padding-top:4rem}}chat{display:flex;flex-direction:column;height:100%}chat loading{display:block;text-align:center;color:var(--text-color-secondary);font-style:italic}chat sign-in{display:block;margin-top:auto;margin-bottom:auto;padding:0 .5rem}chat sign-in form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}chat sign-in form label{display:block;width:100%;margin-bottom:.25rem;font-weight:700}chat sign-in form input{flex:1;padding:.5rem;font-size:.875rem;background-color:var(--bg-color-primary);border:1px solid var(--border-medium);color:var(--text-color-primary)}chat sign-in form button{flex-shrink:0}chat chatting{position:relative;display:flex;flex-direction:column;height:100%}chat chatting[data-watch-only=true] error-message{bottom:.5rem}chat chatting error-message{display:block;position:absolute;bottom:4rem;left:.5rem;right:.5rem;background-color:var(--color-red);color:var(--bg-color-secondary);padding:.75rem;border:1px solid var(--color-red-dark);border-radius:.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s ease;z-index:10}chat chatting error-message:hover{opacity:.8}chat chatting messages{display:block;height:100%;overflow-y:auto;padding:.5rem}chat chatting messages no-messages{display:block;text-align:center;color:var(--text-color-secondary);font-style:italic;padding:2rem 1rem}chat chatting messages message{display:block;margin-bottom:.5rem}chat chatting messages message timestamp{color:var(--text-color-secondary)}chat chatting messages message name{font-weight:500}chat chatting form{display:flex;width:100%;padding:.5rem;border-top:1px solid var(--border-light);background-color:var(--bg-color-secondary);gap:.5rem;margin:0}chat chatting form input{flex:1;padding:.25rem;font-size:.875rem;background-color:var(--bg-color-primary);border:1px solid var(--border-medium);color:var(--text-color-primary)}chat chatting form button{flex-shrink:0;height:2rem;min-width:auto}livestream-settings{display:block}@media (min-width: 1024px){livestream-settings settings-form.two-column-desktop{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}}livestream-settings settings-form.two-column-desktop settings-column{display:flex;flex-direction:column;gap:.75rem}livestream-settings settings-form.two-column-desktop form-footer{margin-top:1rem}@media (min-width: 1024px){livestream-settings settings-form.two-column-desktop form-footer{grid-column:1 / -1}}@media (min-width: 1024px){livestream-settings settings-form.two-column-desktop form-info{grid-column:1 / -1}}metric-chart{display:block;max-width:800px;margin:0 auto}pricing-calculator{display:block;max-width:600px}pricing-calculator pricing-calculator-card{display:flex;flex-direction:column;position:relative;background-color:var(--bg-color-secondary);padding:1rem 1.5rem 1.5rem;border:1px solid var(--border-dark);border-radius:8px;overflow:hidden;justify-content:flex-start;margin:0 1rem}pricing-calculator pricing-calculator-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-blue)}pricing-calculator pricing-calculator-card.yellow:before{background:var(--color-yellow)}pricing-calculator pricing-calculator-card.blue:before{background:var(--color-blue)}pricing-calculator pricing-calculator-card.green:before{background:var(--color-green)}pricing-calculator pricing-calculator-card.pink:before{background:var(--color-pink)}pricing-calculator pricing-calculator-card.red:before{background:var(--color-red)}pricing-calculator pricing-calculator-card.purple:before{background:var(--color-purple)}pricing-calculator pricing-calculator-card:before{background:linear-gradient(50deg,var(--color-yellow) 0 17%,var(--color-blue) 17% 34%,var(--color-green) 34% 51%,var(--color-pink) 51% 68%,var(--color-red) 68% 85%,var(--color-purple) 85% 100%)}pricing-calculator pricing-calculator-card form{padding-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}pricing-calculator pricing-calculator-card form label{display:block;font-size:1rem}pricing-calculator pricing-calculator-card form label span{display:block;margin-bottom:.5rem}pricing-calculator pricing-calculator-card estimate{display:block;margin:1.25rem 0 .5rem;font-size:2.5rem;font-weight:800;text-align:center}pricing-calculator pricing-calculator-card estimate estimate-description{display:inline;position:relative;z-index:0}pricing-calculator pricing-calculator-card estimate estimate-description:after{content:"";position:absolute;bottom:-.125rem;left:-.5rem;height:1.75rem;width:calc(100% + 1rem);padding:0 .25rem;z-index:-1;background-color:var(--color-yellow);opacity:var(--color-background-opacity)}pricing-calculator pricing-calculator-card estimate period{font-size:1rem}report-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1010;display:flex;align-items:center;justify-content:center;pointer-events:none}report-modal report-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--color-background-opacity));animation:fadeIn .2s ease-out;pointer-events:auto;cursor:pointer}report-modal report-content{position:relative;background:var(--bg-color-tertiary);border:1px solid var(--border-light);border-radius:16px;max-width:600px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;pointer-events:auto;animation:slideUp .3s ease-out;max-width:560px;z-index:1}@media (max-width: 768px){report-modal report-content{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);margin:1rem}}report-modal report-header{position:relative;padding:1.5rem;border-bottom:1px solid var(--border-light);background:var(--bg-color-secondary)}report-modal report-header h2,report-modal report-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color-primary);padding-right:3rem}report-modal report-header h3{margin:0;flex:1}report-modal close-button{position:absolute;top:1rem;right:1rem;width:1.5rem;height:1.5rem;background:none;border:none;border-radius:0;color:var(--text-color-secondary);cursor:pointer;margin:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}report-modal close-button:hover{background:var(--bg-color-primary);color:var(--text-color-primary);transform:scale(1.1)}report-modal close-button:active{transform:scale(.95)}report-modal close-button span,report-modal close-button:before{font-size:1.25rem;line-height:1;display:block;transform:translateY(-1px)}report-modal form{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-color-tertiary);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}report-modal form-section{display:flex;flex-direction:column;gap:.5rem}report-modal form-label{display:flex;align-items:center;gap:.375rem;font-weight:500;color:var(--text-color-primary);font-size:.95rem}report-modal form-label label-text{display:inline}report-modal form-label required-indicator{color:var(--color-red);font-weight:600}report-modal form-label optional-indicator{color:var(--text-color-secondary);font-weight:400;font-size:.875rem}report-modal select,report-modal textarea{width:100%;padding:.75rem;border:2px solid var(--border-light);border-radius:8px;background:var(--bg-color-secondary);color:var(--text-color-primary);font-size:.95rem;font-family:inherit;transition:all .2s ease}report-modal select:focus,report-modal textarea:focus{outline:none;border-color:var(--color-blue);background:var(--bg-color-primary)}report-modal select::placeholder,report-modal textarea::placeholder{color:var(--text-color-tertiary)}report-modal select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}report-modal select option{background:var(--bg-color-secondary);color:var(--text-color-primary)}report-modal textarea{resize:vertical;min-height:100px;line-height:1.6}report-modal report-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}report-modal report-actions button{padding:.75rem 1.5rem;font-weight:600;font-size:.95rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}report-modal report-actions button.primary{background:var(--color-blue);color:#fff}report-modal report-actions button.primary:hover:not(:disabled){background:var(--color-blue-dark);transform:translateY(-1px)}report-modal report-actions button.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}report-modal report-actions button.secondary{background:var(--bg-color-secondary);color:var(--text-color-primary);border:1px solid var(--border-light)}report-modal report-actions button.secondary:hover{background:var(--bg-color-tertiary)}@media (max-width: 768px){report-modal report-content{max-width:100%;margin:1rem}report-modal form{padding:1.5rem}report-modal report-actions{flex-direction:column-reverse}report-modal report-actions button{width:100%}}subscription-tiers-section{display:block;margin-top:1.5rem}subscription-tiers-section tiers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}subscription-tiers-section tiers-header h5{margin:0;font-size:1.1rem;font-weight:600}subscription-tiers-section tiers-header tiers-header-actions{display:flex;gap:.5rem;align-items:center}subscription-tiers-section tiers-list{display:block}subscription-tiers-section loading-message,subscription-tiers-section empty-message{display:block;padding:2rem;text-align:center;color:var(--text-color-secondary);font-style:italic}subscription-tiers-section table-wrapper{margin-top:1rem}@media (max-width: 768px){subscription-tiers-section table-wrapper table{display:block}subscription-tiers-section table-wrapper table thead{display:none}subscription-tiers-section table-wrapper table tbody{display:block}subscription-tiers-section table-wrapper table tbody tr{display:block;margin-bottom:1rem;padding:1rem;background:var(--bg-color-secondary);border:1px solid var(--border-light);border-radius:8px}subscription-tiers-section table-wrapper table tbody tr:last-child{margin-bottom:0}subscription-tiers-section table-wrapper table tbody td{display:block;padding:.5rem 0;border:none;text-align:left!important}subscription-tiers-section table-wrapper table tbody td:before{content:attr(data-label);font-weight:600;display:inline-block;width:120px;color:var(--text-color-secondary);font-size:.85rem}subscription-tiers-section table-wrapper table tbody td.center,subscription-tiers-section table-wrapper table tbody td.right{text-align:left!important}subscription-tiers-section table-wrapper table tbody td:has(status-badge){display:flex;align-items:center}subscription-tiers-section table-wrapper table tbody td:has(status-badge):before{flex-shrink:0}subscription-tiers-section table-wrapper table tbody td:has(table-actions){padding-top:1rem;border-top:1px solid var(--border-lighter)}subscription-tiers-section table-wrapper table tbody td:has(table-actions):before{display:none}subscription-tiers-section table-wrapper table tbody td:has(table-actions) table-actions{justify-content:flex-start}}subscription-tiers-section create-tier-form{display:block;border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;background:var(--bg-color-secondary)}subscription-tiers-section create-tier-form form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}subscription-tiers-section create-tier-form form-header h5{margin:0;font-size:1.1rem;font-weight:600}subscription-tiers-section create-tier-form form-fields{display:block}subscription-tiers-section create-tier-form form-fields form-group{display:block;margin-bottom:1rem}subscription-tiers-section create-tier-form form-fields form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color-primary)}subscription-tiers-section create-tier-form form-fields form-group input,subscription-tiers-section create-tier-form form-fields form-group select,subscription-tiers-section create-tier-form form-fields form-group textarea{width:100%;padding:.5rem;border:1px solid var(--border-light);border-radius:4px;font-size:.9rem;background:var(--bg-color-primary);color:var(--text-color-primary)}subscription-tiers-section create-tier-form form-fields form-group input:focus,subscription-tiers-section create-tier-form form-fields form-group select:focus,subscription-tiers-section create-tier-form form-fields form-group textarea:focus{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 2px #74b9ff33}subscription-tiers-section create-tier-form form-fields form-group textarea{min-height:80px;resize:vertical}subscription-tiers-section create-tier-form form-fields form-row{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1rem}subscription-tiers-section create-tier-form form-footer{display:flex;justify-content:flex-end;margin-top:1.5rem}subscription-tiers-section create-tier-form form-error{display:block;color:var(--color-red);margin-top:1rem;padding:.5rem;background:var(--bg-color-accent);border-radius:4px;font-size:.9rem}subscription-tiers-section .button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){subscription-tiers-section tiers-header{flex-direction:column;align-items:flex-start;gap:1rem}subscription-tiers-section tiers-header tiers-header-actions{display:flex;gap:.5rem;align-items:center}subscription-tiers-section create-tier-form form-header{flex-direction:column;align-items:flex-start;gap:1rem}subscription-tiers-section create-tier-form form-fields form-row{grid-template-columns:1fr;gap:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}subscription-tiers-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1010;display:flex;align-items:center;justify-content:center;pointer-events:none}subscription-tiers-modal tiers-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--color-background-opacity));animation:fadeIn .2s ease-out;pointer-events:auto;cursor:pointer}subscription-tiers-modal tiers-content{position:relative;background:var(--bg-color-tertiary);border:1px solid var(--border-light);border-radius:16px;max-width:600px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;pointer-events:auto;animation:slideUp .3s ease-out;max-width:720px;z-index:1}@media (max-width: 768px){subscription-tiers-modal tiers-content{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);margin:1rem}}subscription-tiers-modal tiers-header{position:relative;padding:1.5rem;border-bottom:1px solid var(--border-light);background:var(--bg-color-secondary)}subscription-tiers-modal tiers-header h2,subscription-tiers-modal tiers-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color-primary);padding-right:3rem}subscription-tiers-modal tiers-header h3{margin:0;flex:1}subscription-tiers-modal close-button{position:absolute;top:1rem;right:1rem;width:1.5rem;height:1.5rem;background:none;border:none;border-radius:0;color:var(--text-color-secondary);cursor:pointer;margin:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}subscription-tiers-modal close-button:hover{background:var(--bg-color-primary);color:var(--text-color-primary);transform:scale(1.1)}subscription-tiers-modal close-button:active{transform:scale(.95)}subscription-tiers-modal close-button span,subscription-tiers-modal close-button:before{font-size:1.25rem;line-height:1;display:block;transform:translateY(-1px)}subscription-tiers-modal tiers-list{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-color-tertiary);padding:2rem}subscription-tiers-modal loading-spinner,subscription-tiers-modal no-tiers-message{text-align:center;padding:2rem;color:var(--text-color-secondary);font-size:.95rem}subscription-tiers-modal tiers-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}subscription-tiers-modal tier-card{display:block;border:2px solid var(--border-light);border-radius:12px;padding:1.5rem;background:var(--bg-color-secondary);transition:all .3s ease;position:relative;overflow:hidden}subscription-tiers-modal tier-card:hover{border-color:var(--color-blue);box-shadow:0 8px 25px #00000026;transform:translateY(-2px);background:var(--bg-color-primary)}subscription-tiers-modal tier-content{display:block;margin-bottom:1.5rem}subscription-tiers-modal tier-header{display:block;margin-bottom:1rem}subscription-tiers-modal tier-header tier-name{display:block;font-size:1.25rem;font-weight:600;color:var(--text-color-primary);margin-bottom:.5rem}subscription-tiers-modal tier-price{display:block;font-size:1.5rem;font-weight:700;color:var(--color-green);margin-bottom:1rem}subscription-tiers-modal price-amount{font-weight:700}subscription-tiers-modal price-interval{font-size:.875rem;font-weight:400;opacity:.8}subscription-tiers-modal tier-description{display:block;color:var(--text-color-secondary);line-height:1.6;font-size:.9rem}subscription-tiers-modal tier-footer{display:flex}subscription-tiers-modal tier-footer button{width:100%;padding:.75rem 1.5rem;font-weight:600;font-size:1.1rem;border-radius:8px;background:var(--color-blue);color:#fff;border:none;cursor:pointer;transition:all .2s ease}subscription-tiers-modal tier-footer button:hover{background:var(--color-blue-dark);transform:translateY(-1px)}subscription-tiers-modal tier-footer button:disabled{opacity:.6;cursor:not-allowed;transform:none}subscription-tiers-modal tier-footer button.current-plan{background:var(--bg-color-secondary);color:var(--text-color-secondary);border:1px solid var(--border-light);cursor:default}subscription-tiers-modal tier-footer button.full-width{width:100%}subscription-tiers-modal tier-footer button.primary{background:var(--color-blue);color:#fff}subscription-tiers-modal tier-footer button.primary:hover:not(:disabled){background:var(--color-blue-dark)}subscription-tiers-modal subscription-notice{padding:1rem 1.5rem;border-top:1px solid var(--border-light);background:var(--bg-color-secondary);display:flex;justify-content:flex-end;gap:.75rem;justify-content:center;background:var(--bg-color-accent);padding:1rem 2rem}subscription-tiers-modal subscription-notice p{margin:0;font-size:.875rem;color:var(--text-color-secondary);text-align:center}@media (max-width: 768px){subscription-tiers-modal tiers-list{padding:1.5rem}subscription-tiers-modal tiers-grid{grid-template-columns:1fr;gap:1rem}subscription-tiers-modal tier-card{padding:1.25rem}subscription-tiers-modal tier-header tier-name{font-size:1.1rem}subscription-tiers-modal tier-price{font-size:1.25rem}subscription-tiers-modal tier-description{font-size:.875rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}subscription-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}subscription-actions .button:disabled{opacity:.6;cursor:not-allowed}subscription-actions .button:disabled:hover{transform:none;background-color:initial}@media (min-width: 768px){subscription-actions{flex-direction:row;flex-wrap:wrap;gap:.5rem}subscription-actions .button{flex:0 0 auto;min-width:0}}[data-theme=light] themed-image img:not(.light){display:none}[data-theme=dark] themed-image img:not(.dark){display:none}theme-toggle{min-width:80px;padding:.4rem .875rem;font-size:.75rem;display:flex;justify-content:center;align-items:center;gap:.5rem;background-color:var(--bg-color-secondary);border:2px solid var(--color-blue-dark);color:var(--color-blue-dark);border-radius:100px;cursor:pointer;text-align:center}theme-toggle:hover{background-color:var(--bg-color-primary)}theme-toggle dark-mode,theme-toggle light-mode{display:flex;align-items:center;gap:.5rem}theme-toggle dark-mode icon,theme-toggle light-mode icon{display:flex;align-items:center}theme-toggle dark-mode icon svg,theme-toggle light-mode icon svg{width:18px;height:18px}theme-toggle dark-mode span,theme-toggle light-mode span{white-space:nowrap}video-player{display:block}video-player video{width:100%;height:100%;object-fit:contain;background:#000}video-player video:focus{outline:none}