:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16211d;background:#eef1ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select{width:100%;border:1px solid #c9d2c9;border-radius:8px;padding:12px 13px;color:#17211d;background:#fbfcfa;outline:none}input:focus,select:focus{border-color:#28715d;box-shadow:0 0 0 3px #28715d29}.entry-screen{display:grid;min-height:100vh;place-items:center;background:linear-gradient(135deg,#236b5a29,#d253471f),#eef1ed}.entry-panel{width:min(420px,calc(100vw - 32px));padding:36px;border:1px solid #d5ddd5;border-radius:8px;background:#fcfdfb;box-shadow:0 18px 50px #19221e1f}.brand-mark{display:grid;width:52px;height:52px;place-items:center;border-radius:8px;color:#fff;background:#28715d}.entry-panel h1{margin:20px 0 8px;font-size:34px;line-height:1.05}.entry-panel p{margin:0 0 24px;color:#53615b}.entry-panel form{display:grid;gap:12px}.entry-panel button,.primary-action{min-height:44px;border-radius:8px;color:#fff;background:#28715d;font-weight:700}.secondary-action{min-height:40px;border-radius:8px;color:#244f44;background:#dceee5;font-weight:800}.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh;background:#eef1ed}.sidebar{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:16px;min-height:100vh;padding:20px;color:#edf5ef;background:#16211d}.sidebar-header,.room-header,.profile-strip,.voice-bar,.list-heading,.channel-item,.channel-main,.channel-count,.voice-actions{display:flex;align-items:center}.sidebar-header,.room-header,.profile-strip,.voice-bar{justify-content:space-between;gap:16px}.eyebrow{display:block;margin-bottom:4px;color:#87aa9a;font-size:12px;font-weight:800;text-transform:uppercase}h1,h2,h3{margin:0}.sidebar h1{font-size:23px}.icon-button{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:8px;color:inherit;background:#ffffff14}.icon-button:hover{background:#ffffff24}.create-button{display:flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border-radius:8px;color:#12201b;background:#8fd4b7;font-weight:800}.channel-list{display:grid;align-content:start;gap:8px;overflow:auto}.channel-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-radius:8px}.channel-row:hover,.channel-row.active{background:#ffffff1a}.channel-row.active{outline:1px solid rgba(143,212,183,.45)}.channel-item{width:100%;justify-content:space-between;gap:12px;min-height:46px;padding:0 12px;border-radius:8px;color:#dce9e1;background:transparent;text-align:left}.channel-row.active .channel-item{color:#fff}.channel-delete{display:grid;width:34px;height:34px;margin-right:6px;place-items:center;border-radius:8px;color:#f0b7ae;background:transparent}.channel-delete:hover{color:#fff;background:#d2534747}.channel-main,.channel-count{gap:8px;min-width:0}.channel-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-count{color:#9fbbb0;font-size:13px}.profile-strip{padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.profile-actions{display:flex;align-items:center;gap:8px}.profile-name,.profile-status{display:block}.profile-name{font-weight:800}.profile-status{color:#9fbbb0;font-size:13px}.room-view{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;height:100vh;min-height:0;overflow:hidden}.room-header{padding:22px 28px;border-bottom:1px solid #d9dfd8;background:#fbfcfa}.room-header h2{font-size:27px}.connection-pill{position:relative;display:flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;color:#244f44;background:#dceee5;font-weight:700}.server-flag{display:inline-flex;align-items:center;justify-content:center;width:24px;height:18px;font-size:17px;line-height:1}.server-flag img{display:block;width:24px;height:18px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px #17211d14}.server-tooltip{position:absolute;top:calc(100% + 10px);right:0;z-index:4;display:grid;gap:4px;width:max-content;max-width:280px;padding:10px 12px;border:1px solid #cbd8cf;border-radius:8px;color:#17211d;background:#fbfcfa;box-shadow:0 12px 30px #19221e29;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease}.server-tooltip strong{display:flex;align-items:center;gap:8px}.server-tooltip span{color:#63716b;font-size:13px}.connection-pill:hover .server-tooltip{opacity:1;transform:translateY(0)}.members-area{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:20px;min-height:0;padding:28px;overflow:hidden}.member-list{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:10px;max-width:760px;min-height:0;overflow:auto}.list-heading{gap:8px;color:#52625b;font-weight:800}.member-row{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border:1px solid #d9dfd8;border-radius:8px;background:#fbfcfa}.member-body{display:grid;min-width:0;flex:1;gap:7px}.member-line{display:flex;align-items:center;gap:8px;min-width:0}.member-line>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-kick{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:#9b352d;background:#f5ddd9}.member-volume{display:grid;grid-template-columns:auto minmax(90px,1fr);align-items:center;gap:8px;color:#63716b;font-size:12px}.member-volume input[type=range]{width:100%;accent-color:#28715d}.member-kick:hover{color:#fff;background:#d25347}.avatar{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;color:#fff;background:#d25347;font-weight:900;border:2px solid transparent;box-shadow:0 0 #4fb47700;transition:border-color .12s ease,box-shadow .12s ease}.avatar.speaking{border-color:#4fb477;box-shadow:0 0 0 3px #4fb4773d,0 0 16px #d8b33f59;background:linear-gradient(135deg,#28715d,#d8b33f 55%,#d25347)}.you-badge{padding:4px 8px;border-radius:999px;color:#244f44;background:#dceee5;font-size:12px;font-weight:800}.chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;max-height:100%;overflow:hidden;gap:10px}.chat-log{display:flex;min-height:0;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.chat-message{padding:11px 12px;border:1px solid #d9dfd8;border-radius:8px;background:#fbfcfa}.chat-message header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:5px}.chat-message time{flex:0 0 auto;color:#6b7972;font-size:12px}.chat-message p{margin:0;color:#26312d;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:10px;flex:0 0 auto}.empty-state{padding:14px;border:1px dashed rgba(255,255,255,.22);border-radius:8px;color:#aac0b7;font-size:14px}.empty-state.large{display:grid;gap:10px;min-height:220px;place-items:center;border-color:#cfd8ce;color:#66736e;background:#f8faf7}.voice-bar{min-height:82px;padding:16px 28px;border-top:1px solid #d9dfd8;background:#fbfcfa}.voice-bar strong,.voice-bar span{display:block}.voice-bar span{color:#63716b;font-size:14px}.voice-summary{min-width:180px}.level-meter{width:min(260px,38vw);height:5px;margin-top:9px;overflow:hidden;border-radius:999px;background:#dce3dc}.level-meter span{display:block;width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#4fb477,#d8b33f 62%,#d25347);transition:transform 80ms linear}.voice-actions{gap:12px}.round-button{display:grid;width:52px;height:52px;place-items:center;border-radius:999px;color:#fff;background:#28715d}.round-button.danger,.round-button.hangup{background:#d25347}.round-button.hangup:hover,.round-button.danger:hover{background:#b63f35}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0a0e0c7a}.dialog{width:min(420px,100%);border-radius:8px;background:#fbfcfa;box-shadow:0 18px 60px #00000042}.dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid #d9dfd8}.dialog .icon-button{color:#2b3631;background:#edf1ed;font-size:24px}.dialog-body{display:grid;gap:14px;padding:18px}.dialog label{display:grid;gap:7px;color:#4b5a53;font-size:14px;font-weight:800}.settings-note{margin:0;color:#63716b;font-size:13px;line-height:1.5}.toast{position:fixed;right:18px;bottom:18px;display:flex;align-items:center;gap:12px;max-width:min(460px,calc(100vw - 36px));padding:13px 14px;border-radius:8px;color:#fff;background:#2d3431;box-shadow:0 12px 34px #00000038}.toast button{color:#8fd4b7;background:transparent;font-weight:800}#audio-root{display:none}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.room-view{min-height:560px}.members-area{grid-template-columns:1fr}}