:root{color-scheme:dark;--bg:#09121d;--panel:#111e2c;--line:#2a4054;--text:#e6eef5;--accent:#56d9b0;--muted:#9aafc1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 "Hiragino Sans","Hiragino Kaku Gothic ProN","Meiryo","Yu Gothic","Noto Sans JP",sans-serif}header{display:flex;gap:20px;align-items:center;padding:18px 30px;border-bottom:1px solid var(--line)}header strong{color:var(--accent);font-size:24px;letter-spacing:3px}header span{display:block;color:var(--muted);font-size:10px;letter-spacing:2px}header .brandmark{width:52px;height:52px;border-radius:50%;flex:none}header .acronym{color:var(--text);font-size:11px;letter-spacing:.5px}.acronym i{font-style:normal;font-weight:700;color:var(--accent)}header>label{margin-left:auto}main{max-width:1400px;margin:auto;padding:25px}h1{font-size:25px}h2{font-size:18px;margin:0 0 15px}.panel{padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:9px;margin:18px 0}.title{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px;align-items:end}label{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}input,select,button{font:inherit;border:1px solid #39536a;border-radius:5px;padding:8px 10px;background:#0a1725;color:var(--text)}input,select{display:block;width:100%;margin-top:5px}input[type=checkbox]{display:inline-block;width:auto}button{cursor:pointer;margin:4px;background:#17372f}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}.hint,.muted{color:var(--muted)}.hint{font-size:12px}#login-panel{max-width:540px}#notice{padding:10px;color:var(--accent)}#notice.error{color:#ffb2b2}.table-wrap{overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{padding:8px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted)}[hidden]{display:none!important}@media(max-width:600px){main{padding:14px}header{padding:12px;flex-wrap:wrap;gap:10px}.panel{padding:15px}.title{flex-wrap:wrap}}
#stream-key code{display:block;font-size:16px;user-select:all;word-break:break-all;color:var(--accent)}
