:root{font-family:'Segoe UI',Tahoma,sans-serif;font-size:13px;color:#171c28;background:#edf0f3;--line:#9eb3c4;--blue:#075fa5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#fff,#e7edf2)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#151b24;background:linear-gradient(#fff,#e0e6ea);border:1px solid #91a5b4;border-radius:3px;padding:7px 15px;min-height:31px;box-shadow:inset 0 1px white}button:hover{background:linear-gradient(#fff,#d2eefe);border-color:#0496ce}button:active{background:#c2e7f6}button:disabled{opacity:.5;cursor:default}.primary{background:linear-gradient(#fff,#cceafa);border:1px solid #00a3d9;box-shadow:inset 0 0 0 1px #79d6ef}.danger{color:#ad2222}input,select,textarea{width:100%;background:white;border:1px solid #a8b8c5;border-radius:2px;padding:5px 7px;color:#17202b;min-height:28px}input:focus,select:focus,textarea:focus{outline:2px solid #84d7f1;outline-offset:0}input[type=checkbox]{width:auto;min-height:0;accent-color:#1687ba}textarea{resize:vertical}a,.link{color:#075fa5;text-decoration:underline;cursor:pointer}.window{background:linear-gradient(115deg,#f2f4f5,#e7ecef);border:2px solid #05a6d2;border-radius:6px;box-shadow:0 3px 8px #233c4e3b;overflow:hidden;position:absolute;min-width:300px}.titlebar{height:33px;background:linear-gradient(105deg,#00a1d4 0%,#10bcd0 33%,#7ee633 67%,#f6ed16 87%,#ffa710 100%);display:flex;align-items:center;padding:0 5px 0 10px;gap:7px;color:white;text-shadow:0 1px 1px #235b84;font-weight:600;font-size:16px;user-select:none;cursor:move}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:#03a755;border:1px solid #efffd7;border-radius:7px;width:23px;height:23px;color:white;font-size:15px}.titletext{flex:1}.window-controls{display:flex;gap:1px;align-self:stretch;padding-bottom:5px}.window-controls button{min-height:0;width:32px;padding:0;background:linear-gradient(#fff98c,#f1c629);border:1px solid #9a810e;border-radius:0 0 3px 3px;color:#242b25;font-size:20px;text-shadow:none}.window-controls .close{background:linear-gradient(#ffd092,#e84318);color:white;border-color:#b94b18}.body{padding:16px}.menu{display:flex;position:relative;border-bottom:1px solid var(--line);height:29px;padding:0 6px;align-items:center;background:#eef2f5}.menu>button{border:1px solid transparent;background:none;box-shadow:none;padding:3px 9px;min-height:24px}.menu>button:hover{background:#cae9f9;border-color:#5eafd3}.dropdown{position:absolute;top:27px;left:70px;width:185px;background:#f4f5f5;border:1px solid #9da9b4;box-shadow:2px 3px 5px #0004;z-index:20;padding:3px}.dropdown button{display:block;text-align:left;width:100%;background:none;box-shadow:none;border:none;padding:7px 10px}.dropdown button:hover{background:#b9e3f8}.dropdown hr{border:0;border-top:1px solid #bbc5cb;margin:3px}.row{display:flex;gap:10px;align-items:center}.grow{flex:1}.form-grid{display:grid;grid-template-columns:105px 1fr;gap:9px 12px;align-items:center}.checks{display:grid;gap:5px;margin-top:15px}.checks label{display:flex;gap:6px;align-items:center}.button-row{display:flex;justify-content:center;gap:20px;margin-top:17px}.button-row button{min-width:105px}.error{font-size:12px;color:#b32323;line-height:1.4;margin:10px 0 0;min-height:0}.error:empty{display:none}.hint{font-size:11px;color:#657487}.login{width:380px;left:calc(50% - 190px);top:90px}.login .body{padding:24px 26px}.login .links{margin:13px 0 0 117px;display:grid;gap:5px}.login .checks{margin-left:117px}.login .button-row{margin-left:50px}.register{width:650px;left:calc(50% - 325px);top:90px}.register-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.register .form-grid{grid-template-columns:95px 1fr;gap:9px}.intro{margin:0 0 15px;font-weight:600}.security-row{margin-top:15px;display:grid;grid-template-columns:95px 1fr;gap:9px}.buddy{width:320px;left:32px;top:25px}.profile{padding:14px 12px;display:flex;gap:14px;border-bottom:1px solid var(--line)}.avatar{width:65px;height:65px;border:1px solid #8bb3c8;border-radius:3px;background:linear-gradient(#def4fc,#8ed6f1);display:flex;align-items:center;justify-content:center}.avatar svg{width:57px;height:57px}.profile-name{font-size:18px;font-weight:700;margin-bottom:7px}.presence{display:inline-block;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#9dff82,#20a918);border:1px solid #499348;flex-shrink:0}.presence.offline{background:#aaa;border-color:#999}.profile select{width:110px;min-height:25px;padding:2px}.profile .membership{color:#686e77;margin-top:6px}.walletbar{display:flex;gap:8px;padding:8px 9px 4px}.walletbar button{flex:1;padding:8px 5px;color:#075fa5;font-weight:600}.toolbar{display:flex;gap:7px;padding:5px 9px 9px;border-bottom:1px solid var(--line)}.toolbar button{white-space:nowrap;padding:5px 8px}.toolbar input{min-width:0;font-size:12px}.friendlist{height:360px;background:white;overflow:auto}.section-title{display:block;width:100%;border:0;border-radius:0;background:#fff;box-shadow:none;text-align:left;color:#075fa5;font-weight:700;padding:7px 9px;min-height:28px}.friend{display:flex;gap:8px;padding:6px 12px;align-items:center;cursor:pointer}.friend:hover{background:#d5eafa}.friend .mini-avatar{width:26px;height:30px;background:linear-gradient(#ddf5fc,#9bd8eb);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:19px}.friend .name{font-weight:600}.friend .status{font-size:11px;color:#617187;margin-top:2px}.friend.offline .mini-avatar{filter:grayscale(1)}.empty{padding:14px;color:#788492;font-size:12px;line-height:1.5}.connection{padding:7px 10px;border-top:1px solid var(--line);background:#ebeff2;font-size:12px;display:flex;align-items:center;gap:7px}.browse{width:670px;left:380px;top:45px}.browse-body{display:grid;grid-template-columns:205px 1fr;gap:11px;padding:10px}.tree{border:1px solid var(--line);background:white;min-height:280px}.panel-heading{padding:6px;background:linear-gradient(#fafafa,#dfe7eb);border-bottom:1px solid var(--line)}.tree button{display:block;border:0;box-shadow:none;background:none;text-align:left;width:100%;padding:5px 10px;min-height:25px;border-radius:0}.tree .country{padding-left:34px}.tree .active{background:#0789de;color:white}.room-table-wrap{height:248px;overflow:auto;border:1px solid var(--line);background:white}table{border-collapse:collapse;width:100%;font-size:12px}th{background:linear-gradient(#fff,#e2e7ec);font-weight:500;text-align:left;padding:7px;border-right:1px solid #c4cdd5;position:sticky;top:0}td{padding:6px 7px;border-bottom:1px solid #e4e8ec}.room-row{cursor:pointer}.room-row:hover{background:#e1f1fd}.room-row.selected{background:#0789de;color:white}.rating{display:inline-block;background:linear-gradient(#64e93b,#01933d);border:1px solid #2b9b33;border-radius:3px;color:white;font-weight:700;padding:0px 4px;font-size:14px}.rating.restricted{background:linear-gradient(#ff7979,#d12121);border-color:#ca2222}.browse-footer{padding-top:9px}.browse-footer .row{justify-content:space-between;margin-top:10px}.browse-footer button{min-width:75px}.my-room{width:455px;left:400px;top:35px}.my-room .body{padding:13px}.my-room .form-grid{grid-template-columns:105px 1fr;gap:7px 10px}.my-room textarea{height:46px;resize:none}.mic-choice{display:flex;gap:9px;align-items:center}.mic-choice select{width:65px}.codes{display:grid;grid-template-columns:75px 1fr 65px 1fr;gap:6px;align-items:center;margin-top:10px}.role-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}fieldset{border:1px solid var(--line);border-radius:3px;padding:8px;margin:0}legend{color:#31546d;padding:0 4px}.role-list{height:100px;background:#fff;border:1px solid var(--line);margin-top:6px;padding:3px;overflow:auto}.role-item{padding:4px;cursor:pointer}.role-item.selected{background:#c3e8fa}.role-buttons{display:flex;gap:6px;margin-top:5px}.role-buttons button{flex:1;min-height:25px;padding:3px}.room{width:730px;left:385px;top:40px}.room-summary{display:flex;gap:13px;padding:8px 11px;border-bottom:1px solid var(--line);align-items:center}.room-summary button{border:0;box-shadow:none;background:none;padding:4px}.room-summary .details{margin-left:auto;display:grid;grid-template-columns:auto auto;gap:3px 15px;font-size:12px}.chat-layout{display:grid;grid-template-columns:1fr 175px;padding:7px 7px 0;gap:7px}.chatbox{background:white;border:1px solid var(--line);height:255px;overflow:auto}.welcome{color:#137f20;padding:7px;background:#f5f8f6;border-bottom:1px solid #dde6e0}.messages{padding:7px;line-height:1.7;overflow-wrap:anywhere}.messages strong{color:#075ec3}.members{background:white;border:1px solid var(--line);height:321px;overflow:auto}.member{padding:5px 9px;font-size:12px}.micbar{display:flex;gap:6px;padding:6px 0}.mic-slot{flex:1;text-align:left;min-width:0;padding:5px;font-size:11px;display:flex;align-items:center;gap:6px}.mic-slot .mic-icon{font-size:25px}.mic-slot strong{font-size:12px}.mic-slot span:last-child{overflow:hidden;text-overflow:ellipsis}.mic-slot.occupied{background:linear-gradient(#efffed,#d5f0d3)}.formatbar{display:flex;gap:5px;align-items:center;margin:0 7px;padding:6px 0;border-bottom:1px solid var(--line)}.formatbar button{padding:3px 7px;min-height:26px}.formatbar select{width:48px;min-height:24px;padding:2px}.formatbar .controls{display:flex;margin-left:auto;gap:6px}.compose{display:flex;gap:8px;padding:7px}.compose textarea{height:49px;resize:none}.compose button{width:65px}.volume{width:110px;font-size:11px;display:grid;align-content:center}.volume input{padding:0;min-height:16px}.room-foot{font-size:11px;color:#657487;padding:0 9px 7px;min-height:20px}.dialog{width:350px;left:calc(50% - 175px);top:130px;z-index:60}.dialog .body{display:grid;gap:12px}.dialog .button-row{margin:0}.balance{font-size:28px;color:#0766a2;font-weight:700}.notice{padding:10px;border:1px solid #bdd3df;background:#f2f9fc;border-radius:3px;line-height:1.5}.badge{display:inline-block;background:#e0f1fb;color:#075fa5;padding:3px 7px;border-radius:3px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:90vw;background:#1f3444;color:white;padding:11px 20px;border-radius:5px;box-shadow:0 3px 10px #0003;display:none;z-index:200}.preview-banner{position:fixed;bottom:7px;right:10px;color:#617187;font-size:11px} @media(max-width:760px){.window{max-width:calc(100vw - 16px);left:8px!important;top:15px!important}.register-columns{grid-template-columns:1fr;gap:12px}.browse-body{grid-template-columns:130px 1fr}.room{width:calc(100vw - 16px)}.chat-layout{grid-template-columns:1fr 125px}.room-summary{flex-wrap:wrap}.room-summary .details{margin-left:0}.formatbar .controls{gap:2px}.formatbar button{font-size:11px}.volume{display:none}.buddy{width:320px}.dialog{top:80px!important}.micbar{flex-wrap:wrap}.my-room .codes{grid-template-columns:70px 1fr}.register{overflow:auto;max-height:calc(100vh - 30px)}}
.login{width:420px;left:calc(50% - 210px)}.login .links{white-space:nowrap}.register .form-grid{grid-template-columns:110px 1fr;align-content:start}.register .security-row{grid-template-columns:110px 1fr}.register .hint{grid-column:1 / -1}.ui-icon{display:inline-flex;vertical-align:middle;width:19px;height:19px;align-items:center;justify-content:center;flex-shrink:0}.ui-icon svg{width:100%;height:100%;display:block}.mini-avatar .ui-icon{width:24px;height:27px}.mic-icon .ui-icon{width:24px;height:30px}.walletbar .ui-icon{width:23px;height:23px}.brand-icon .ui-icon{width:17px;height:17px}

.register .form-grid,.register .security-row{grid-template-columns:125px 1fr}

/* Native desktop panels occupy their entire OS window without a surrounding canvas. */
body.native-desktop{margin:0;min-height:0;background:transparent;overflow:hidden}
.native-desktop #desktop{padding:0;margin:0}
.native-desktop .window{position:relative!important;left:0!important;top:0!important;max-width:none!important;max-height:none!important;box-shadow:none;margin:0;border-radius:4px}
.native-desktop .login{width:420px}.native-desktop .buddy{width:320px}.native-desktop .register{width:650px}.native-desktop .browse{width:670px}.native-desktop .my-room{width:455px}.native-desktop .room{width:730px}.native-desktop .dialog{width:350px}
.native-desktop .register-columns{grid-template-columns:1fr 1fr;gap:25px}
.native-desktop .browse-body{grid-template-columns:205px 1fr}
.native-desktop .chat-layout{grid-template-columns:1fr 175px}
.native-desktop .room-summary{flex-wrap:nowrap}.native-desktop .room-summary .details{margin-left:auto}
.native-desktop .volume{display:grid}.native-desktop .formatbar button{font-size:13px}.native-desktop .formatbar .controls{gap:6px}
.native-desktop .my-room .codes{grid-template-columns:75px 1fr 65px 1fr}
.native-desktop .native-dialog>.window:not(#dialog){display:none}
.native-desktop .native-drag{-webkit-app-region:drag;cursor:default}
.native-desktop .native-drag button{-webkit-app-region:no-drag}
.native-desktop #toast{left:8px;right:8px;bottom:8px;max-width:none;transform:none;padding:9px 11px;font-size:12px}
/* Compact room styling based on the approved classic room reference. */
.room-summary{padding:5px 9px;gap:8px;min-height:45px;background:linear-gradient(#f8f9fa,#e1e7eb)}
.room-summary button{padding:3px 6px;font-size:12px}.room-summary .details{gap:2px 12px}
.room-welcome{margin:0 7px;padding:4px 6px;min-height:23px;font-size:12px;background:#f7faf8}
.room .chat-layout{padding-top:4px;gap:5px}.room .chatbox{height:286px}.room .members{height:324px}.room .panel-heading{font-size:12px;padding:4px 7px}
.room .member{padding:3px 8px;cursor:pointer}.room .member:hover{background:#d5eafa}.room .member .ui-icon{width:15px;height:16px}.room .member .hint{font-size:10px}
.room .messages{font-size:12px;padding:6px;line-height:1.55}.room .micbar{gap:5px;padding:4px 0}
.room .mic-slot{flex:0 1 100px;min-width:82px;max-width:110px;padding:3px 5px;min-height:30px;font-size:10px}.room .mic-slot strong{font-size:11px}.room .mic-icon .ui-icon{width:17px;height:23px}
.room .formatbar{padding:4px 0;gap:4px}.room .formatbar button{padding:2px 6px;font-size:12px;min-height:25px}.room .formatbar .controls{gap:4px}
#room-color{width:25px;height:25px;min-height:0;padding:1px;border:1px solid #9eb3c4;cursor:pointer}.room .compose{padding:5px 7px}.room .compose textarea{height:45px}.room .compose button{width:60px}.room .volume{width:105px}.room-foot{font-size:10px;min-height:16px;padding-bottom:4px}
/* One-to-one chat */
.dm{width:590px;left:380px;top:60px}.dm-toolbar{display:flex;align-items:center;gap:3px;padding:5px 9px;background:linear-gradient(#f9fafb,#e4e8eb);border-bottom:1px solid var(--line)}.dm-toolbar button{border:0;background:none;box-shadow:none;padding:4px 11px;font-size:14px;min-height:34px}.dm-toolbar button+button{border-left:1px solid #b8c2ca;border-radius:0}.dm-toolbar .hint{margin-left:auto}.dm-toolbar .ui-icon{width:25px;height:25px}.dm-layout{display:grid;grid-template-columns:115px 1fr;gap:7px;padding:7px}.dm-profiles{display:grid;gap:8px;grid-template-rows:1fr 1fr}.dm-person{background:linear-gradient(135deg,#e1e5e7,#cfd6db);border:1px solid #aab7bf;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden}.dm-person strong{max-width:106px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-avatar{width:89px;height:89px;border:1px solid #a1afb8;border-radius:3px;background:linear-gradient(#f4f8fa,#c6dfe9);padding:6px}.dm-avatar svg{width:100%;height:100%}.dm-right{min-width:0}.dm-chat{background:white;border:1px solid var(--line);height:256px;overflow:auto;padding:7px}.dm-chat>a{display:block;border-bottom:1px solid #707980;padding-bottom:5px;margin-bottom:5px;font-size:12px}#dm-contact-notice{font-size:11px;background:#eef0f2;padding:4px;margin-bottom:5px}#dm-contact-notice:empty{display:none}.dm-line{line-height:1.6;overflow-wrap:anywhere;font-size:12px}.self-name{color:#5735b1}.peer-name{color:#075cb7}.dm-format{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-top:0;padding:4px;background:#e9edf0}.dm-format button{padding:2px 7px;min-height:25px}.dm-format .active{background:#b6def4}.dm-format select{width:48px;min-height:25px;padding:1px}#dm-color{width:26px;min-height:25px;height:25px;padding:1px}#dm-compose{display:flex;gap:6px;margin-top:5px}#dm-compose textarea{height:57px;resize:none}#dm-compose button{padding:4px 11px}.dm .error{padding:0 8px 7px}.dm #dm-dropdown{left:4px;width:160px}
#call-box{display:flex;align-items:center;gap:6px;padding:6px 9px;background:#e2f4e4;border-bottom:1px solid #9ebfa1;font-size:12px}#call-box[hidden]{display:none}#call-box button{padding:3px 8px;min-height:25px}.archive-view{max-height:300px;overflow:auto;background:white;border:1px solid #a8b8c5;padding:7px}
.preferences{width:600px;left:370px;top:50px}.prefs-body{display:grid;grid-template-columns:153px 1fr;gap:8px;padding:9px;min-height:340px}.prefs-nav{background:#fff;border:1px solid var(--line);padding:3px}.prefs-nav button{display:block;width:100%;text-align:left;white-space:nowrap;font-size:12px;border:0;background:none;box-shadow:none;min-height:25px;border-radius:0;padding:4px 6px}.prefs-nav button.active{background:#0785cf;color:white}.prefs-panel{background:linear-gradient(110deg,#d2e6ee,#e9eff3);border:1px solid #a0b8c8;padding:7px;min-width:0}.prefs-panel>.panel-heading{border:1px solid #fff;text-align:center;font-weight:600;padding:3px;margin-bottom:9px;background:linear-gradient(#fff,#e4ebee)}#prefs-content{font-size:12px}#prefs-content fieldset{margin-bottom:8px;padding:9px}#prefs-content p{margin:7px 0}#prefs-content .row{gap:6px;margin-top:8px}#prefs-content button{font-size:11px;padding:4px 7px;min-height:27px}.pref-check{display:block;margin:5px 0}.prefs-footer{display:flex;align-items:center;gap:6px;padding:0 9px 9px}.prefs-footer button{font-size:12px;padding:5px 10px;min-height:28px}.preferences>.error{padding:0 10px 9px}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.privacy-grid fieldset{min-width:0}.camera-grid{display:grid;grid-template-columns:120px 1fr;gap:8px}#camera-preview{display:block;width:100%;height:145px;background:#111;object-fit:contain;margin-bottom:5px}#camera-start{width:100%;margin-top:5px}.native-desktop .dm{width:590px}.native-desktop .preferences{width:600px}
.native-desktop .dm-layout{grid-template-columns:115px 1fr}.native-desktop .prefs-body{grid-template-columns:153px 1fr}
@media(max-width:600px){body:not(.native-desktop) .prefs-body{grid-template-columns:125px 1fr}body:not(.native-desktop) .dm-layout{grid-template-columns:88px 1fr}body:not(.native-desktop) .dm-avatar{width:65px;height:65px}}

.presence.away{background:#e7ad24}.presence.busy{background:#d64b4b}.presence.invisible{background:#a0a7ae}
/* 1.2.0 classic compact rooms and independent utility windows. */
.context-menu{position:fixed;z-index:10000;min-width:190px;max-width:270px;padding:3px;background:linear-gradient(90deg,#e4edf2,#f4f8fb);border:1px solid #6d91ad;box-shadow:2px 3px 6px #0004;font:12px Tahoma,Arial,sans-serif}.context-menu button{display:block;text-align:left;width:100%;padding:4px 10px;min-height:23px;border:0;box-shadow:none;background:none;border-radius:0;white-space:nowrap}.context-menu button:hover:not(:disabled){background:#b8ddef;outline:1px solid #568db7}.context-menu hr{border:0;border-top:1px solid #a5bac8;margin:3px}.context-parent{position:relative}.context-submenu{position:absolute;left:100%;top:0;display:none;min-width:170px;padding:3px;border:1px solid #6d91ad;background:#edf4f8;box-shadow:2px 3px 6px #0003}.context-parent:hover>.context-submenu,.context-parent:focus-within>.context-submenu{display:block}.context-menu.opens-left .context-submenu{left:auto;right:100%}
.nickname-combo{display:flex;position:relative;min-width:0}.nickname-combo input{min-width:0;border-radius:2px 0 0 2px}.nickname-combo>button{min-width:24px;padding:0;border-radius:0 2px 2px 0}.nickname-combo #saved-login-menu{position:absolute;left:0;right:0;top:100%;max-height:140px;overflow:auto;background:white;border:1px solid #6a8eaa;z-index:100;padding:2px}.nickname-combo #saved-login-menu button{display:block;width:100%;text-align:left;border:0;border-radius:0;box-shadow:none;background:white;padding:4px 6px;min-height:24px}.nickname-combo #saved-login-menu button:hover{background:#d3e9fa}.nickname-combo #saved-login-menu span{font-size:11px;padding:5px;display:block}
.add-contact{width:350px;top:90px;left:380px}.add-contact .body{display:grid;gap:10px}.add-contact .button-row{margin-top:0}.native-desktop .add-contact{width:350px}.jump-setting{display:block;margin-top:8px;font-size:12px}
.room,.native-desktop .room{width:560px;font:11px Tahoma,Arial,sans-serif}.room .menu{padding:1px 4px;min-height:22px}.room .menu button{font:11px Tahoma,Arial,sans-serif;min-height:20px;padding:2px 7px}.room .room-summary{padding:4px 6px;min-height:47px;gap:8px;background:linear-gradient(#def7f7,#f0f3f5)}.room-top-icons{display:flex;align-items:center;gap:2px}.room-top-icons button{font-size:20px;min-width:28px;padding:1px}.room .details{font-size:10px;gap:3px 8px}.room-camera-select{width:110px;display:grid;gap:2px;font-size:10px}.room-camera-select select{font-size:10px;padding:1px;min-height:20px}.room .room-welcome{margin:0 4px;min-height:18px;padding:3px 4px;font:10px Tahoma,Arial,sans-serif;background:#fff}.room .chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:2px;padding:0 4px}.room .chat-layout.members-hidden{grid-template-columns:1fr}.room .chatbox,.room .members{height:205px;border:1px solid #9fb3c1;background:#fff}.room .panel-heading{font-size:10px;padding:2px 4px;background:#f4f7f8}.room .member{font-size:11px;padding:3px 5px;white-space:nowrap;display:flex;gap:4px;align-items:center}.room .member.selected{background:#d4eafa;outline:1px dotted #8aa3b8;outline-offset:-1px}.room .member>span:first-child{overflow:hidden;text-overflow:ellipsis}.red-dot-mark{color:#c53b35;font-size:15px;line-height:10px}.room .messages{font:11px/1.35 Tahoma,Arial,sans-serif;padding:4px}.room .messages .dm-line{margin:0}.room .room-event.moderation{color:#ba713d}.room .room-event.moderation strong,.room .room-event.join strong{color:inherit}.room .room-event.join{color:#14802f}.room .room-event.whisper{font-style:italic;color:#2520ae}.room .room-event.whisper span{color:#2520ae!important}.room #room-mic-info{padding:3px 6px;font-size:10px;color:#31536c}.room .micbar{padding:0 4px 3px;gap:3px}.room .mic-slot{font-size:9px;min-height:24px;padding:2px 3px;min-width:0;max-width:none;flex:1;gap:3px;overflow:hidden}.room .mic-slot span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-bottom{display:grid;grid-template-columns:minmax(0,1fr) 180px;padding:0 4px;gap:3px}.room .formatbar{margin:0;border:0;padding:2px 0;gap:2px}.room .formatbar button{font-size:11px;min-height:22px;padding:1px 4px}.room .formatbar select{width:37px;min-height:21px;font-size:10px}.room #room-color{width:22px;height:21px}.room .compose{padding:0;gap:2px}.room .compose textarea{height:38px;min-width:0;font:12px Tahoma,sans-serif}.room .compose button{width:42px;font-size:11px;padding:2px}.room-audio .row{gap:2px}.room-audio button{padding:2px 4px;min-height:21px;font:10px Tahoma,Arial,sans-serif}.room-audio .row button{flex:1;white-space:nowrap}.range-line{display:flex;align-items:center;height:16px;gap:5px;font-size:10px}.range-line input{padding:0;min-height:12px;height:12px;width:145px}.room-audio #jump-activation{width:100%;font-size:10px;min-height:21px}.room .room-foot{padding:3px 6px;font-size:9px;min-height:15px}.room #room-camera-overlay{position:absolute;right:8px;top:95px;width:245px;padding:5px;background:#d9e7f0;border:1px solid #5d87a5;z-index:100;box-shadow:0 2px 9px #0005}.room #room-camera-overlay video{width:100%;max-height:185px;background:#111}.room #close-room-camera-view{position:absolute;right:2px;top:2px;min-height:20px;padding:0 5px;z-index:2}
.whisper-window,.native-desktop .whisper-window{width:370px}.whisper-window .body{display:grid;gap:9px}.whisper-window textarea{height:68px;resize:none}.whisper-window label{font-size:11px}.whisper-window .button-row{margin:0}
.admin-window,.native-desktop .admin-window{width:375px;font-size:12px}.admin-window .body{padding:10px;display:grid;gap:8px}.admin-window .admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-columns>div{display:grid;gap:6px;min-width:0}.admin-columns select{width:100%;height:115px;font-size:11px}.admin-window button{font-size:11px;padding:4px 5px;min-height:25px}.admin-window .block{display:block;margin:4px 0}.admin-window fieldset{padding:7px}.admin-window fieldset button{margin-top:5px}.admin-window .button-row{margin:0}.admin-window .admin-select input{height:26px}
.profile-window,.native-desktop .profile-window{width:560px;background:linear-gradient(#d9eaf1,#f0f5f7);font:12px Tahoma,Arial,sans-serif}.profile-window .profile-layout{padding:10px;display:grid;grid-template-columns:115px 1fr;gap:12px;min-height:425px}.profile-layout>aside{text-align:center;overflow:hidden;display:flex;align-items:center;flex-direction:column;gap:10px}.profile-picture{width:104px;height:105px;display:flex;align-items:center;justify-content:center}.profile-picture svg,.profile-picture img{width:100%;height:100%;object-fit:contain}.profile-layout>section{background:#f9fbfc;border:1px solid #9eb2c3;min-width:0}.profile-tabs{display:flex;margin-top:-1px;margin-left:-1px}.profile-tabs button{border-radius:0;min-height:24px;padding:2px 8px;font-size:11px}.profile-tabs .active{background:#fff;border-bottom-color:white}.profile-window #profile-content{padding:10px}.profile-fields{display:grid;grid-template-columns:78px minmax(0,1fr) 110px;gap:8px 6px;align-items:center}.profile-fields label{font-size:10px;color:#244f78;text-align:right}.profile-fields input,.profile-fields select{min-width:0;font-size:10px;min-height:23px;padding:2px 3px}.profile-fields textarea{height:50px;resize:none;font-size:11px}.profile-value{font-size:11px;overflow-wrap:anywhere}.profile-subscriptions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:24px;font-size:10px}.profile-subscriptions p{margin-bottom:0}.profile-coins{width:115px;margin:12px auto 0;font-size:11px}.profile-window>.button-row{padding:0 10px 9px;margin-top:4px}.profile-window>.error{margin:0 10px}.picture-upload{font-size:10px;color:#075fa5;cursor:pointer}.picture-upload input{display:block;width:110px;font-size:9px;margin-top:5px}.profile-layout>aside button{font-size:10px;min-height:23px;padding:2px 5px}.public-profile,.native-desktop .public-profile{width:430px}.public-profile .profile-layout{grid-template-columns:110px 1fr;min-height:320px}.public-profile .profile-fields{grid-template-columns:82px minmax(0,1fr);gap:8px 4px}.public-profile .profile-subscriptions{grid-template-columns:1fr;margin-top:20px}.public-profile .profile-subscriptions fieldset{border:0;padding:0}.public-profile .profile-subscriptions legend{display:none}
.avatar img,.mini-avatar img{width:100%;height:100%;object-fit:contain}

#toast{pointer-events:none}

.range-line .ui-icon{width:13px;height:13px}.room .room-event.join span{color:#14802f!important}.room-top-icons .ui-icon{width:24px;height:24px}
/* 1.3.0: restrained classic desktop chrome and dense list views. */
:root{font-family:Tahoma,Arial,sans-serif;font-size:12px;--line:#a6b5c3}
.window{border:1px solid #6d8ba8;border-radius:3px;background:#edf1f4}
.titlebar{height:27px;padding:0 5px 0 7px;gap:6px;font: bold 12px Tahoma,Arial,sans-serif;background:linear-gradient(#16345d,#23527a);text-shadow:none}
.brand-icon{width:18px;height:18px;border-radius:3px;background:#347ca5;border-color:#92b5d2}.brand-icon .ui-icon{width:14px;height:14px}
.window-controls{padding:3px 0;gap:3px;align-items:center}.window-controls button{width:22px;height:20px;border-radius:2px;background:linear-gradient(#5b7d9f,#315676);border-color:#86a0bb;color:white;font-size:16px}.window-controls .close{background:linear-gradient(#b56d6a,#8e4544);border-color:#d3a4a0}
button{border-radius:2px}.menu{height:24px;padding:0 4px;background:#e9eef2}.menu>button{min-height:20px;padding:2px 7px;font-size:11px}.dropdown{top:23px}.dropdown button{min-height:23px;padding:4px 8px;font-size:11px}
.profile{padding:9px;gap:9px}.profile-name{font-size:14px}.profile .avatar{width:52px;height:52px}.profile .avatar svg{width:46px;height:46px}.profile select{font-size:11px;min-height:22px;padding:1px 4px}.membership{font-size:10px}.walletbar{padding:4px 6px;gap:5px}.walletbar button{font-size:11px;min-height:25px;padding:3px 7px}.toolbar{gap:4px;padding:5px 6px}.toolbar button{min-width:27px;width:28px;padding:2px;min-height:25px}.toolbar input{min-width:0;min-height:25px;font-size:11px}.toolbar .ui-icon{width:18px;height:18px}#network-counts{font:10px/1.5 Tahoma,sans-serif;color:#40566c;text-align:right;padding:3px 9px;border-bottom:1px solid #c9d2da}.friend{padding:5px 8px}.section-title{font-size:11px;min-height:22px;padding:3px 7px}.connection{font-size:10px;padding:4px 7px}.presence.dnd{background:#db3030;box-shadow:0 0 0 1px #a52424}
.browse,.native-desktop .browse{font:11px Tahoma,Arial,sans-serif}.browse-body,.native-desktop .browse-body{padding:6px;gap:6px;grid-template-columns:195px minmax(0,1fr)}.tree button{font:11px Tahoma,sans-serif;padding:2px 6px;min-height:19px;line-height:15px}.tree .country{padding-left:24px;border-left:1px dotted #a6b5c3;margin-left:13px;width:calc(100% - 13px)}.tree .panel-heading{font-size:11px;padding:4px}.room-table-wrap{height:285px;background:white}.room-table-wrap th{font-size:11px;padding:4px 5px;height:23px;background:linear-gradient(#fbfcfd,#dfe7ed);border-right:1px solid #c4cfd9}.room-table-wrap td{font-size:11px;height:20px;padding:2px 5px;border-bottom:1px solid #edf0f3}.browse .rating{font-size:10px;width:15px;height:15px;padding:0;line-height:15px}.browse-footer{padding:5px 0 0;font-size:10px}.browse-footer .row{gap:6px;margin-top:5px}.browse-footer button{font-size:11px;min-height:24px;min-width:72px;padding:3px 12px}.browse-footer #browse-close{margin-left:auto}
.room .room-summary{background:#e9eff3;min-height:40px;padding:3px 5px}.room-top-icons button{min-width:24px;min-height:24px}.room-top-icons .ui-icon{width:19px;height:19px}.room .room-welcome{padding:2px 4px;min-height:17px}.room .chatbox,.room .members{height:220px}.room .member{padding:2px 4px;min-height:18px}.room .micbar{gap:2px;padding-bottom:3px}.room #room-mic-info{padding:2px 5px;color:#5a6877}.room .mic-slot{background:linear-gradient(#fff,#e5ecf1);border-color:#a6b6c4;min-height:23px}.room .mic-slot.occupied{background:#e4f0e3}.room-bottom{grid-template-columns:minmax(0,1fr) 170px}.room .formatbar{height:25px}.room .room-foot{border-top:1px solid #cbd4dc;margin-top:4px;background:#e5ebef}.context-menu{font-size:11px}.context-menu button{min-height:21px;padding:3px 9px}
.invite-window,.native-desktop .invite-window{width:340px}.invitation-window,.native-desktop .invitation-window{width:350px}.invite-window .body,.invitation-window .body{padding:10px}.invite-window p,.invitation-window p{margin:3px 0 10px}.invite-contacts{height:210px;overflow:auto;background:white;border:1px solid var(--line);padding:4px}.invite-contacts label{display:flex;gap:5px;align-items:center;padding:4px;font-size:11px}.invite-contacts small{margin-left:auto;color:#687684}.invite-window .button-row,.invitation-window .button-row{gap:6px;margin-top:10px}.invite-window button,.invitation-window button{font-size:11px;padding:4px 8px;min-height:25px;min-width:65px}.invited-room{font-weight:bold;color:#215782}
.native-desktop:has(.room) #desktop,.native-desktop:has(.buddy) #desktop,.native-desktop:has(.browse) #desktop,.native-desktop:has(.dm) #desktop{height:100vh}
.native-desktop .room,.native-desktop .buddy,.native-desktop .browse,.native-desktop .dm{width:100%;height:100vh;display:flex;flex-direction:column}
.native-desktop .room .chat-layout{flex:1;min-height:100px}.native-desktop .room .chatbox,.native-desktop .room .members{height:100%}.native-desktop .buddy .friendlist{flex:1;min-height:100px}.native-desktop .browse .browse-body{flex:1;min-height:0}.native-desktop .browse .browse-body>div:last-child{display:flex;flex-direction:column;min-height:0}.native-desktop .browse .room-table-wrap{flex:1;min-height:120px}.native-desktop .dm .dm-layout{flex:1;min-height:200px}.native-desktop .dm .dm-right{display:flex;flex-direction:column}.native-desktop .dm .dm-chat{flex:1;min-height:100px}
.tree summary{cursor:pointer;padding:2px 5px;font-size:11px;line-height:16px}.tree{overflow:auto}.tree details{margin:0}.browse table{width:100%;border-collapse:collapse}.browse th:first-child{width:35px}.browse th:last-child{width:62px}.room .room-summary .details{margin-left:auto}.titletext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.room .member>span:first-child{min-width:0;flex:1}.room .member{overflow:hidden}.room .members{overflow-x:hidden}
.native-desktop .buddy>.titlebar,.native-desktop .buddy>.menu,.native-desktop .buddy>.profile,.native-desktop .buddy>.walletbar,.native-desktop .buddy>#network-counts,.native-desktop .buddy>.toolbar,.native-desktop .buddy>.connection{flex-shrink:0}.native-desktop .buddy .friendlist{min-height:0}

/* 1.3.1 member names left, role badges right. */
.room .member-name{order:0;flex:1;min-width:0;text-align:left}.room .member-role{order:5;flex:none;display:inline-flex;align-items:center;margin-left:3px}.room .member-role .ui-icon{width:14px;height:14px}.room .member .red-dot-mark{order:2;flex:none}
/* 1.4 readable room controls and wallet windows. */
.room,.native-desktop .room{width:660px;font-size:12px}.room .menu{height:26px;min-height:26px}.room .menu button{font-size:12px;min-height:23px;padding:3px 8px}.room .room-summary{min-height:46px}.room .details,.room-camera-select,.room-camera-select select{font-size:11px}.room-top-icons .ui-icon{width:23px;height:23px}.room .chat-layout{grid-template-columns:minmax(0,1fr) 165px}.room .member{font-size:12px;min-height:21px}.room .room-welcome{font-size:11px;min-height:20px}.room .mic-slot{font-size:11px;min-height:27px}.room-bottom{grid-template-columns:minmax(0,1fr) 190px}.room .formatbar{height:29px}.room .formatbar button{font-size:12px;min-height:25px}.room .formatbar select{font-size:11px;min-height:24px}.room-audio button{font-size:11px;min-height:24px}.room .compose textarea{height:46px;font-size:13px}.room .compose button{font-size:12px;width:48px}.room .room-foot{font-size:10px}.room .chat-layout.members-hidden{grid-template-columns:1fr}.native-desktop .room{width:100%}.native-desktop .room .chatbox,.native-desktop .room .members{height:100%}
.connection #network-counts{padding:0;border:0;text-align:left;line-height:1.4;color:#455e75}.add-person{display:inline-block;position:relative;width:21px;height:21px}.add-person .ui-icon{position:absolute;left:0;bottom:0;width:18px;height:18px}.add-person b{position:absolute;right:-1px;top:-3px;font:bold 14px Tahoma;color:#087e3a;line-height:14px;background:#edf1f4;border-radius:3px}.toolbar #add-friend{overflow:hidden;width:30px}
.wallet-window,.native-desktop .wallet-window{width:560px}.membership-window,.native-desktop .membership-window{width:590px}.wallet-window .body,.membership-window .body{padding:12px;font-size:12px;max-height:650px;overflow:auto}.wallet-balances,.membership-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wallet-balances b{font-size:25px;color:#225978}.wallet-balances p{font-size:11px}.wallet-history{max-height:180px;overflow:auto;border:1px solid #a9bac8;background:white;padding:5px}.wallet-history>div{padding:5px;border-bottom:1px solid #e4eaf0;font-size:11px}.cashout-history{max-height:90px}.wallet-window button,.membership-window button{font-size:11px;min-height:26px;padding:4px 8px}.wallet-window fieldset input{margin-bottom:6px}.color-plan{display:flex;align-items:center;justify-content:space-between;width:100%;margin:5px 0}.membership-window fieldset{padding:8px}.membership-window p{line-height:1.4}.dm-toolbar #dm-call{font-size:12px}.buzz-line{color:#d92727;font-weight:bold}@keyframes buzzShake{0%,100%{transform:translateX(0)}15%,45%,75%{transform:translateX(-7px)}30%,60%,90%{transform:translateX(7px)}}.buzz-shake{animation:buzzShake .55s}