@font-face{font-family:Ubuntu;src:url('/assets/ubuntu-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Ubuntu;src:url('/assets/ubuntu-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Mahoda Display';src:url('/assets/mahoda-display.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
:root{
  color-scheme:light;
  --bg:#f6f1e9;--card:#fffcf7;--border:#e0d1bf;--text:#3d0c02;
  --muted:#736051;--accent:#ff8400;--danger:#a73627;
  font-family:Ubuntu,ui-sans-serif,system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}
a{color:inherit}
button,input{font:inherit}
button,a,input{touch-action:manipulation}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,audio:focus-visible{outline:3px solid #8c4300;outline-offset:4px}
.topbar,.login-topbar{padding:14px max(24px,calc((100vw - 1200px)/2));background:var(--text);display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff1d5;min-height:94px}
.brand{display:flex;align-items:center;gap:22px;text-decoration:none;font-size:14px;font-weight:700;line-height:1.35}
.brand img{display:block;width:180px;height:auto;flex-shrink:0;object-fit:contain}
.brand small{display:block;font-size:12px;font-weight:400;color:#dbc5aa;margin-top:5px}
.topbar .subtle{border-color:#8b5d45;color:#fff1d5}
.topbar .subtle:hover{background:#572619}
.topbar a:focus-visible,.topbar button:focus-visible,.login-topbar a:focus-visible{outline-color:var(--accent)}
h1,h2,h3,p{margin-top:0}
h1{font-family:'Mahoda Display',Georgia,serif;font-size:clamp(32px,4vw,46px);font-weight:400;line-height:1.2;margin-bottom:14px}
h2{font-size:17px;font-weight:700;margin-bottom:12px}
h3{font-family:'Mahoda Display',Georgia,serif;font-size:28px;line-height:1.3;font-weight:400;margin:24px 0 8px;overflow-wrap:anywhere}
.muted{color:var(--muted)}
.small{font-size:12px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#874800;margin-bottom:15px}
.dashboard{max-width:1264px;padding:40px 32px 56px;margin:auto}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}
.page-heading p:last-child{margin-bottom:0}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:26px;box-shadow:0 3px 12px #3d0c0205}
.status-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}
.card-top{display:flex;gap:16px;align-items:center;justify-content:space-between}
.card-top h2{margin:0}
.badge{font-size:10px;font-weight:700;letter-spacing:.8px;background:#ebdfce;color:#5d3925;padding:6px 10px;border-radius:20px;white-space:nowrap}
.badge.live{background:var(--accent);color:#3d0c02}
.badge.unavailable{background:#ffe0d9;color:#8c2419}
.signal-card{background:#71481f url('/assets/checker-background.jpg') center/cover;background-blend-mode:multiply;border-color:#8c5b30;color:#fff9ef}
.signal-card .muted{color:#ffead0}
.signal-card p{margin-bottom:10px}
.stream-facts{display:flex;gap:10px;font-size:12px;color:#fff1d5;flex-wrap:wrap}
.stream-facts span{padding:3px 8px;border:1px solid #c69b67;border-radius:5px}
.metric strong{display:block;font-family:'Mahoda Display',Georgia,serif;font-size:52px;font-weight:400;line-height:1.35}
.metric p{font-size:12px;margin:5px 0 0}
.refresh-note{font-size:11px;margin:10px 0 24px}
.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.details-grid h2{font-family:'Mahoda Display',Georgia,serif;font-size:26px;font-weight:400}
.details-grid p{font-size:14px}
audio{width:100%;display:block;margin:25px 0 22px}
.field-label,.login-form label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}
input{background:#fffdf9;color:var(--text);border:1px solid #bfab93;border-radius:8px;padding:11px 13px;width:100%;min-width:0}
input[readonly]{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;background:#f6f0e7}
.text-link{display:inline-block;color:#884200;font-size:13px;margin-top:14px;text-underline-offset:4px}
.connection-list{margin:20px 0}
.connection-list div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);padding:8px 0;font-size:13px}
.connection-list dt{color:var(--muted)}
.connection-list dd{margin:0;overflow-wrap:anywhere;font-family:ui-monospace,monospace;text-align:right}
.secret-row{display:flex;gap:8px}
.secret-row .button{flex-shrink:0}
.details-grid .small{font-size:12px;margin:12px 0 0}
.button{display:inline-flex;gap:16px;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent;padding:11px 17px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.primary{background:var(--accent);color:#3d0c02;border-color:#eb7800}
.primary:hover{background:#ed7900}
.subtle{border-color:#bfab93;background:transparent;color:var(--text)}
.subtle:hover{background:#efe5d7}
.danger{border-color:#c28275;background:#fff0eb;color:var(--danger)}
.danger:hover{background:#fce1d9}
.danger-zone{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:26px}
.danger-zone p{font-size:13px;margin:0}
.danger-zone h2{margin-bottom:6px}
.alert{border:1px solid #d6a06a;background:#fff0db;padding:14px 18px;border-radius:10px;font-size:14px}
.alert.error{border-color:#c28275;background:#fff0eb;color:#8c2419}
.login-layout{max-width:1160px;min-height:calc(100dvh - 94px);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:54px 48px}
.login-card{max-width:420px}
.login-card h1{font-size:52px}
.login-form{margin-top:32px}
.login-form input{margin-bottom:20px;background:#fffcf7}
.login-form .primary{width:100%;margin-top:8px}
.login-art{min-height:470px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:38px;text-align:center;border-radius:20px;background:#825c35 url('/assets/checker-background.jpg') center/cover;background-blend-mode:multiply;border:1px solid #895a30;color:#fff1d5}
.login-art img{display:block;width:min(100%,340px);height:auto;margin-bottom:38px}
.login-art h2{font-family:'Mahoda Display',Georgia,serif;font-size:34px;line-height:1.25;font-weight:400;color:#fff9ef;margin-bottom:18px}
.login-art p{font-size:14px;color:#ffe8c5;margin:0}
.confirm-layout{max-width:740px;margin:60px auto;padding:0 24px}
.confirm-layout .card{padding:36px}
.actions{display:flex;gap:14px;justify-content:flex-end;margin-top:30px}
@media(max-width:900px){.status-grid{grid-template-columns:1fr 1fr}.signal-card{grid-column:1/-1}.login-layout{gap:40px;padding:40px 28px}.login-card h1{font-size:44px}.login-art{min-height:430px;padding:28px}.brand span{display:none}}
@media(max-width:640px){.topbar,.login-topbar{padding:12px 18px;min-height:80px}.brand img{width:145px}.dashboard{padding:30px 18px}.page-heading{align-items:flex-start}.page-heading .button{padding:8px 10px}.details-grid{grid-template-columns:1fr}.card{padding:22px}.card-top{align-items:flex-start;flex-wrap:wrap}.metric strong{font-size:42px}.danger-zone{align-items:flex-start;flex-direction:column}.login-layout{display:block;min-height:calc(100dvh - 80px);padding:52px 24px}.login-card{margin:auto}.login-art{display:none}.actions{flex-direction:column}.confirm-layout .card{padding:24px}.secret-row .button{padding:10px}.metric h2{font-size:14px}.signal-card h3{font-size:25px}.topbar .button{padding:10px 12px}}