:root{--bg:#f3f5f6;--surface:#fff;--ink:#182b35;--muted:#64737c;--red:#c92135;--line:#e0e6e9;--green:#17765b;--navy:#15232b;--radius:22px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #2796b5;outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;font-size:clamp(28px,3vw,42px);line-height:1.1;margin-bottom:12px}h2{letter-spacing:-.03em;font-size:28px}h3{font-size:19px;margin-bottom:12px;letter-spacing:-.025em}p{line-height:1.65}small{font-size:12px}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.19em;color:var(--red);margin-bottom:18px}.eyebrow.light{color:#f58b89}.primary,.secondary{border-radius:12px;border:0;padding:14px 20px;font-weight:650;font-size:14px}.primary{background:var(--red);color:white;box-shadow:0 6px 14px #c9213515}.primary:hover{background:#ac1729}.secondary{border:1px solid var(--line);background:white;color:var(--ink)}.secondary.selected{border-color:#83b29f;color:var(--green);background:#edf7f2}.wide{width:100%;display:flex;justify-content:center;gap:22px}.text-btn{border:0;background:none;color:var(--red);padding:8px 0;font-size:13px;font-weight:650;text-decoration:none}.compact{padding:10px 13px}.error{color:#aa152b;font-size:14px;min-height:20px;margin:16px 0 0}.check{display:flex!important;gap:9px;align-items:center;font-size:13px;font-weight:400!important}.check input{width:17px!important;margin:0!important;height:17px;accent-color:var(--red)}label{display:block;font-size:13px;font-weight:600;margin:16px 0 7px}input,select{display:block;width:100%;border:1px solid #cdd6db;border-radius:10px;padding:14px;background:white;margin:8px 0 0;color:var(--ink)}input:focus,select:focus{outline:3px solid #d7e7ef;border-color:#6e8a9c}input[type=password]{letter-spacing:.22em}input::placeholder{letter-spacing:normal;color:#86939b}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-story{padding:45px 8%;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.login-story:after{content:"";position:absolute;width:550px;height:550px;border:1px solid #ffffff13;border-radius:100%;right:-280px;top:20%;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;pointer-events:none}.logo-wrap{background:#fff;display:inline-flex;width:max-content;border-radius:10px;padding:12px 16px}.logo-wrap img{width:175px;height:auto}.story-copy{padding:70px 0;position:relative;z-index:1}.story-copy h1{font-size:clamp(40px,5.2vw,70px);line-height:1.1;letter-spacing:-.05em}.story-copy h1 span{color:#ef5865}.story-copy p{color:#b5c3ca;font-size:18px;margin-top:25px}.linked-visual{display:flex;align-items:center;gap:14px;font-size:13px;padding-top:22px}.linked-visual span{padding:10px 13px;border:1px solid #53636b;border-radius:40px}.linked-visual b{color:#ee7681}.story-foot{color:#91a6b0;font-size:10px;letter-spacing:.17em}.login-form{align-self:center;max-width:470px;width:100%;padding:60px 45px;justify-self:center}.login-form h2{font-size:33px;line-height:1.1}.login-form form{margin-top:30px}.login-form form .primary{margin-top:25px}.login-foot{margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between;color:var(--muted)}.app-header{min-height:100px;background:white;border-bottom:1px solid var(--line);padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:22px;text-decoration:none;font-size:21px;letter-spacing:-.04em}.brand img{object-fit:contain}.brand div{border-left:1px solid var(--line);padding-left:22px}.brand strong{display:inline-block}.brand small{display:block;font-size:9px;letter-spacing:.18em;margin-top:6px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:16px}.connection{padding:8px 11px;border:1px solid #bbc5cc;border-radius:7px;font-size:10px;letter-spacing:.14em;color:var(--muted)}.connection[data-ok=true]{border-color:#a0cbbb;background:#f2f9f5;color:var(--green)}.avatar{background:#f3e4e7;color:var(--red);border:0;border-radius:100%;font-weight:700;width:40px;height:40px}.workspace{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 100px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:35px 15px;display:flex;flex-direction:column;gap:9px}.nav-label{font-size:10px;color:#8b989e;letter-spacing:.16em;padding:0 16px 12px}.nav{border:0;display:flex;align-items:center;gap:12px;background:transparent;color:#566772;border-radius:10px;text-align:left;padding:14px;font-size:13px;font-weight:600}.nav.active{background:#f9e9ec;color:var(--red)}.nav span{font-size:20px}.sidebar-bottom{margin-top:auto;padding:50px 15px 0}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom small{color:var(--muted);margin:6px 0 14px}.content{padding:38px;max-width:1530px;width:100%;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading .eyebrow{margin-bottom:12px}.page-heading p{color:var(--muted);font-size:14px;margin:0}.channel-badge{background:white;padding:12px 18px;border:1px solid var(--line);border-radius:100px;font-size:12px;white-space:nowrap}.channel-badge span{margin:0 10px;color:#a5b2b9}.radio-layout{display:grid;grid-template-columns:minmax(310px,1.6fr) minmax(260px,1fr);gap:25px}.radio-card{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:25px 28px;box-shadow:0 12px 40px #24323e05;align-self:start}.card-top{display:flex;gap:10px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}.card-top strong{font-size:14px}.card-top small{display:block;color:var(--muted);margin-top:8px;font-size:11px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--green);margin-right:8px}.count{background:#f2f5f6;padding:7px 9px;border-radius:6px;font-size:10px;color:var(--muted);height:max-content;white-space:nowrap}.on-air{text-align:center;padding:34px 0 20px}.wave{height:45px;display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:25px}.wave i{width:5px;border-radius:5px;background:#c4cfd3;height:12px}.wave i:nth-child(2n){height:24px}.wave i:nth-child(3n){height:34px}.wave.receiving i{background:#33856b;animation:wave 1s infinite alternate}.wave.receiving i:nth-child(2n){animation-delay:.3s}.wave.receiving i:nth-child(3n){animation-delay:.6s}@keyframes wave{to{transform:scaleY(.4)}}.on-air .eyebrow{font-size:9px;letter-spacing:.2em;color:var(--muted);margin-bottom:12px}.on-air h2{font-size:24px;margin-bottom:8px}.on-air p{font-size:12px;color:var(--muted);margin:0}.audio-controls{display:flex;gap:10px;margin:10px 0 18px}.audio-controls button{flex:1;padding:13px 8px;font-size:12px}.talk{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;width:100%;min-height:210px;background:#f6e7ea;color:#ad1c30;border:1px solid #e4c1c8;border-radius:20px;transition:background .1s}.talk:disabled{opacity:.6;background:#f1f3f5;color:#6f7c84;border-color:var(--line)}.talk strong{font-size:22px;letter-spacing:.02em}.talk span{font-size:11px}.talk svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.transmitting .talk{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 0 0 7px #c921350b}.status{font-size:12px;font-weight:600;text-align:center;margin:20px 0 8px}.result{font-size:11px;color:var(--muted);text-align:center;min-height:18px}.timing{padding-top:15px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.timing summary{cursor:pointer}.timing pre{font:11px/1.6 inherit;white-space:pre-wrap}.context-column{display:flex;flex-direction:column;gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:20px}.context-column .panel{margin:0}.site-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.site-row strong{font-size:14px}.site-row small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.site-row+.small{margin-top:17px;margin-bottom:0}.status-tag{font-size:10px;border-radius:6px;padding:6px 8px;background:#f2f4f5;color:var(--muted)}.status-tag.good{background:#eaf5f0;color:var(--green)}.status-tag.bad{background:#fbeaec;color:#a52334}.dark{background:var(--navy);color:#f8fbfc;border-color:var(--navy)}.dark p{color:#afc0ca;font-size:13px}.dark p:last-child{margin-bottom:0;font-size:11px}.safety-line{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;font-weight:600;margin:18px 0}.safety-line span{padding:8px;background:#f4f6f7;border-radius:6px}.app-footer{display:flex;justify-content:space-between;margin:30px 0 0;font-size:10px;color:#8c999f}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metrics .panel{display:flex;flex-direction:column;gap:20px}.metrics small{font-size:10px;letter-spacing:.13em;color:var(--muted)}.metrics strong{font-size:32px;letter-spacing:-.04em}.admin-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.admin-controls h3{margin:0}.admin-controls p{margin:8px 0 0}.admin-controls label{margin:0;max-width:150px}.admin-controls select{padding:9px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title h3{margin:0}.table-scroll{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-weight:600;color:var(--muted);padding:18px 12px;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.06em}td{padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:top}td strong{display:block;font-size:13px}td small{display:block;color:var(--muted);margin-top:5px}td .text-btn{font-size:11px;padding:4px;margin-right:10px}td.detail{max-width:320px;word-break:break-word;font-size:10px}.session-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.session-row small{display:block;color:var(--muted);font-size:10px;margin-top:6px;word-break:break-all}.account-panel{max-width:550px}.account-panel button{margin-top:18px}.account-panel input{margin-bottom:20px}.icon-btn{background:transparent;border:0;font-size:28px;color:var(--muted);padding:3px 8px}dialog{border:0;border-radius:20px;padding:28px;max-width:480px;width:calc(100% - 35px);max-height:90vh;overflow-y:auto;box-shadow:0 30px 90px #07192344}dialog::backdrop{background:#13283380;backdrop-filter:blur(4px)}dialog h2{font-size:22px;margin:0}dialog .primary{margin-top:22px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:50;background:var(--navy);color:white;border-radius:12px;padding:14px 22px;font-size:13px;max-width:90%;box-shadow:0 10px 30px #13253322}[hidden]{display:none!important}
@media(max-width:1100px){.workspace{grid-template-columns:180px 1fr}.content{padding:25px}.radio-layout{grid-template-columns:1.2fr 1fr;gap:18px}.radio-card{padding:22px}.panel{padding:20px}.brand{font-size:17px}.brand small{font-size:8px}.header-actions{gap:10px}}
@media(max-width:850px){.app-header{padding:12px 20px;min-height:82px}.brand{gap:10px}.brand img{width:120px;height:auto}.brand div{padding-left:12px}.header-actions .install{display:none}.workspace{display:block}.sidebar{padding:8px 20px;flex-direction:row;gap:10px;border-right:0;border-bottom:1px solid var(--line)}.nav{padding:10px 13px;font-size:12px}.nav span{font-size:16px}.nav-label,.sidebar-bottom{display:none}.content{padding:25px 20px}.radio-layout{grid-template-columns:1fr .85fr}.radio-card{padding:20px}.page-heading h1{font-size:31px}.channel-badge{display:none}.login-layout{grid-template-columns:1fr 1fr}.login-story{padding:30px}.login-form{padding:35px 28px}.linked-visual{flex-wrap:wrap;gap:8px;font-size:10px}}
@media(max-width:640px){.login-layout{display:block}.login-story{padding:25px 25px 32px;min-height:260px}.logo-wrap{padding:8px 12px;border-radius:8px}.logo-wrap img{width:140px}.story-copy{padding:27px 0 0}.story-copy h1{font-size:38px;margin:0}.story-copy h1 br{display:none}.story-copy h1{max-width:320px}.story-copy p,.linked-visual,.story-foot{display:none}.story-copy .eyebrow{font-size:9px;margin-bottom:10px}.login-form{padding:34px 25px 25px;max-width:none}.login-form h2{font-size:28px}.login-form .eyebrow{display:none}.login-form form{margin-top:23px}.login-foot{margin-top:28px}.app-header{padding:10px 16px}.brand img{width:94px;height:auto}.brand{font-size:14px;letter-spacing:-.02em}.brand div{padding-left:10px;max-width:136px;line-height:1.3}.brand small{letter-spacing:.08em;font-size:6.5px}.header-actions{gap:8px}.connection{font-size:8px;padding:6px}.avatar{width:31px;height:31px;font-size:11px}.sidebar{padding:7px 15px;justify-content:space-between;gap:4px}.nav{padding:9px 8px;font-size:11px;gap:7px}.content{padding:25px 16px}.page-heading{margin-bottom:22px;gap:10px}.page-heading h1{font-size:29px}.page-heading .eyebrow{font-size:9px}.page-heading p{font-size:12px}.radio-layout{display:flex;flex-direction:column}.radio-card{width:100%;padding:20px;border-radius:18px}.on-air{padding:25px 0 20px}.wave{height:35px;margin-bottom:20px}.on-air h2{font-size:24px}.audio-controls button{font-size:11px}.talk{min-height:198px}.context-column{gap:15px}.context-column .panel{padding:22px}.card-top strong{font-size:13px}.count{font-size:9px}.metrics{gap:9px}.metrics .panel{padding:15px;gap:15px}.metrics small{font-size:8px;letter-spacing:.04em}.metrics strong{font-size:27px}.admin-controls{gap:15px}.admin-controls>div{width:100%}.panel{border-radius:16px}.admin-controls p{font-size:11px}.page-heading>.primary{padding:10px 11px;font-size:12px}.app-footer{font-size:9px;gap:10px;padding-bottom:env(safe-area-inset-bottom)}.table-scroll{margin:0 -10px}.status{font-size:11px}.result{font-size:10px}input{font-size:16px}.login-form input{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}