:root {
  color-scheme: dark;
  --ink: #f5f5f5;
  --muted: #ababab;
  --dim: #707070;
  --void: #050505;
  --base: #0a0a0a;
  --panel: #111111;
  --panel-2: #181818;
  --line: #303030;
  --line-bright: #505050;
  --phosphor: #f4f4f4;
  --phosphor-dim: #a5a5a5;
  --amber: #d4d4d4;
  --orange: #a0a0a0;
  --red: #ff3455;
  --blue: #2979ff;
  --green: #f1f1f1;
  --shadow: rgba(0, 0, 0, .55);
  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
}

* { box-sizing: border-box; }

html { min-width: 320px; min-height: 100%; background: var(--void); }

body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  background:
    radial-gradient(circle at 15% 5%, rgba(255, 255, 255, .07), transparent 32rem),
    radial-gradient(circle at 88% 82%, rgba(255, 255, 255, .035), transparent 35rem),
    linear-gradient(135deg, #050505, #101010 60%, #060606);
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

button, input, select, textarea { font: inherit; }
button { color: inherit; }
button, input[type="range"] { -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }

.ambient-grid {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: radial-gradient(circle at center, black, transparent 82%);
}

.micro-label, .eyebrow {
  margin: 0;
  color: var(--phosphor);
  font: 700 .67rem/1.3 var(--font-mono);
  letter-spacing: .18em;
}

.live-dot, .status-led, .tx-led {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 10px rgba(255,255,255,.8);
}

.auth-shell {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(360px, 1.08fr) minmax(390px, .92fr);
  align-items: stretch;
}

.brand-deck {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(3rem, 7vw, 8rem);
  overflow: hidden;
  border-right: 1px solid var(--line);
}

.brand-deck::before {
  content: "";
  position: absolute;
  width: 54vw;
  height: 54vw;
  min-width: 620px;
  min-height: 620px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  left: -25vw;
  top: calc(50% - 27vw);
  box-shadow: inset 0 0 0 80px rgba(255,255,255,.015), inset 0 0 0 160px rgba(255,255,255,.012);
}

.brand-deck > * { position: relative; z-index: 1; }
.brand-mark { position: relative; width: 74px; height: 74px; margin-bottom: 2.2rem; }
.brand-mark__ring { position: absolute; inset: 0; border: 1px solid var(--phosphor-dim); transform: rotate(45deg); box-shadow: 0 0 30px rgba(255,255,255,.08); }
.brand-mark__core { position: absolute; inset: 9px; display: grid; place-items: center; background: var(--phosphor); color: #12170d; font: 900 2rem/1 var(--font-mono); }
.brand-mark__needle { position: absolute; height: 1px; width: 95px; background: linear-gradient(90deg, transparent, var(--phosphor)); transform: rotate(-33deg); transform-origin: right; right: 35px; top: 36px; }
.brand-logo-mark { width: 86px; height: 80px; display: grid; place-items: center; padding: 6px; border: 1px solid #4a4a4a; background: #ededed; box-shadow: 0 0 34px rgba(255,255,255,.08); }.brand-logo-mark img { width: 100%; height: 100%; object-fit: contain; }

.brand-deck h1 { margin: .65rem 0 0; font-size: clamp(3.7rem, 8vw, 7.5rem); line-height: .82; letter-spacing: -.075em; font-weight: 900; }
.brand-deck h1 span { color: transparent; -webkit-text-stroke: 1px var(--phosphor); text-shadow: 0 0 35px rgba(255,255,255,.12); }
.brand-subtitle { margin: 1.25rem 0 0; color: var(--muted); text-transform: uppercase; letter-spacing: .35em; font: 600 .72rem/1.4 var(--font-mono); }
.brand-copy { max-width: 430px; margin: 2.6rem 0 1.8rem; font-size: clamp(1.05rem, 1.7vw, 1.4rem); line-height: 1.55; color: #bac1b8; }

.signal-decoration { display: flex; align-items: center; gap: 6px; height: 54px; margin-top: 2.5rem; }
.signal-decoration span { width: 3px; height: 18px; background: var(--phosphor-dim); box-shadow: 0 0 10px rgba(255,255,255,.2); }
.signal-decoration span:nth-child(2), .signal-decoration span:nth-child(6) { height: 30px; }
.signal-decoration span:nth-child(3), .signal-decoration span:nth-child(5) { height: 44px; }
.signal-decoration span:nth-child(4) { height: 54px; background: var(--phosphor); }

.system-specs { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 560px; margin: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.system-specs div { padding: 1rem 1rem 1rem 0; }
.system-specs div + div { padding-left: 1rem; border-left: 1px solid var(--line); }
.system-specs dt { color: var(--dim); font: 700 .58rem/1.5 var(--font-mono); letter-spacing: .14em; }
.system-specs dd { margin: .3rem 0 0; font: 600 .75rem/1.4 var(--font-mono); color: var(--ink); }

.warning-plaque { display: flex; gap: .9rem; max-width: 560px; margin-top: 2rem; padding: .9rem 1rem; border-left: 3px solid var(--amber); background: rgba(255,255,255,.06); }
.warning-plaque > span { color: var(--amber); }
.warning-plaque p { margin: 0; color: var(--muted); font-size: .74rem; line-height: 1.5; }
.warning-plaque strong { color: var(--amber); letter-spacing: .08em; }

.metal-panel {
  position: relative;
  background:
    linear-gradient(115deg, rgba(255,255,255,.025), transparent 30%),
    linear-gradient(180deg, #181d19, #111512);
  border: 1px solid var(--line);
  box-shadow: 0 20px 60px var(--shadow), inset 0 1px rgba(255,255,255,.035);
}

.auth-panel { align-self: center; width: min(500px, calc(100% - 3rem)); max-height: calc(100vh - 3rem); overflow-y: auto; justify-self: center; padding: clamp(1.5rem, 4vw, 3rem); }
.panel-screws i { position: absolute; width: 5px; height: 5px; background: #070807; border: 1px solid #465047; border-radius: 50%; box-shadow: inset 0 0 1px #000; }
.panel-screws i:nth-child(1) { top: 10px; left: 10px; }.panel-screws i:nth-child(2) { top: 10px; right: 10px; }.panel-screws i:nth-child(3) { bottom: 10px; left: 10px; }.panel-screws i:nth-child(4) { bottom: 10px; right: 10px; }

.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line); margin-bottom: 2rem; }
.auth-tab { border: 0; border-bottom: 2px solid transparent; background: transparent; padding: 1rem; color: var(--dim); font: 800 .7rem/1 var(--font-mono); letter-spacing: .18em; cursor: pointer; }
.auth-tab.is-active { color: var(--phosphor); border-bottom-color: var(--phosphor); background: linear-gradient(0deg, rgba(255,255,255,.07), transparent); }
.auth-form header { margin-bottom: 1.6rem; }
.auth-form h2, .admin-header h2 { margin: .35rem 0 .4rem; font-size: clamp(1.55rem, 3vw, 2.05rem); letter-spacing: -.035em; }
.auth-form header > p:last-child, .admin-header > p:last-child { margin: 0; color: var(--muted); font-size: .86rem; line-height: 1.5; }

.field-label { display: block; margin: .9rem 0 .42rem; color: #bbc2b8; font-size: .74rem; font-weight: 700; }
.field-wrap { display: flex; min-height: 48px; border: 1px solid var(--line); background: #0c0f0d; transition: border-color .18s, box-shadow .18s; }
.field-wrap:focus-within { border-color: var(--phosphor-dim); box-shadow: 0 0 0 3px rgba(255,255,255,.07); }
.field-wrap > span { display: grid; place-items: center; min-width: 44px; padding: 0 .5rem; border-right: 1px solid var(--line); color: var(--phosphor-dim); font: 700 .68rem var(--font-mono); }
.field-wrap input { min-width: 0; flex: 1; border: 0; outline: 0; padding: .8rem .9rem; background: transparent; color: var(--ink); }
.field-wrap select { min-width: 0; flex: 1; border: 0; outline: 0; padding: .8rem .9rem; background: #0c0f0d; color: var(--ink); }
.field-wrap input::placeholder { color: #515851; }
.field-label small { margin-left: .35rem; color: var(--dim); font-weight: 500; }
.profile-picker { display: grid; grid-template-columns: 64px 1fr; align-items: center; gap: .75rem; padding: .65rem; border: 1px solid var(--line); background: #0c0f0d; }
.profile-picker input { width: 100%; color: var(--muted); font-size: .7rem; }.profile-picker input::file-selector-button { margin-right: .55rem; border: 1px solid var(--line-bright); padding: .42rem .55rem; color: var(--ink); background: #181818; cursor: pointer; }.profile-picker small { display: block; margin-top: .35rem; color: var(--dim); font-size: .6rem; line-height: 1.4; }
.profile-preview { width: 58px; height: 58px; overflow: hidden; display: grid; place-items: center; border: 1px solid var(--line-bright); border-radius: 50%; color: var(--dim); background: #050505; font: 500 1.5rem var(--font-mono); }.profile-preview img { width: 100%; height: 100%; object-fit: cover; }
.privacy-note { margin: .45rem 0 0; color: var(--amber); font-size: .66rem; line-height: 1.4; }

.account-type { border: 0; padding: 0; margin: 0 0 1rem; }
.account-type legend { margin-bottom: .45rem; color: #bbc2b8; font-size: .74rem; font-weight: 700; }
.account-type { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }
.account-type legend { grid-column: 1 / -1; }
.account-type label { position: relative; display: block; cursor: pointer; }
.account-type input { position: absolute; opacity: 0; }
.account-type span { display: flex; min-height: 62px; flex-direction: column; justify-content: center; padding: .7rem .8rem; border: 1px solid var(--line); background: #0e110f; }
.account-type b { font-size: .76rem; }.account-type small { margin-top: .25rem; color: var(--dim); font-size: .63rem; }
.account-type input:checked + span { border-color: var(--phosphor-dim); background: rgba(255,255,255,.06); box-shadow: inset 3px 0 var(--phosphor); }
#personnel-rank-fields { margin: .15rem 0 1rem; border: 1px solid var(--line); border-left: 3px solid #727a91; padding: .85rem; background: rgba(124,137,171,.055); }
#personnel-rank-fields .micro-label { margin: 0 0 .35rem; color: #aeb7d2; }
#personnel-rank-fields .privacy-note { margin: 0 0 .8rem; line-height: 1.45; }
#personnel-rank-fields .field-label:not(:first-of-type) { margin-top: .65rem; }

.primary-action { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 1.25rem; border: 0; padding: 0 0 0 1.1rem; min-height: 51px; color: #12160d; background: var(--phosphor); font: 900 .71rem/1 var(--font-mono); letter-spacing: .1em; cursor: pointer; box-shadow: 0 9px 24px rgba(100,130,52,.18); }
.primary-action b { display: grid; place-items: center; align-self: stretch; width: 52px; border-left: 1px solid rgba(0,0,0,.25); font-size: 1.2rem; }
.primary-action:hover { background: #d8ff8e; }.primary-action:active { transform: translateY(1px); }
.primary-action:disabled { cursor: wait; filter: grayscale(.5); opacity: .65; }
.form-status { min-height: 1.25rem; margin: .75rem 0 0; color: var(--muted); font-size: .74rem; line-height: 1.5; }
.form-status.is-error { color: #ff8a80; }.form-status.is-success { color: var(--green); }
.admin-entry { display: block; margin: 1rem auto 0; padding: .5rem; border: 0; background: transparent; color: var(--dim); text-decoration: underline; text-underline-offset: 3px; font-size: .68rem; cursor: pointer; }

.app-shell { position: relative; z-index: 1; min-height: 100vh; padding-bottom: 42px; }
.topbar { height: 74px; display: flex; align-items: center; justify-content: space-between; padding: 0 1.6rem; border-bottom: 1px solid var(--line); background: rgba(11,14,12,.94); backdrop-filter: blur(20px); }
.compact-brand { display: flex; align-items: center; gap: .8rem; }.top-profile-avatar { overflow: hidden; display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 48px; border: 1px solid #777; border-radius: 50%; color: #111; background: #eee; font: 900 .9rem var(--font-mono); box-shadow: 0 0 0 3px #111, 0 0 0 4px #333; }.top-profile-avatar img { width: 100%; height: 100%; object-fit: cover; }.compact-brand > div { display: flex; flex-direction: column; }.compact-brand strong { font-size: .88rem; letter-spacing: .08em; }.compact-brand small { margin-top: .15rem; color: var(--dim); font: 600 .52rem var(--font-mono); letter-spacing: .13em; }
.network-state { display: flex; align-items: center; gap: .65rem; }.network-state > div { display: flex; flex-direction: column; }.network-state small { color: var(--dim); font: 600 .5rem var(--font-mono); letter-spacing: .12em; }.network-state strong { margin-top: .18rem; color: var(--green); font: 800 .65rem var(--font-mono); letter-spacing: .08em; }
.status-led.is-offline { background: var(--red); box-shadow: 0 0 10px rgba(239,90,79,.75); }.status-led.is-connecting { background: var(--amber); box-shadow: 0 0 10px rgba(255,255,255,.75); animation: blink 1s steps(2) infinite; }
.top-actions { display: flex; align-items: center; gap: .8rem; }.operator-id { display: flex; flex-direction: column; align-items: flex-end; padding-right: .8rem; border-right: 1px solid var(--line); }.operator-id span { color: var(--phosphor); font: 700 .5rem var(--font-mono); letter-spacing: .1em; }.operator-id strong { margin-top: .2rem; font-size: .72rem; }
.icon-button, .management-button, .logout-button, .secondary-action { border: 1px solid var(--line); background: var(--panel); color: var(--muted); cursor: pointer; }
.management-button { height: 38px; padding: 0 .85rem; color: var(--ink); border-color: var(--line-bright); font: 800 .62rem var(--font-mono); letter-spacing: .09em; }
.icon-button { width: 38px; height: 38px; font-family: var(--font-mono); }.logout-button { height: 38px; padding: 0 .8rem; font: 700 .6rem var(--font-mono); letter-spacing: .08em; }.icon-button:hover, .logout-button:hover, .secondary-action:hover { color: var(--ink); border-color: var(--line-bright); }

.workspace { display: grid; grid-template-columns: minmax(230px, 286px) minmax(390px, 1fr) minmax(230px, 286px); min-height: calc(100vh - 116px); gap: 1px; background: var(--line); }
.channel-rack, .member-rack { border: 0; box-shadow: none; min-width: 0; padding: 1.2rem; }.channel-rack { display: flex; flex-direction: column; }
.rack-header { display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid var(--line); }.rack-header h2 { margin: .22rem 0 0; font-size: 1.1rem; }.rack-header > span { color: var(--dim); font: 700 1.2rem var(--font-mono); }
.channel-list { margin: .9rem -.35rem; }
.channel-card { position: relative; width: 100%; display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: .7rem; margin-bottom: .35rem; padding: .75rem .55rem; border: 1px solid transparent; background: transparent; text-align: left; cursor: pointer; }
.channel-card:hover { background: rgba(255,255,255,.025); border-color: var(--line); }.channel-card.is-active { background: rgba(255,255,255,.065); border-color: rgba(255,255,255,.22); box-shadow: inset 3px 0 var(--phosphor); }.channel-card.is-pending { opacity: .7; }
.channel-card.is-unavailable { opacity: .4; }
.channel-icon { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--line); color: var(--phosphor); font-size: .82rem; }.channel-card.is-locked .channel-icon { color: var(--amber); }
.channel-copy { min-width: 0; display: flex; flex-direction: column; }.channel-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .76rem; }.channel-copy small { margin-top: .28rem; color: var(--dim); font: 600 .61rem var(--font-mono); letter-spacing: .04em; }.channel-card .channel-chevron { color: var(--dim); font: 800 .7rem var(--font-mono); }
.rack-legend { display: flex; gap: 1rem; padding-top: .9rem; border-top: 1px solid var(--line); color: var(--dim); font-size: .63rem; }.rack-legend span { display: flex; align-items: center; gap: .35rem; }.rack-legend i { width: 6px; height: 6px; border-radius: 50%; }.legend-open { background: var(--green); }.legend-locked { background: var(--amber); }
.settings-button { width: 100%; display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: .55rem; margin-top: auto; padding: .65rem; border: 1px solid var(--line); color: #ddd; background: #0b0b0b; text-align: left; cursor: pointer; }.settings-button > span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #444; }.settings-button div { display: flex; min-width: 0; flex-direction: column; }.settings-button strong { font: 800 .58rem var(--font-mono); letter-spacing: .08em; }.settings-button small { margin-top: .22rem; color: #777; font-size: .56rem; }.settings-button b { color: #777; }.settings-button:hover { border-color: #777; background: #151515; }

.radio-console { position: relative; display: grid; place-items: center; min-width: 0; padding: 2.2rem clamp(1rem, 5vw, 4.5rem); background: radial-gradient(circle at center, #151515 0, #0b0e0c 72%); overflow: hidden; }
.radio-console::before { content: ""; position: absolute; inset: 1rem; border: 1px solid rgba(255,255,255,.025); pointer-events: none; }
.radio-hardware { position: relative; width: min(100%, 600px); background: linear-gradient(110deg, #2a302b, #131714 18%, #1b211c 80%, #090b0a); border: 1px solid #3c443d; box-shadow: 0 35px 80px rgba(0,0,0,.65), inset 0 1px rgba(255,255,255,.07), inset 8px 0 18px rgba(255,255,255,.018), inset -8px 0 18px #070807; }
.radio-topline { height: 31px; display: grid; grid-template-columns: 30px 1fr 30px; align-items: center; gap: 1rem; padding: 0 11px; border-bottom: 1px solid #080a09; background: #111411; }.radio-topline > span { width: 7px; height: 7px; justify-self: center; border-radius: 50%; background: #080908; border: 1px solid #464b46; }.speaker-grill { height: 8px; opacity: .65; background: repeating-linear-gradient(90deg, #050605 0 3px, #363c36 3px 5px); }
.radio-face { padding: clamp(1.1rem, 3.2vw, 2.1rem); }
.screen-bezel { padding: 10px; background: #050705; border: 1px solid #3f463f; box-shadow: inset 0 0 0 3px #101410, 0 7px 14px rgba(0,0,0,.5); }
.lcd-screen { position: relative; min-height: 194px; padding: 1rem 1.1rem .85rem; overflow: hidden; color: var(--phosphor); background: radial-gradient(circle at 40% 20%, rgba(255,255,255,.07), transparent 40%), #0d0d0d; border: 1px solid #303030; box-shadow: inset 0 0 35px #030303, 0 0 18px rgba(255,255,255,.035); font-family: var(--font-mono); text-shadow: 0 0 7px rgba(255,255,255,.28); }
.lcd-screen::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .15; background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px); background-size: 100% 3px; }
.lcd-scanline { position: absolute; inset: -20% 0 auto; height: 25%; background: linear-gradient(transparent, rgba(255,255,255,.05), transparent); animation: scan 6s linear infinite; }
.lcd-head, .lcd-foot, .channel-readout { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; }.lcd-head > span { padding: .25rem .45rem; color: #12190d; background: var(--phosphor); font-size: .58rem; font-weight: 900; text-shadow: none; }.lcd-icons { display: flex; align-items: center; gap: .6rem; }.lcd-icons > b { font-size: .5rem; color: var(--phosphor-dim); }.lcd-icons > b.is-ready { color: var(--phosphor); }
.signal-bars { height: 14px; display: flex; align-items: flex-end; gap: 2px; }.signal-bars i { display: block; width: 3px; background: var(--phosphor); }.signal-bars i:nth-child(1) { height: 4px; }.signal-bars i:nth-child(2) { height: 7px; }.signal-bars i:nth-child(3) { height: 10px; }.signal-bars i:nth-child(4) { height: 13px; }
.frequency { position: relative; z-index: 1; margin: .5rem 0 0; font-size: clamp(2.7rem, 6.6vw, 5.1rem); font-weight: 800; line-height: .95; letter-spacing: -.08em; font-variant-numeric: tabular-nums; }
.channel-readout { margin-top: .25rem; }.channel-readout span { color: var(--phosphor-dim); font-size: .6rem; }.channel-readout strong { max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .66rem; letter-spacing: .08em; }
.audio-visualizer { position: relative; z-index: 1; display: flex; align-items: center; gap: 3px; height: 27px; margin-top: .65rem; overflow: hidden; }.audio-visualizer i { flex: 1; height: 2px; min-width: 2px; background: var(--phosphor-dim); transition: height .1s; }.is-receiving .audio-visualizer i, .is-transmitting .audio-visualizer i { animation: waveform .65s ease-in-out infinite alternate; }.audio-visualizer i:nth-child(3n) { animation-delay: -.15s; }.audio-visualizer i:nth-child(4n) { animation-delay: -.35s; }.audio-visualizer i:nth-child(5n) { animation-delay: -.5s; }
.lcd-foot { padding-top: .45rem; border-top: 1px solid rgba(255,255,255,.18); color: var(--phosphor-dim); font-size: .54rem; }.lcd-foot > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.radio-message { display: flex; align-items: center; gap: .8rem; min-height: 64px; margin-top: 1.15rem; padding: .8rem 1rem; border: 1px solid var(--line); background: #101310; }.radio-message__icon { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--line); color: var(--phosphor); font-family: var(--font-mono); }.radio-message strong { display: block; font-size: .76rem; }.radio-message p { margin: .22rem 0 0; color: var(--muted); font-size: .68rem; line-height: 1.4; }
.sos-control { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .7rem; margin-top: 1rem; padding: .7rem; border: 1px solid rgba(255,52,85,.38); background: linear-gradient(90deg, rgba(255,52,85,.1), rgba(41,121,255,.05)); }
.sos-control p { margin: 0; color: #aaa; font-size: .62rem; line-height: 1.45; }.sos-button { min-width: 112px; min-height: 54px; display: flex; flex-direction: column; justify-content: center; border: 1px solid #ff5a72; color: #fff; background: #7e0d20; box-shadow: 0 0 18px rgba(255,52,85,.2), inset 0 1px rgba(255,255,255,.15); cursor: pointer; }.sos-button span { font: 950 1rem var(--font-mono); letter-spacing: .16em; }.sos-button small { margin-top: .2rem; font: 700 .48rem var(--font-mono); letter-spacing: .06em; }.sos-button:disabled { opacity: .42; cursor: not-allowed; }.sos-button.is-active { background: #fff; color: #980018; animation: sos-button-pulse .55s steps(2) infinite; }
.ptt-cluster { position: relative; isolation: isolate; display: grid; justify-items: center; margin-top: 1.25rem; padding: .4rem 0; overflow: hidden; }.ptt-cluster::before { content: ""; position: absolute; z-index: 0; width: 145%; height: 112%; top: -6%; background: radial-gradient(circle at 19% 50%, rgba(255,20,55,.88), transparent 42%), radial-gradient(circle at 81% 50%, rgba(25,100,255,.9), transparent 42%); filter: blur(30px) saturate(1.5); opacity: .62; animation: siren-glow .95s ease-in-out infinite alternate; }.ptt-cluster > * { position: relative; z-index: 1; }.ptt-status-line { width: 100%; display: flex; align-items: center; justify-content: center; gap: .6rem; min-height: 19px; font: 700 .64rem var(--font-mono); letter-spacing: .09em; }.tx-led { width: 7px; height: 7px; background: #444; box-shadow: none; }.is-transmitting .tx-led { background: var(--red); box-shadow: 0 0 12px rgba(255,52,85,.9); animation: blink .65s steps(2) infinite; }.is-receiving .tx-led { background: #fff; box-shadow: 0 0 12px rgba(255,255,255,.75); }.is-queued .tx-led { background: var(--blue); box-shadow: 0 0 10px rgba(41,121,255,.8); }.is-sos .ptt-cluster::before { opacity: .92; animation-duration: .45s; }.is-sos .lcd-screen { border-color: rgba(255,52,85,.8); box-shadow: inset 0 0 38px rgba(100,0,18,.45), 0 0 28px rgba(255,52,85,.22); }
#queue-badge { padding: .22rem .4rem; background: var(--blue); color: #081217; font-size: .53rem; }
.ptt-button { position: relative; width: clamp(146px, 32vw, 184px); aspect-ratio: 1; margin-top: .75rem; border-radius: 50%; border: 10px solid #080808; outline: 1px solid #5a5a5a; color: #080808; background: radial-gradient(circle at 38% 32%, #fff, #d5d5d5 48%, #777 88%); box-shadow: 0 18px 24px rgba(0,0,0,.65), 0 0 0 6px #101010, 0 0 0 7px #454545, inset 0 5px 8px rgba(255,255,255,.5), inset 0 -10px 18px rgba(0,0,0,.38); cursor: pointer; touch-action: none; user-select: none; transition: transform .08s, filter .15s; }
.ptt-button:not(:disabled):hover { filter: brightness(1.08); }.ptt-button:not(:disabled):active, .ptt-button.is-held { transform: translateY(5px) scale(.985); box-shadow: 0 9px 13px rgba(0,0,0,.6), 0 0 0 6px #151515, 0 0 0 7px #3a3a3a, inset 0 8px 12px rgba(27,42,13,.5); }.ptt-button:disabled { cursor: not-allowed; filter: grayscale(1) brightness(.45); }
.ptt-button__inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; }.ptt-button__inner b { font: 950 2rem/1 var(--font-ui); letter-spacing: -.05em; }.ptt-button__inner small { margin-top: .3rem; font: 900 .52rem var(--font-mono); letter-spacing: .14em; }
.ptt-ridges { position: absolute; inset: 12px; border-radius: 50%; border: 1px solid rgba(35,54,16,.35); box-shadow: inset 0 0 0 6px rgba(255,255,255,.035), inset 0 0 0 7px rgba(29,43,15,.16); }
.keyboard-hint { display: grid; grid-template-columns: auto auto; align-items: center; gap: .18rem .5rem; margin-top: 1rem; color: var(--dim); }.keyboard-hint kbd { grid-row: 1 / 3; padding: .4rem .5rem; border: 1px solid var(--line-bright); border-bottom-width: 3px; background: #101310; color: var(--ink); font: 700 .63rem var(--font-mono); }.keyboard-hint span { font: 700 .53rem var(--font-mono); letter-spacing: .08em; }.keyboard-hint small { font-size: .54rem; }
.radio-footer { height: 31px; display: flex; align-items: center; gap: .8rem; padding: 0 1rem; border-top: 1px solid #080a09; color: #555e56; background: #111411; font: 600 .48rem var(--font-mono); letter-spacing: .09em; }.radio-footer div { flex: 1; height: 1px; background: #282e28; }

.members-empty { min-height: 220px; display: grid; place-items: center; align-content: center; gap: .8rem; color: var(--dim); text-align: center; }.members-empty > span { font-size: 2rem; }.members-empty p { max-width: 180px; margin: 0; font-size: .7rem; line-height: 1.5; }
.member-list { margin-top: .75rem; }.member-card { position: relative; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: .7rem; padding: .7rem .35rem; border-bottom: 1px solid rgba(55,55,55,.7); }.member-avatar { overflow: hidden; display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; background: #0d0d0d; color: var(--muted); font: 800 .72rem var(--font-mono); }.member-avatar img { width: 100%; height: 100%; object-fit: cover; }.member-info { min-width: 0; }.member-info strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .72rem; }.member-info small { display: block; margin-top: .23rem; color: var(--dim); font: 600 .55rem var(--font-mono); letter-spacing: .05em; }.member-mic { opacity: 0; color: var(--red); font-size: .9rem; }.member-card.is-speaking { background: linear-gradient(90deg, rgba(239,90,79,.08), transparent); }.member-card.is-speaking .member-avatar { color: var(--red); border-color: rgba(239,90,79,.4); box-shadow: 0 0 15px rgba(239,90,79,.08); }.member-card.is-speaking .member-mic { opacity: 1; animation: pulse 1s ease-in-out infinite; }
[data-tooltip] { position: relative; cursor: help; }[data-tooltip]::after { content: attr(data-tooltip); position: absolute; z-index: 15; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%) translateY(4px); width: max-content; max-width: 210px; padding: .45rem .55rem; color: var(--ink); background: #050605; border: 1px solid var(--line); font: 600 .6rem/1.4 var(--font-ui); opacity: 0; pointer-events: none; transition: .15s; }[data-tooltip]:hover::after, [data-tooltip]:focus-visible::after { opacity: 1; transform: translateX(-50%) translateY(0); }
.audio-control { margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--line); }.member-rack { display: flex; flex-direction: column; }.audio-control label { display: flex; justify-content: space-between; color: var(--dim); font: 700 .55rem var(--font-mono); letter-spacing: .08em; }.audio-control output { color: var(--phosphor-dim); }.audio-control input { width: 100%; height: 3px; margin-top: .9rem; accent-color: var(--phosphor); }

.rack-tabs { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); margin: -.2rem -.2rem .9rem; }
.rack-tab { min-height: 44px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--dim); font: 800 .67rem var(--font-mono); letter-spacing: .08em; cursor: pointer; }
.rack-tab.is-active { color: var(--ink); border-bottom-color: #fff; background: linear-gradient(0deg, rgba(255,255,255,.06), transparent); }
.rack-tab span { display: inline-grid; place-items: center; min-width: 20px; min-height: 18px; margin-left: .25rem; padding: 0 .25rem; border: 1px solid var(--line); color: var(--muted); font-size: .58rem; }
#chat-unread { border: 0; color: #fff; background: var(--blue); }
.rack-panel { display: flex; flex: 1; min-height: 0; flex-direction: column; }
.audio-control .radio-effects-toggle { display: flex; align-items: center; justify-content: flex-start; gap: .6rem; margin-top: .9rem; cursor: pointer; }
.audio-control .radio-effects-toggle input { width: 17px; height: 17px; margin: 0; accent-color: #fff; }
.audio-control .audio-help { display: block; margin-top: .45rem; color: var(--muted); font-size: .65rem; line-height: 1.5; }
.chat-empty { min-height: 220px; display: grid; place-items: center; align-content: center; gap: .75rem; color: var(--dim); text-align: center; }
.chat-empty > span { font-size: 1.6rem; }.chat-empty p { max-width: 190px; margin: 0; font-size: .72rem; line-height: 1.5; }
.chat-messages { flex: 1; min-height: 200px; max-height: calc(100vh - 310px); overflow-y: auto; padding: .3rem .1rem .8rem; scrollbar-width: thin; scrollbar-color: #555 transparent; }
.chat-message { margin: .6rem 0; padding: .7rem; border-left: 2px solid #565656; background: #0c0c0c; }
.chat-message.is-own { border-left-color: #fff; background: #171717; }
.chat-message header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }.chat-message header strong { font-size: .72rem; }.chat-message time { color: var(--dim); font: 600 .55rem var(--font-mono); }
.chat-message p { margin: .45rem 0; color: #ddd; font-size: .76rem; line-height: 1.48; overflow-wrap: anywhere; }.chat-message small { color: var(--dim); font: 600 .54rem var(--font-mono); text-transform: uppercase; }
.chat-form { display: grid; grid-template-columns: 1fr auto; gap: .4rem; padding-top: .75rem; border-top: 1px solid var(--line); }
.chat-form input { min-width: 0; border: 1px solid var(--line); outline: 0; padding: .7rem; color: var(--ink); background: #080808; font-size: .76rem; }.chat-form input:focus { border-color: #777; }.chat-form button { border: 1px solid #777; padding: 0 .7rem; color: #090909; background: #eee; font: 800 .55rem var(--font-mono); cursor: pointer; }.chat-form button:disabled, .chat-form input:disabled { opacity: .35; cursor: not-allowed; }
.mini-action { border: 1px solid var(--line); padding: .4rem .5rem; color: var(--muted); background: #0b0b0b; font: 700 .5rem var(--font-mono); cursor: pointer; }
.directory-search input { width: 100%; border: 1px solid var(--line); outline: 0; padding: .65rem .7rem; color: var(--ink); background: #080808; font-size: .7rem; }.directory-search input:focus { border-color: #777; }
.directory-list { max-height: 38vh; overflow-y: auto; margin-top: .55rem; }.directory-card { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: .65rem; padding: .65rem .25rem; border-bottom: 1px solid var(--line); }.directory-avatar { width: 42px; height: 42px; overflow: hidden; display: grid; place-items: center; border: 1px solid var(--line-bright); border-radius: 50%; color: #ddd; background: #111; font: 800 .66rem var(--font-mono); }.directory-avatar img { width: 100%; height: 100%; object-fit: cover; }.directory-info { min-width: 0; }.directory-info strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .7rem; }.directory-meta { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .3rem; }.directory-meta span { border: 1px solid #3c3c3c; padding: .16rem .28rem; color: #999; font: 700 .48rem var(--font-mono); }.directory-status { margin-top: .3rem; color: #777; font-size: .56rem; }.directory-status.is-online { color: #f3f3f3; }.directory-status i { display: inline-block; width: 6px; height: 6px; margin-right: .3rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 7px currentColor; }.appointment-request { border: 1px solid #777; padding: .45rem .5rem; color: #090909; background: #eee; font: 800 .49rem var(--font-mono); cursor: pointer; }.appointment-request:disabled { opacity: .32; cursor: not-allowed; }
.appointments-head { display: flex; justify-content: space-between; margin-top: .9rem; padding: .65rem 0 .45rem; border-top: 1px solid var(--line); font: 800 .55rem var(--font-mono); letter-spacing: .08em; }.appointments-head span { color: #aaa; }.appointment-list { max-height: 30vh; overflow-y: auto; }.appointment-card { margin: .4rem 0; padding: .65rem; border: 1px solid var(--line); background: #0b0b0b; }.appointment-card header { display: flex; justify-content: space-between; gap: .5rem; }.appointment-card strong { font-size: .66rem; }.appointment-state { color: #bbb; font: 800 .48rem var(--font-mono); }.appointment-card p { margin: .4rem 0; color: #bbb; font-size: .64rem; line-height: 1.4; }.appointment-card small { display: block; color: #777; font-size: .55rem; }.appointment-actions { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .55rem; }.appointment-actions button, .appointment-actions a { border: 1px solid #555; padding: .4rem .5rem; color: #ddd; background: #151515; text-decoration: none; font: 800 .48rem var(--font-mono); cursor: pointer; }.appointment-actions .is-accept { color: #080808; background: #eee; }.appointment-actions .is-reject { color: #ff7088; border-color: #752536; }

.safety-footer { position: fixed; z-index: 10; left: 0; right: 0; bottom: 0; height: 42px; display: flex; align-items: center; gap: .65rem; padding: 0 1.4rem; border-top: 1px solid #3c3322; background: #13120d; color: var(--muted); font-size: .62rem; }.safety-footer > span:first-child, .safety-footer strong { color: var(--amber); }.safety-footer strong { font: 800 .57rem var(--font-mono); letter-spacing: .08em; }.safety-footer p { margin: 0; }.safety-footer i { flex: 1; height: 1px; background: #322f23; }.safety-footer > span:last-child { color: var(--amber); font: 700 .61rem var(--font-mono); }

.modal { width: min(92vw, 470px); max-height: min(88vh, 760px); padding: 0; border: 1px solid var(--line-bright); color: var(--ink); background: #151a16; box-shadow: 0 30px 100px #000; }.modal::backdrop { background: rgba(3,5,4,.8); backdrop-filter: blur(6px); }.radio-modal form, .sos-modal form, .appointment-modal form { position: relative; padding: 2rem; }.modal-close { position: absolute; z-index: 2; top: .65rem; right: .65rem; width: 34px; height: 34px; border: 1px solid var(--line); background: #0e110f; color: var(--muted); font-size: 1.2rem; cursor: pointer; }.modal h2 { margin: .35rem 0 .6rem; }.modal p { color: var(--muted); font-size: .8rem; line-height: 1.5; }
.sos-modal { border-color: rgba(255,52,85,.72); }.sos-reasons { display: grid; gap: .55rem; margin: 1rem 0; padding: 0; border: 0; }.sos-reasons legend { margin-bottom: .3rem; color: #aaa; font-size: .7rem; }.sos-reasons label { position: relative; cursor: pointer; }.sos-reasons input { position: absolute; opacity: 0; }.sos-reasons span { display: flex; flex-direction: column; padding: .8rem; border: 1px solid var(--line); background: #0b0b0b; }.sos-reasons b { font: 800 .66rem var(--font-mono); }.sos-reasons small { margin-top: .3rem; color: #777; font-size: .62rem; }.sos-reasons input:checked + span { border-color: #ff526e; box-shadow: inset 4px 0 #ff3455; background: rgba(255,52,85,.08); }.sos-warning { display: flex; flex-direction: column; padding: .7rem; border-left: 3px solid var(--red); background: rgba(255,52,85,.08); }.sos-warning strong { color: #ff7790; font: 800 .58rem var(--font-mono); }.sos-warning span { margin-top: .3rem; color: #999; font-size: .62rem; }.danger-action { width: 100%; min-height: 49px; margin-top: 1rem; border: 1px solid #ff6b83; color: #fff; background: #8d1025; font: 900 .66rem var(--font-mono); letter-spacing: .09em; cursor: pointer; }
.appointment-modal textarea { width: 100%; min-height: 100px; resize: vertical; border: 1px solid var(--line); outline: 0; padding: .75rem; color: var(--ink); background: #0c0f0d; }.appointment-modal textarea:focus { border-color: #777; }
.settings-modal { width: min(94vw, 760px); }.settings-modal__inner { position: relative; max-height: min(90vh, 850px); overflow-y: auto; padding: 2rem; }.settings-modal header > p:last-child { margin: .4rem 0 0; color: #999; font-size: .75rem; line-height: 1.45; }.settings-section { margin-top: 1.1rem; padding: 1rem; border: 1px solid var(--line); background: #0b0b0b; }.settings-profile-row { display: grid; grid-template-columns: 92px 1fr; align-items: center; gap: 1rem; }.settings-avatar-preview { width: 88px; height: 88px; overflow: hidden; display: grid; place-items: center; border: 1px solid #666; border-radius: 50%; color: #999; background: #050505; font: 800 1rem var(--font-mono); }.settings-avatar-preview img { width: 100%; height: 100%; object-fit: cover; }.settings-profile-row input[type="file"] { width: 100%; color: #999; font-size: .66rem; }.text-action { margin-top: .55rem; border: 0; padding: 0; color: #999; background: transparent; text-decoration: underline; font: 700 .53rem var(--font-mono); cursor: pointer; }.password-change { margin-top: .9rem; border-top: 1px solid var(--line); padding-top: .75rem; }.password-change summary { color: #bbb; font-size: .68rem; cursor: pointer; }.role-request-form h3 { margin: .35rem 0 0; font-size: 1rem; }.role-request-form textarea { width: 100%; min-height: 86px; resize: vertical; border: 1px solid var(--line); outline: 0; padding: .7rem; color: #eee; background: #050505; }.secondary-submit { width: 100%; min-height: 43px; margin-top: .8rem; border: 1px solid #777; color: #eee; background: #171717; font: 800 .6rem var(--font-mono); cursor: pointer; }.my-role-requests { display: grid; gap: .4rem; margin-top: .7rem; }.role-request-item { padding: .55rem; border-left: 2px solid #555; background: #111; }.role-request-item strong { display: block; font-size: .63rem; }.role-request-item small { display: block; margin-top: .25rem; color: #777; font-size: .56rem; }
.admin-modal { width: min(94vw, 850px); }.admin-modal__inner { position: relative; padding: 2rem; }.admin-header { padding-right: 2.5rem; }.admin-login-form { max-width: 420px; margin-top: 1.5rem; }.admin-toolbar { display: flex; align-items: center; justify-content: space-between; margin-top: 1.5rem; padding: .8rem; border: 1px solid var(--line); background: #0d0d0d; }.admin-toolbar > div { display: flex; flex-direction: column; }.admin-toolbar strong { font-size: .8rem; }.admin-toolbar span { margin-top: .25rem; color: var(--amber); font: 600 .58rem var(--font-mono); }.secondary-action { padding: .6rem .8rem; font: 700 .58rem var(--font-mono); letter-spacing: .08em; }.admin-users { margin-top: .7rem; }.admin-user { display: grid; grid-template-columns: minmax(140px, 1.25fr) minmax(110px, .8fr) auto; align-items: center; gap: .8rem; padding: .85rem; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.01); }.admin-user__identity { min-width: 0; }.admin-user__identity strong, .admin-user__identity small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.admin-user__identity strong { font-size: .76rem; }.admin-user__identity small { margin-top: .25rem; color: var(--dim); font-size: .61rem; }.admin-user select { width: 100%; border: 1px solid var(--line); background: #0b0e0c; color: var(--ink); padding: .55rem; font-size: .67rem; }.admin-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }.admin-action { border: 1px solid var(--line-bright); padding: .5rem .6rem; background: #151a16; color: var(--muted); font: 700 .54rem var(--font-mono); cursor: pointer; }.admin-action.is-approve { border-color: var(--phosphor-dim); color: var(--phosphor); }.admin-action.is-channel { border-color: #66542e; color: var(--amber); }.admin-approved { color: var(--green); font: 700 .57rem var(--font-mono); }
.admin-empty { padding: 2rem; color: var(--dim); text-align: center; font-size: .75rem; }
.admin-users { display: grid; gap: .7rem; }
.admin-user { display: block; padding: 1rem; border: 1px solid var(--line); background: #0d0d0d; }
.admin-user__headline { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: .8rem; border-bottom: 1px solid var(--line); }
.admin-user__identity strong { font-size: .85rem; }.admin-user__identity small { font-size: .65rem; }
.admin-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }.admin-badges span { padding: .28rem .42rem; border: 1px solid #555; color: #bbb; font: 800 .52rem var(--font-mono); }.admin-badges .is-approved { color: #fff; }.admin-badges .is-pending { color: #aaa; border-style: dashed; }.admin-badges .is-admin { color: #fff; border-color: #fff; }
.admin-user__fields { display: grid; grid-template-columns: 1.35fr 1.1fr .8fr .8fr; gap: .55rem; padding: .85rem 0; }
.admin-user__fields label { min-width: 0; }.admin-user__fields label > span { display: block; margin-bottom: .35rem; color: var(--dim); font: 700 .58rem var(--font-mono); text-transform: uppercase; }.admin-user__fields input, .admin-user__fields select { width: 100%; min-height: 39px; border: 1px solid var(--line); outline: 0; padding: .5rem .6rem; color: var(--ink); background: #080808; font-size: .7rem; }.admin-user__fields input:focus, .admin-user__fields select:focus { border-color: #777; }
.admin-actions { justify-content: flex-start; }.admin-action.is-save { color: #080808; border-color: #fff; background: #fff; }.admin-action.is-authority { color: #ddd; border-style: dashed; }
.admin-modal { width: min(96vw, 1040px); }.admin-modal__inner { max-height: min(90vh, 850px); overflow-y: auto; }.admin-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: .55rem; margin-top: 1.2rem; }.admin-summary > div { padding: .75rem; border: 1px solid var(--line); background: #0b0b0b; }.admin-summary span, .admin-summary strong { display: block; }.admin-summary span { color: #777; font: 700 .5rem var(--font-mono); }.admin-summary strong { margin-top: .25rem; font: 900 1.2rem var(--font-mono); }.admin-summary .is-alert { border-color: rgba(255,52,85,.45); }.admin-summary .is-alert strong { color: #ff6d84; }
.admin-tabs { display: grid; grid-template-columns: 1fr 1fr; margin-top: .8rem; border-bottom: 1px solid var(--line); }.admin-tabs button { min-height: 45px; border: 0; border-bottom: 2px solid transparent; color: #777; background: transparent; font: 800 .62rem var(--font-mono); cursor: pointer; }.admin-tabs button.is-active { color: #fff; border-bottom-color: #fff; background: rgba(255,255,255,.035); }
.admin-toolbar { gap: .55rem; }.admin-toolbar > input, .admin-toolbar > select { min-height: 38px; border: 1px solid var(--line); outline: 0; padding: .5rem .65rem; color: #eee; background: #080808; font-size: .67rem; }.admin-toolbar > input { flex: 1; }.admin-toolbar > select { min-width: 150px; }.admin-toolbar .secondary-action { min-height: 38px; color: #111; border: 1px solid #fff; background: #eee; cursor: pointer; }
.admin-user.is-suspended { border-color: rgba(255,52,85,.48); }.admin-badges .is-suspended { color: #ff7890; border-color: #8d2639; }.admin-suspension { margin: .65rem 0 0; padding: .6rem; border-left: 3px solid var(--red); color: #ff91a2; background: rgba(255,52,85,.06); font-size: .63rem; line-height: 1.45; }
.admin-sos-reports { display: grid; gap: .65rem; margin-top: .7rem; }.sos-report { padding: .9rem; border: 1px solid var(--line); background: #0b0b0b; }.sos-report.is-pending { border-color: rgba(255,52,85,.52); }.sos-report header { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }.sos-report h3 { margin: 0; font-size: .78rem; }.sos-report header p { margin: .25rem 0 0; font-size: .62rem; }.sos-report__status { padding: .25rem .4rem; border: 1px solid #555; color: #bbb; font: 800 .5rem var(--font-mono); }.sos-report.is-pending .sos-report__status { color: #ff738a; border-color: #8c293b; }.sos-report__meta { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .65rem; }.sos-report__meta span { padding: .25rem .4rem; border: 1px solid #333; color: #999; font: 700 .52rem var(--font-mono); }.sos-report textarea { width: 100%; min-height: 78px; margin-top: .7rem; resize: vertical; border: 1px solid var(--line); outline: 0; padding: .65rem; color: #eee; background: #050505; font-size: .68rem; }.sos-report textarea:focus { border-color: #777; }.sos-report__actions { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .55rem; }.sos-report__actions button { border: 1px solid #666; padding: .55rem .65rem; color: #eee; background: #161616; font: 800 .53rem var(--font-mono); cursor: pointer; }.sos-report__actions .is-justified { color: #090909; background: #eee; }.sos-report__actions .is-misuse { color: #ff7890; border-color: #8d2639; }.sos-report__text { margin: .65rem 0 0; padding: .6rem; border-left: 2px solid #555; color: #ccc; background: #111; font-size: .66rem; line-height: 1.5; }
.admin-page-body { min-height: 100vh; overflow: auto; background: #050505; }.admin-page { position: relative; z-index: 1; min-height: 100vh; }.admin-page-topbar { position: sticky; z-index: 20; top: 0; height: 74px; display: flex; align-items: center; justify-content: space-between; padding: 0 1.5rem; border-bottom: 1px solid #333; background: rgba(8,8,8,.96); backdrop-filter: blur(18px); }.admin-page-brand, .admin-page-session { display: flex; align-items: center; gap: .8rem; }.admin-page-brand > span { display: grid; place-items: center; width: 42px; height: 42px; padding: 3px; color: #080808; background: #eee; }.admin-page-brand > span img { width: 100%; height: 100%; object-fit: contain; }.admin-page-brand div, .admin-page-session div { display: flex; flex-direction: column; }.admin-page-brand strong { font-size: .82rem; letter-spacing: .1em; }.admin-page-brand small, .admin-page-session small { color: #707070; font: 700 .5rem var(--font-mono); letter-spacing: .1em; }.admin-page-session strong { margin-top: .2rem; font-size: .67rem; }.admin-page-session a, .admin-page-session button { border: 1px solid #444; padding: .65rem .75rem; color: #ddd; background: #111; text-decoration: none; font: 800 .55rem var(--font-mono); cursor: pointer; }
.admin-page-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); min-height: calc(100vh - 74px); }.admin-page-sidebar { position: sticky; top: 74px; height: calc(100vh - 74px); display: flex; flex-direction: column; padding: 1.5rem 1rem; border-right: 1px solid #292929; background: #090909; }.admin-page-sidebar nav { display: grid; gap: .35rem; margin-top: 1rem; }.admin-page-sidebar nav button { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; min-height: 48px; border: 1px solid transparent; padding: .5rem .65rem; color: #777; background: transparent; text-align: left; font: 800 .58rem var(--font-mono); letter-spacing: .05em; cursor: pointer; }.admin-page-sidebar nav button > span { color: #444; }.admin-page-sidebar nav button b { min-width: 22px; padding: .2rem; border: 1px solid #333; color: #888; text-align: center; }.admin-page-sidebar nav button:hover, .admin-page-sidebar nav button.is-active { color: #fff; border-color: #3b3b3b; background: #151515; }.admin-page-sidebar nav button.is-active { box-shadow: inset 3px 0 #eee; }.admin-page-note { margin-top: auto; padding: .75rem; border-left: 2px solid #555; background: #111; }.admin-page-note strong { font: 800 .54rem var(--font-mono); }.admin-page-note p { margin: .3rem 0 0; color: #707070; font-size: .61rem; line-height: 1.45; }
.admin-page-content { min-width: 0; padding: clamp(1.2rem, 3vw, 2.5rem); }.admin-page-view { max-width: 1280px; margin: 0 auto; }.page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 1.2rem; border-bottom: 1px solid #292929; }.page-heading h1 { margin: .25rem 0 0; font-size: clamp(1.9rem, 4vw, 3.2rem); letter-spacing: -.05em; }.page-heading p:last-child { margin: .45rem 0 0; color: #888; font-size: .76rem; }.page-refresh { border: 1px solid #555; padding: .7rem .8rem; color: #111; background: #eee; font: 800 .55rem var(--font-mono); cursor: pointer; }
.dashboard-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: .7rem; margin-top: 1.2rem; }.dashboard-metrics article { padding: 1rem; border: 1px solid #303030; background: #0b0b0b; }.dashboard-metrics span, .dashboard-metrics strong, .dashboard-metrics small { display: block; }.dashboard-metrics span { color: #777; font: 700 .52rem var(--font-mono); }.dashboard-metrics strong { margin-top: .35rem; font: 900 1.65rem var(--font-mono); }.dashboard-metrics small { margin-top: .3rem; color: #666; font-size: .57rem; }.dashboard-metrics .is-alert { border-color: #793041; }.dashboard-metrics .is-alert strong { color: #ff6c85; }.dashboard-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: .8rem; }.dashboard-grid > section { min-height: 290px; padding: 1rem; border: 1px solid #292929; background: #0a0a0a; }.dashboard-grid > section > header { display: flex; justify-content: space-between; padding-bottom: .7rem; border-bottom: 1px solid #292929; }.dashboard-grid header strong, .dashboard-grid header button { font: 800 .55rem var(--font-mono); }.dashboard-grid header button { border: 0; color: #999; background: transparent; cursor: pointer; }.dashboard-feed { display: grid; gap: .4rem; margin-top: .6rem; }.feed-item { padding: .7rem; border-left: 2px solid #555; background: #111; }.feed-item.is-alert { border-color: var(--red); }.feed-item strong, .feed-item span, .feed-item small { display: block; }.feed-item strong { font-size: .7rem; }.feed-item span { margin-top: .25rem; color: #aaa; font-size: .63rem; }.feed-item small { margin-top: .3rem; color: #666; font-size: .54rem; }
.page-toolbar { display: flex; gap: .55rem; margin-top: 1rem; padding: .7rem; border: 1px solid #292929; background: #0b0b0b; }.page-toolbar input, .page-toolbar select { min-height: 40px; border: 1px solid #333; outline: 0; padding: .55rem .65rem; color: #eee; background: #050505; font-size: .68rem; }.page-toolbar input { flex: 1; }.page-toolbar select { min-width: 180px; }.user-table-wrap { margin-top: .7rem; overflow-x: auto; border: 1px solid #292929; }.user-table { width: 100%; border-collapse: collapse; background: #090909; }.user-table th { padding: .7rem; color: #666; background: #0e0e0e; text-align: left; font: 800 .5rem var(--font-mono); }.user-table td { padding: .75rem .7rem; border-top: 1px solid #242424; color: #bbb; font-size: .66rem; vertical-align: middle; }.table-user { display: flex; align-items: center; gap: .6rem; min-width: 190px; }.table-user > span { width: 38px; height: 38px; overflow: hidden; display: grid; place-items: center; flex: 0 0 38px; border: 1px solid #444; border-radius: 50%; color: #aaa; background: #111; font: 800 .56rem var(--font-mono); }.table-user img { width: 100%; height: 100%; object-fit: cover; }.table-user strong, .table-user small { display: block; }.table-user strong { color: #eee; font-size: .68rem; }.table-user small { margin-top: .2rem; color: #666; font-size: .55rem; }.table-badge { display: block; width: max-content; margin-top: .25rem; padding: .18rem .3rem; border: 1px solid #555; font: 800 .45rem var(--font-mono); }.status-pill { display: inline-block; padding: .25rem .38rem; border: 1px solid #555; color: #aaa; font: 800 .48rem var(--font-mono); }.status-pill.is-active { color: #eee; }.status-pill.is-danger { color: #ff7189; border-color: #7d2c3b; }.sos-block-note { display: block; margin-top: .3rem; color: #ff7189; }.table-actions { display: flex; flex-wrap: wrap; gap: .3rem; min-width: 220px; }.table-actions button { border: 1px solid #444; padding: .38rem .45rem; color: #aaa; background: #111; font: 800 .46rem var(--font-mono); cursor: pointer; }.table-actions button:first-child { color: #111; background: #ddd; }.pagination { display: flex; justify-content: flex-end; align-items: center; gap: .7rem; margin-top: .7rem; }.pagination button { border: 1px solid #444; padding: .5rem .6rem; color: #bbb; background: #111; font: 700 .5rem var(--font-mono); cursor: pointer; }.pagination button:disabled { opacity: .3; }.pagination span { color: #777; font: 700 .55rem var(--font-mono); }
.admin-rank-label, .admin-pending-rank { display: block; margin-top: .3rem; font-size: .55rem; }
.admin-rank-label { color: #d7d7dd; font-weight: 700; }
.admin-pending-rank { color: #d9a85c; }
.role-request-admin-list, .sos-log-list { display: grid; gap: .7rem; margin-top: .75rem; }.admin-request-card, .sos-log-card { padding: 1rem; border: 1px solid #292929; background: #0a0a0a; }.admin-request-card.is-pending, .sos-log-card.is-warning { border-color: #72412d; }.admin-request-card header, .sos-log-card header { display: flex; justify-content: space-between; gap: .7rem; }.admin-request-card h2, .sos-log-card h2 { margin: 0; font-size: .82rem; }.admin-request-card header p, .sos-log-card header p { margin: .25rem 0 0; color: #777; font-size: .61rem; }.admin-request-card header > span, .sos-log-card header > span { height: max-content; padding: .25rem .4rem; border: 1px solid #555; color: #aaa; font: 800 .48rem var(--font-mono); }.request-route { display: flex; align-items: center; gap: .7rem; margin-top: .8rem; }.request-route b, .request-route strong { padding: .35rem .5rem; border: 1px solid #3d3d3d; font: 800 .58rem var(--font-mono); }.request-route i { color: #666; }.admin-request-card blockquote, .sos-log-card blockquote { margin: .7rem 0; padding: .65rem; border-left: 2px solid #555; color: #bbb; background: #111; font-size: .68rem; line-height: 1.5; }.admin-request-card > small { color: #666; }.admin-request-card textarea { width: 100%; min-height: 68px; margin-top: .7rem; border: 1px solid #333; padding: .65rem; resize: vertical; color: #eee; background: #050505; }.admin-request-card > div:last-child { display: flex; gap: .4rem; margin-top: .45rem; }.admin-request-card button, .sos-log-actions button { border: 1px solid #555; padding: .5rem .6rem; color: #bbb; background: #151515; font: 800 .5rem var(--font-mono); cursor: pointer; }.admin-request-card .is-approve { color: #111; background: #eee; }.admin-request-card .is-reject, .sos-log-actions .is-danger { color: #ff738a; border-color: #7c2b3b; }.decision-note { color: #999; font-size: .65rem; }
.channel-create-form, .channel-admin-card { display: grid; gap: .85rem; margin-top: .85rem; padding: 1rem; border: 1px solid #292929; background: #0a0a0a; }.channel-create-form { border-color: #4b4b4b; }.channel-create-form h2, .channel-admin-card h2 { margin: .2rem 0 0; font-size: 1rem; }.channel-create-form p, .channel-admin-card header small { margin: .25rem 0 0; color: #777; font-size: .67rem; line-height: 1.45; }.channel-create-grid, .channel-admin-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }.channel-create-grid label, .channel-admin-grid label { display: grid; gap: .3rem; }.channel-create-grid label > span, .channel-admin-grid label > span, .channel-role-picks > span { color: #777; font: 800 .5rem var(--font-mono); letter-spacing: .08em; }.channel-create-grid input, .channel-admin-grid input, .channel-person-access select { min-height: 39px; border: 1px solid #383838; padding: .55rem; color: #eee; background: #050505; font-size: .68rem; }.channel-admin-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: .7rem; }.channel-admin-card header .micro-label { margin: 0; color: #777; }.channel-role-picks { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .8rem; padding: .55rem; border: 1px solid #252525; background: #0d0d0d; }.channel-role-picks label, .channel-lock-option { color: #bbb; font-size: .65rem; }.channel-role-picks input, .channel-lock-option input { accent-color: #eee; }.channel-save { width: max-content; min-height: 38px; }.channel-person-access { display: grid; gap: .45rem; padding-top: .75rem; border-top: 1px solid #272727; }.channel-person-access strong { font-size: .73rem; }.channel-person-access p { margin: 0; color: #777; font-size: .64rem; }.channel-person-access > div { display: flex; flex-wrap: wrap; gap: .4rem; }.channel-person-access select { flex: 1 1 220px; }.channel-person-access button, .channel-delete { border: 1px solid #6d2b3a; padding: .55rem .65rem; color: #ff7890; background: #160b0e; font: 800 .5rem var(--font-mono); cursor: pointer; }.channel-delete { flex: 0 0 auto; border-color: #444; color: #aaa; background: #111; }.channel-denied-list { display: flex; flex-wrap: wrap; gap: .35rem; }.channel-denied-pill { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .4rem; border: 1px solid #69303e; color: #ff9aad; font-size: .6rem; }.channel-denied-pill button { min-width: 20px; padding: 0; border: 0; color: #ff9aad; background: transparent; }
.channel-person-access .channel-grant { border-color: #3f6547; color: #a7e4b0; background: #0d1a10; }.channel-granted-list { display: flex; flex-wrap: wrap; gap: .35rem; }.channel-granted-pill { display: inline-flex; padding: .3rem .4rem; border: 1px solid #3f6547; color: #a7e4b0; font-size: .6rem; }
.sos-log-card.is-complaint { border-color: #7c2b3b; }.sos-log-meta { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .7rem; }.sos-log-meta > * { padding: .3rem .4rem; border: 1px solid #303030; color: #999; font: 700 .52rem var(--font-mono); }.warning-copy { color: #e1a17e; font-size: .66rem; }.sos-log-actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .7rem; }.admin-edit-dialog form, .complaint-dialog form { position: relative; padding: 2rem; }.complaint-dialog textarea { width: 100%; min-height: 130px; border: 1px solid #444; padding: .7rem; resize: vertical; color: #eee; background: #050505; }.admin-page-error { min-height: 100vh; display: grid; place-items: center; align-content: center; padding: 2rem; text-align: center; }.admin-page-error > span { display: grid; place-items: center; width: 62px; height: 62px; border: 1px solid #7e2a3b; color: #ff6f88; font: 900 1.5rem var(--font-mono); }.admin-page-error h1 { margin: 1rem 0 .3rem; }.admin-page-error p { color: #888; }.admin-page-error a { margin-top: .8rem; border: 1px solid #555; padding: .7rem .8rem; color: #eee; text-decoration: none; font: 800 .55rem var(--font-mono); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.toast-region { position: fixed; z-index: 50; right: 1rem; bottom: 3.6rem; display: grid; gap: .55rem; width: min(360px, calc(100vw - 2rem)); pointer-events: none; }.toast { padding: .85rem 1rem; border-left: 3px solid var(--phosphor); background: #151515; box-shadow: 0 14px 35px #000; font-size: .75rem; line-height: 1.45; animation: toast-in .2s ease-out; }.toast.is-error { border-left-color: var(--red); }.toast.is-info { border-left-color: var(--blue); }

:focus-visible { outline: 2px solid var(--phosphor); outline-offset: 3px; }

@keyframes blink { 50% { opacity: .35; } }
@keyframes scan { to { transform: translateY(600%); } }
@keyframes pulse { 50% { opacity: .4; transform: scale(.9); } }
@keyframes waveform { from { height: 3px; } to { height: 24px; } }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } }
@keyframes sos-button-pulse { 50% { filter: brightness(.65); } }
@keyframes siren-glow {
  0% { transform: translateX(-6%) scale(.97); filter: blur(34px) saturate(1.45); opacity: .5; }
  50% { opacity: .76; }
  100% { transform: translateX(6%) scale(1.05); filter: blur(27px) saturate(1.75); opacity: .68; }
}

@media (max-width: 1020px) {
  .workspace { grid-template-columns: 220px minmax(390px, 1fr); }
  .member-rack { grid-column: 1 / -1; min-height: 180px; }
  .member-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
  .audio-control { margin-top: 1rem; }
  .admin-page-layout { grid-template-columns: 190px minmax(0, 1fr); }
  .dashboard-metrics { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 800px) {
  .channel-create-grid, .channel-admin-grid { grid-template-columns: 1fr; }
  .channel-create-grid input, .channel-admin-grid input { min-width: 0; width: 100%; }
  .auth-shell { display: block; padding: 1.25rem 0 2rem; }
  .brand-deck { min-height: auto; padding: 2rem 1.5rem 1rem; border: 0; }
  .brand-mark { width: 48px; height: 48px; margin-bottom: 1.2rem; }.brand-logo-mark { width: 58px; height: 54px; padding: 4px; }.brand-mark__core { inset: 6px; font-size: 1.3rem; }.brand-mark__needle { width: 60px; right: 23px; top: 23px; }
  .brand-deck h1 { font-size: clamp(3.1rem, 16vw, 5rem); }.brand-subtitle { font-size: .58rem; }.brand-copy, .system-specs, .signal-decoration { display: none; }.warning-plaque { margin-top: 1.2rem; }
  .auth-panel { width: calc(100% - 2rem); max-height: none; margin: 1rem; padding: 1.5rem; }
  .topbar { height: 68px; padding: 0 .8rem; }.network-state { display: none; }.top-profile-avatar { width: 42px; height: 42px; flex-basis: 42px; }.operator-id strong { max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.icon-button { display: none; }.logout-button { padding: 0 .55rem; }
  .workspace { display: block; min-height: auto; background: transparent; }
  .channel-rack, .member-rack { border-bottom: 1px solid var(--line); padding: 1rem; }
  .channel-list { display: flex; gap: .5rem; overflow-x: auto; margin: .8rem -.2rem 0; padding: 0 .2rem .6rem; scroll-snap-type: x mandatory; }
  .channel-card { flex: 0 0 184px; margin: 0; scroll-snap-align: start; }.rack-legend { display: none; }
  .radio-console { padding: 1rem .7rem 1.6rem; }.radio-console::before { display: none; }.radio-face { padding: 1rem; }.lcd-screen { min-height: 174px; }.frequency { font-size: clamp(2.7rem, 16vw, 4.4rem); }.radio-message { min-height: 58px; }
  .ptt-button { width: min(42vw, 168px); }.keyboard-hint { margin-top: .8rem; }
  .member-rack { min-height: 220px; }.members-empty { min-height: 130px; }.member-list { grid-template-columns: 1fr 1fr; }
  .safety-footer p, .safety-footer i { display: none; }.safety-footer { padding: 0 .8rem; }.safety-footer > span:last-child { margin-left: auto; }
  .admin-user { grid-template-columns: 1fr; }.admin-actions { justify-content: flex-start; }
  .admin-user__fields { grid-template-columns: 1fr 1fr; }
  .chat-messages { max-height: 420px; }
  .admin-summary { grid-template-columns: 1fr 1fr; }
  .directory-list, .appointment-list { max-height: 420px; }
  .admin-page-topbar { height: 66px; padding: 0 .85rem; }
  .admin-page-layout { display: block; min-height: calc(100vh - 66px); }
  .admin-page-sidebar { position: static; width: 100%; height: auto; padding: .75rem; border-right: 0; border-bottom: 1px solid #292929; }
  .admin-page-sidebar > .micro-label, .admin-page-note { display: none; }
  .admin-page-sidebar nav { grid-template-columns: 1fr 1fr; margin: 0; }
  .admin-page-sidebar nav button { min-height: 42px; }
  .admin-page-content { padding: 1.15rem; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .page-toolbar { align-items: stretch; flex-direction: column; }
  .page-toolbar input, .page-toolbar select { width: 100%; }
}

@media (max-width: 480px) {
  .account-type { grid-template-columns: 1fr; }.account-type legend { grid-column: auto; }
  .operator-id { display: none; }.top-actions { gap: .4rem; }
  .radio-topline, .radio-footer { display: none; }.radio-hardware { border-radius: 0; }.radio-face { padding: .75rem; }.screen-bezel { padding: 7px; }.lcd-screen { padding: .75rem; min-height: 160px; }.channel-readout strong { font-size: .58rem; }.lcd-icons > b:nth-child(2) { display: none; }
  .radio-message { padding: .65rem; }.radio-message__icon { display: none; }
  .member-list { grid-template-columns: 1fr; }
  .admin-modal__inner, .radio-modal form, .sos-modal form, .appointment-modal form, .settings-modal__inner { padding: 1.4rem; }
  .admin-user__fields { grid-template-columns: 1fr; }
  .sos-control { grid-template-columns: 1fr; }.sos-button { width: 100%; }.sos-control p { text-align: center; }
  .admin-toolbar { align-items: stretch; flex-direction: column; }.admin-toolbar > select { width: 100%; }
  .directory-card { grid-template-columns: 40px minmax(0,1fr); }.directory-card .appointment-request { grid-column: 1 / -1; width: 100%; }
  .settings-profile-row { grid-template-columns: 72px 1fr; }.settings-avatar-preview { width: 68px; height: 68px; }
  .admin-page-brand div, .admin-page-session > div { display: none; }
  .admin-page-session { gap: .35rem; }.admin-page-session a, .admin-page-session button { padding: .55rem; font-size: .48rem; }
  .admin-page-sidebar nav { grid-template-columns: 1fr; }
  .admin-page-sidebar nav button { min-height: 38px; }
  .admin-page-content { padding: .85rem; }
  .dashboard-metrics { grid-template-columns: 1fr 1fr; gap: .45rem; }
  .dashboard-metrics article { min-height: 120px; padding: .85rem; }
  .dashboard-metrics strong { font-size: 2rem; }
  .page-heading { display: block; }.page-refresh { width: 100%; margin-top: .8rem; }
  .admin-request-card header, .sos-log-card header { align-items: flex-start; flex-direction: column; }
}

.hilal-incident-list { display: grid; gap: 12px; margin-top: 14px; }
.hilal-actions-heading { display: grid; gap: 3px; margin-top: 28px; color: #e1e5ed; }.hilal-actions-heading small { color: #8e96a5; font-size: 10px; }
.hilal-incident-card { border: 1px solid var(--line, #30343d); border-left: 4px solid #d7ab56; border-radius: 10px; padding: 14px; background: var(--panel, #11141a); }
.hilal-incident-card.is-high, .hilal-incident-card.is-critical { border-left-color: #f05d70; }
.hilal-incident-card header, .hilal-incident-card footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.hilal-incident-card header strong, .hilal-incident-card header small { display: block; }
.hilal-incident-card header strong { font-size: 13px; }.hilal-incident-card header small, .hilal-incident-card footer small { color: #8e96a5; font-size: 10px; }
.hilal-incident-card header > span { padding: 4px 7px; border: 1px solid #555e6c; border-radius: 12px; color: #cad1dc; font: 800 9px var(--font-mono); white-space: nowrap; }
.hilal-incident-card p { margin: 10px 0; line-height: 1.55; }.hilal-incident-card blockquote { margin: 8px 0 12px; padding: 9px 11px; border-left: 2px solid #78869d; color: #d7dce5; background: #ffffff08; font-size: 12px; }
.hilal-no-evidence { color: #8e96a5; }.hilal-incident-card footer { align-items: center; margin-top: 12px; }.hilal-incident-card footer div { display: flex; gap: 7px; }.hilal-incident-card footer button { border: 1px solid #4f5868; border-radius: 6px; padding: 7px 9px; color: #d9dfe9; background: transparent; font: 800 9px var(--font-mono); cursor: pointer; }.hilal-incident-card footer button.is-danger { border-color: #a14e5c; color: #ffabb7; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}