:root{color-scheme:dark;--gold:#e7c879;--ink:#f4f1e8;--muted:#c1c5cd;--line:#454a54;font-family:system-ui,sans-serif;background:#05070a;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 0%,#30291a66,transparent 48%),#05070a;min-height:100vh}header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:16px max(24px,calc((100vw - 1100px)/2));background:#11151bea;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}header img{width:54px;height:54px;object-fit:contain}header strong,header span{display:block}header span{font-size:.85rem;color:var(--muted);margin-top:4px}header button{margin-left:auto}main{max-width:1100px;margin:auto;padding:32px 24px 64px}h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:600;letter-spacing:-.03em;line-height:1.15;margin:16px 0 22px}h2{font-size:1.5rem;margin:0 0 20px}p{max-width:70ch;line-height:1.65}section{padding:28px 0;border-bottom:1px solid var(--line);margin-bottom:22px}#login-view,#password-view{max-width:580px;margin:4vh auto}label{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;line-height:1.5}input,select,textarea{font:inherit;color:var(--ink);background:#11151b;border:1px solid #858b96;border-radius:10px;padding:13px;width:100%;min-height:48px}input[type=checkbox]{width:22px;min-height:22px;accent-color:var(--gold)}button{font:inherit;font-weight:600;background:var(--gold);color:#07090b;border:1px solid var(--gold);border-radius:10px;padding:13px 20px;min-height:48px;cursor:pointer}button:hover{background:#f3d993}button.secondary{background:transparent;color:var(--gold);border-color:#8f7a43}button:disabled{opacity:.55;cursor:wait}a{color:var(--gold);text-underline-offset:4px}summary{color:var(--gold);cursor:pointer;min-height:48px;line-height:48px}details form{padding:16px 0}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.actions,.page-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-heading{justify-content:space-between}fieldset{border:1px solid var(--line);border-radius:10px;padding:16px;margin:0 0 20px}.checks{display:flex;flex-wrap:wrap;gap:12px 22px}.checks label{flex-direction:row;align-items:center;gap:10px;margin:0;min-height:44px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #272c34}.row strong,.row span{display:block}.row span,.muted{color:var(--muted)}.row span{font-size:.9rem;margin-top:6px}#notice:not(:empty){padding:16px;border:1px solid #a18c51;border-radius:10px;white-space:pre-line}#credential-view{padding:24px;background:#1d1a10;border-radius:16px;border:1px solid #8e7a48}#credential{font-family:ui-monospace,monospace}#edit-section{scroll-margin-top:100px}footer{text-align:center;padding:28px;color:var(--muted);font-size:.85rem}*:focus-visible{outline:3px solid var(--gold);outline-offset:4px}::selection{background:#e7c879;color:#000}[hidden]{display:none!important}@media(max-width:640px){header{padding:12px 18px}main{padding:20px 18px 48px}.row{align-items:flex-start;flex-direction:column}.row .actions{width:100%}.row button{flex:1}section{padding:22px 0}h1{font-size:2.2rem}}
#radio {
  max-width: 540px;
  margin-inline: auto;
  text-align: center;
  padding: 28px clamp(16px, 5vw, 32px);
  border: 1px solid #665738;
  border-radius: 24px;
  background: linear-gradient(150deg, #29251c, #12151b 60%);
}
#radio label { text-align: left; }
#radio .actions { justify-content: center; }
#radio-status { min-height: 2em; }
#radio-ptt {
  width: min(100%, 15rem);
  min-height: 6rem;
  border-radius: 999px;
  box-shadow: 0 0 24px #e7c87926;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
#radio-ptt[aria-pressed="true"] { background: #fff1c4; box-shadow: 0 0 30px #e7c87980; }
#management { margin: 32px 0; }
header { padding-top: max(16px, env(safe-area-inset-top)); }
footer { padding-bottom: max(28px, env(safe-area-inset-bottom)); }
input, select, textarea { font-size: max(16px, 1rem); }