:root{font-family:system-ui,sans-serif;color:#eee9dc;background:#151813;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#354637,transparent 70%)}#browser-home{width:min(900px,100%);padding:48px 24px}.browser-brand{width:260px;max-width:70%;height:76px;object-fit:contain;object-position:left}h1{font-size:clamp(28px,5vw,44px);font-weight:500;margin:24px 0 32px}form{max-width:420px;display:grid;gap:22px}label{display:grid;gap:8px}input{width:100%;font:inherit;padding:14px;border:1px solid #778776;border-radius:8px;background:#1f261f}button,a{font:inherit;color:inherit;border:1px solid #697563;border-radius:10px;background:#273326;padding:16px 22px;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ecbe71;outline-offset:4px}button:hover,a:hover{background:#394b36}.browser-viewers,.browser-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-bottom:32px}.browser-viewers button{min-height:130px;font-size:24px}.browser-channels a{display:grid;gap:12px;min-height:160px}.browser-channels strong{font-size:24px;font-weight:500}.browser-channels span{color:#bec9b7;line-height:1.5}#browser-home>button{margin:0 12px 12px 0;background:transparent}.browser-message{color:#ffccac;line-height:1.5}.browser-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin:24px 0}.browser-cards button{padding:0;overflow:hidden;text-align:left;display:flex;flex-direction:column;gap:10px}.browser-cards img{width:100%;aspect-ratio:16/9;object-fit:cover}.browser-cards strong,.browser-cards small{padding:0 12px}.browser-cards small{color:#bec9b7;line-height:1.4;padding-bottom:16px}dialog::backdrop{background:#000c}dialog button{margin:8px 8px 8px 0}