@font-face{font-family:Futura;src:url('/assets/KIRFutura-Regular.ttf')}@font-face{font-family:Futura;src:url('/assets/KIRFutura-Bold.ttf');font-weight:700}
:root{color-scheme:dark;--bg:#130b20;--panel:#18182b;--line:#45405b;--muted:#aca9c0;--ink:#f0edf7;--accent:#a5daef;--grad:linear-gradient(115deg,#1e2747,#46162e);font:700 15px/1.6 Futura,SimSun,serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 3% 10%,#3e1025,transparent 55%),linear-gradient(135deg,#15091b,#080e22);background-attachment:fixed}body.studio{--bg:#061227;--panel:#0c1d33;--line:#294761;--muted:#9bb8ce;--accent:#a4e1ff;--grad:linear-gradient(110deg,#184368,#101d40);background:radial-gradient(ellipse at 15% 0,#163d61,transparent 60%),radial-gradient(circle at 75% 20%,#111e45,transparent 55%),#061025}body.studio:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 15% 22%,#d1e5ff 90%,transparent),radial-gradient(1px 1px at 75% 60%,#83bce9 90%,transparent),radial-gradient(1px 1px at 43% 80%,#bbdafa 90%,transparent);background-size:187px 211px,269px 241px,331px 191px;opacity:.35;z-index:-1}button,input,select,textarea{font:inherit}button{color:var(--ink);background:var(--grad);border:1px solid var(--line);padding:11px 17px;cursor:pointer;border-radius:5px;min-height:44px}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{width:100%;min-height:45px;background:#11182b;border:1px solid var(--line);border-radius:3px;color:var(--ink);padding:9px 12px}input[type=checkbox]{width:18px;min-height:18px;margin-right:8px;accent-color:#87cbed}input[type=range]{padding:0;min-height:26px;accent-color:#c8aeca}input[type=date]{color-scheme:dark}textarea{resize:vertical}a{color:var(--accent)}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.3}h2{font-size:20px}h3{font-size:15px}small,.muted{color:var(--muted);font-size:12px}.eyebrow{color:var(--accent);font:13px Futura;letter-spacing:2px;text-transform:uppercase}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.stack{display:grid;gap:14px}.grow{flex:1;min-width:0}.primary{background:linear-gradient(110deg,#a8def8,#6ba5cc);color:#07172a;border-color:#b5dffc}.flat{background:transparent}.danger{color:#ffb9bd;border-color:#854757}.small{padding:5px 10px;min-height:34px;font-size:12px}.pill{font-size:11px;color:var(--accent);border:1px solid #365f7a;padding:2px 8px;white-space:nowrap}.logo{object-fit:contain;width:85px;height:85px}.brand{display:flex;align-items:center;gap:15px}.brand .logo{width:41px;height:41px}.brand-name{font:18px/1.4 Futura}.brand-name small{font-size:10px;letter-spacing:1.5px}.landing{max-width:1030px;min-height:100dvh;margin:auto;padding:36px 40px;display:flex;flex-direction:column}.landing-top{display:flex;justify-content:space-between;align-items:center}.hero{margin:auto 0;padding:64px 0 50px;max-width:850px}.hero h1{font-family:Futura;font-size:clamp(35px,5vw,58px);margin:20px 0;max-width:680px}.hero>p{max-width:670px;color:var(--muted);font-size:14px;line-height:1.9}.entries{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}.entry{padding:25px;min-height:170px;text-align:left;border-radius:0;background:#151a2cd9;display:grid;gap:9px}.entry.radio{background:linear-gradient(125deg,#214768c9,#111d39e6);border-color:#507b98}.entry strong{font-size:22px}.entry .arrow{color:var(--accent);font-family:Futura}.landing footer{font:11px Futura;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.preview-strip{font-size:11px;text-align:center;color:#ffe09b;background:#332d22;padding:4px 12px}.shell{max-width:1560px;margin:auto;padding:22px 26px}.top{margin-bottom:22px}.workspace{display:grid;grid-template-columns:250px minmax(320px,1fr) 280px;gap:16px;align-items:start}.studio .workspace{grid-template-columns:260px minmax(320px,1fr)}.panel{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:18px}.channels{min-height:620px;display:flex;flex-direction:column}.channel-list{flex:1;display:grid;align-content:start;gap:6px}.channel{display:flex;text-align:left;align-items:center;justify-content:space-between;background:transparent;border-color:transparent;padding:10px;gap:8px}.channel.selected{background:#34304a;border-color:#6c5c79}.channel.studio-channel{margin-top:25px;background:linear-gradient(110deg,#12284a,#0a142d);border:1px solid #5896bb}.channel small{font-family:Futura}.channel-actions{display:grid;gap:8px;margin-top:20px}.main-content{display:grid;gap:14px}.channel-heading{font-size:22px;margin:4px 0}.live-tag{color:#9fe6cf;font:11px Futura;letter-spacing:1px}.member{display:grid;grid-template-columns:minmax(80px,1fr) 12px 100px auto;gap:12px;align-items:center;padding:17px 4px;border-bottom:1px solid #ffffff0d}.member:last-child{border:0}.member-name{overflow-wrap:anywhere}.member small{font-size:11px}.member.speaking .member-name{color:#9ff4ca}.dot{width:7px;height:7px;border-radius:50%;background:#dbdce5}.dot.open{background:#8bedaf}.member .guest-control{grid-column:auto;min-width:84px}.member.guest-row{grid-template-columns:minmax(90px,1fr) 12px 100px auto}.member-list{min-height:0;max-height:360px;overflow-y:auto;overscroll-behavior:contain}.member input{width:100px}.mic-track{height:8px;background:#29374b;position:relative;margin-top:9px}.mic-fill{height:100%;background:#7bd6c6;width:0}.threshold{width:100%;margin-top:-19px;position:relative;display:block;appearance:none;background:transparent;border:0;height:29px!important}.threshold::-webkit-slider-thumb{appearance:none;background:#ffe082;width:3px;height:21px;border:0;border-radius:0}.threshold::-webkit-slider-runnable-track{background:transparent;height:4px}.talk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio .talk-grid{grid-template-columns:1fr}.ptt{touch-action:none;user-select:none;-webkit-user-select:none;min-height:51px}.ptt.active,.latch.active{background:#246752;border-color:#83dfa7}.latch{min-width:80px}.controls-panel{position:static}.section{border-bottom:1px solid var(--line);padding:13px 0}.section:last-child{border:0}.section summary{cursor:pointer;min-height:30px}.section>div{display:grid;gap:10px;padding-top:10px}.event{padding:13px;border:1px solid #8a783f;background:#35301c;margin:10px 0;color:#ffe09b}.event h3{color:#ffe6ac}.event .small{margin-top:9px}.empty{padding:35px 0;color:var(--muted);text-align:center;font-size:13px}.bottom{display:flex;justify-content:space-between;margin-top:15px;color:var(--muted);font-size:11px}.mobile-nav{display:none}dialog{background:linear-gradient(140deg,#1c0b21,#0d142b);border:1px solid #665272;color:var(--ink);border-radius:0;padding:0;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 18px 100px #0009}body.studio dialog{background:#0c1d33;border-color:#467590}dialog::backdrop{background:#030813bb;backdrop-filter:blur(5px)}.dialog-head{padding:23px 25px 18px;border-bottom:1px solid var(--line)}.dialog-body{padding:23px 25px;display:grid;gap:16px}.close{border:0;background:transparent;font:23px Arial;padding:0;min-width:35px;min-height:35px}.field{display:grid;gap:6px;font-size:13px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.form-message{font-size:13px;color:#f6cf83;white-space:pre-wrap}.password-help{font-size:12px;color:var(--muted);line-height:1.8}.account-tabs{display:flex;gap:8px}.account-tabs button{flex:1}.verified{color:#8fdfba}.consent{display:flex;align-items:flex-start;gap:3px;font-size:12px;color:var(--muted)}.consent input{flex:none;margin-top:4px}.notice{position:relative;width:310px;border:1px solid #d7b765;background:#29291ff5;margin:10px 0;padding:14px 15px 23px;font-size:12px}.notice strong{display:block;text-align:right;font-family:SimHei,sans-serif;font-size:23px;margin-top:4px}.notice:after{content:'';position:absolute;bottom:0;right:0;height:5px;background:#e6c463;width:100%;animation:countdown 7s linear forwards}.notice.warning{border-color:#cf534d}.notice.warning:after{background:#cb4741}.notice.persistent:after{animation:none}.notice .ack{position:absolute;left:-48px;top:0;bottom:0;width:44px;padding:0;background:#2b884e;color:white;border-radius:0;font:bold 24px Arial}#notices{position:fixed;right:18px;top:50%;z-index:10;pointer-events:none}#notices>*{pointer-events:auto}@keyframes countdown{to{width:0}}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.times{display:grid;grid-template-columns:1fr 1fr;gap:8px}.docs-text{font-weight:400;white-space:pre-wrap;line-height:1.9;max-height:55vh;overflow:auto;font-size:13px}.guest-banner{border-left:3px solid #91ccf0;padding:12px 15px;background:#122d47;color:#c4e7ff}.guest-banner small{display:block;margin-top:3px}.mobile-title{display:none}
@media(max-width:1080px){.workspace{grid-template-columns:220px minmax(290px,1fr)}.settings{grid-column:1/-1}.settings .section{max-width:800px}.studio .workspace{grid-template-columns:220px 1fr}}
@media(max-width:650px){.landing{padding:23px}.hero{padding:42px 0}.hero h1{font-size:35px}.entries{grid-template-columns:1fr;gap:13px;margin-top:30px}.entry{min-height:145px;padding:21px}.landing footer{flex-direction:column;padding-bottom:15px}.shell{padding:16px 14px 100px}.top{margin-bottom:18px}.brand-name{font-size:14px}.brand-name small{font-size:8px}.brand .logo{width:33px;height:33px}.top .pill{display:none}.workspace,.studio .workspace{display:block}.channels{min-height:470px}.panel{padding:15px}.workspace>.channels,.workspace>.settings{display:none}.workspace.view-channels>.channels{display:flex}.workspace.view-channels>.main-content,.workspace.view-settings>.main-content{display:none}.workspace.view-settings>.settings{display:block}.studio .workspace>.main-content{display:grid}.studio .workspace>.channels{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0e1426f5;border-top:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px;z-index:8}.mobile-nav button{flex:1;background:transparent;border-color:transparent;font-size:12px;padding:9px 5px}.mobile-nav button.selected{color:#b3e3fb;background:#203c57}.studio .mobile-nav{display:none}.studio .shell{padding-bottom:25px}.member{grid-template-columns:minmax(65px,1fr) 8px 80px 34px;gap:9px}.member input{width:80px}.member.guest-row{grid-template-columns:minmax(80px,1fr) 8px 70px 75px;gap:7px}.member.guest-row input{width:70px}.member .guest-control{min-width:72px;padding:5px;font-size:11px}.member-list{max-height:34dvh}.bottom{gap:12px;align-items:center}.bottom>span{max-width:140px}.talk-grid{gap:8px}.talk-grid button{font-size:12px;padding:10px 7px}.dialog-head{padding:20px}.dialog-body{padding:20px}.top .small{padding:5px 8px}.notice{width:270px}#notices{right:12px;top:43%}.channel-heading{font-size:21px}.mobile-title{display:block}.studio-return{font-size:11px}.studio .top{flex-wrap:wrap;gap:12px}}

/* Voice controls stay in document flow, clear of the mobile navigation. */
.workspace>*,.main-content,.panel,.top .brand{min-width:0}
.talk-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.talk-header .latch{min-width:80px;min-height:36px;padding:6px 12px;font-size:13px}
.talk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.talk-grid .ptt{min-width:0;min-height:66px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1.4;font-size:15px}
.ptt small{font-size:11px;font-weight:400;line-height:1.4}
.ptt.active small{color:#c9f6df}
.talk-help{display:block;margin-top:12px;font-size:11px;line-height:1.65}
.preview-strip{min-height:26px}
.preview-strip+.landing{min-height:calc(100dvh - 26px)}
@media(max-width:650px){
 .shell{padding-bottom:calc(94px + env(safe-area-inset-bottom))}
 .top{gap:10px;flex-wrap:wrap;align-items:center}
 .top>.row{gap:6px;margin-left:auto}
 .brand{gap:10px}
 .brand-name{font-size:13px}
 .hero h1{font-size:clamp(28px,8.8vw,35px)}
 .member{padding:13px 0}
 .controls-panel{padding:15px}
 .talk-grid .ptt{min-height:62px;font-size:15px}
 .bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:16px}
 .bottom>span{max-width:none;overflow-wrap:anywhere}
 .bottom>.row{justify-content:space-between;flex-wrap:wrap}
 .bottom button{flex:1;white-space:normal}
 .mobile-nav{min-height:64px;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));align-items:stretch}
 .mobile-nav button{min-height:46px}
}
/* Keep the three account actions readable on narrow phone screens. */
.account-tabs>button{min-width:0;padding-inline:7px;white-space:nowrap}