body{font-family:sans-serif;background-color:#18181b;color:#efeff1;margin:0;}header{background-color:#2e2e33;padding:1rem;text-align:center;border-bottom:1px solid #4d4d53;}main.container{max-width:900px;margin:2rem auto;padding:0 1rem;display:grid;grid-template-columns:1fr;gap:2rem;}.card{background-color:#2e2e33;padding:1.5rem;border-radius:8px;border:1px solid #4d4d53;}h2{margin-top:0;border-bottom:1px solid #4d4d53;padding-bottom:.5rem;}form{display:flex;gap:.5rem;}input{flex-grow:1;padding:.75rem;font-size:1rem;background-color:#18181b;border:1px solid #4d4d53;color:#efeff1;border-radius:4px;}button{padding:.75rem 1.5rem;font-size:1rem;background-color:#9146ff;border:none;color:#fff;cursor:pointer;border-radius:4px;}#result-message{margin-top:1rem;padding:1rem;border-radius:4px;}.hidden{display:none;}#result-message.success{background-color:#1a3a1a;border:1px solid #3a783a;}#result-message.error{background-color:#4d2121;border:1px solid #8c3b3b;}code,pre{background-color:#18181b;padding:.2rem .4rem;border-radius:4px;font-family:monospace;}a.stream-link{display:block;padding:1rem;background-color:#4d4d53;text-decoration:none;color:#efeff1;border-radius:4px;margin-bottom:.5rem;}table{width:100%;border-collapse:collapse;}th,td{padding:.5rem;text-align:left;border-bottom:1px solid #4d4d53;}td.live{color:#00ff00;font-weight:bold;}td.offline{color:#ff4d4d;}td.high-bitrate{color: #ff4d4d;font-weight: bold;}