html,body,#root{background:#1b1e27;height:100%;margin:0;font:14px sans-serif;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}.topbar{color:#fff;background:#11141b;flex:none;align-items:center;gap:16px;height:40px;padding:0 12px;display:flex}.topbar .hint{opacity:.7;flex:1}.content{flex:1;min-height:0;position:relative}button{color:#fff;cursor:pointer;background:#2b3040;border:1px solid #555;border-radius:5px;padding:5px 10px}button:hover:not(:disabled){background:#3a4158}button:disabled{opacity:.4;cursor:default}button.on{background:#4a6cf7;border-color:#4a6cf7}button.primary{background:#2e9d5a;border-color:#2e9d5a}button.danger{background:#b83b3b;border-color:#b83b3b}.editor{display:flex;position:absolute;inset:0}.sidebar{box-sizing:border-box;color:#eee;background:#1f2330;flex-direction:column;flex:none;gap:8px;width:260px;padding:10px;display:flex;overflow-y:auto}.sidebar h3{text-transform:uppercase;opacity:.7;margin:6px 0 0;font-size:13px}.sidebar label{opacity:.8;margin-top:4px;font-size:12px;display:block}.sidebar input,.sidebar select{box-sizing:border-box;color:#fff;background:#11141b;border:1px solid #555;border-radius:4px;width:100%;padding:4px}.tools{flex-wrap:wrap;gap:6px;display:flex}.box{background:#2a2f40;border-radius:6px;flex-direction:column;gap:4px;padding:8px;display:flex}.row{gap:6px;display:flex}.sw{vertical-align:middle;border:1px solid #000;width:10px;height:10px;display:inline-block}.msg{color:#9be7b1;margin:0}.errs{color:#ff9b9b;margin:0;padding-left:18px;font-size:12px}.canvas-wrap{background:#12141a;flex:1;padding:12px;overflow:auto}.canvas-wrap canvas{touch-action:none;cursor:crosshair;display:block}.auth{background:#1b1e27;justify-content:center;align-items:center;height:100%;display:flex}.auth-card{color:#eee;background:#1f2330;border-radius:10px;flex-direction:column;gap:10px;width:320px;padding:24px;display:flex}.auth-card h2{margin:0 0 6px}.auth-card form{flex-direction:column;gap:6px;display:flex}.auth-card label{opacity:.8;font-size:12px}.auth-card input{color:#fff;background:#11141b;border:1px solid #555;border-radius:5px;padding:8px}.auth-card button.primary{margin-top:8px;padding:8px}.auth-card button.link{color:#8fa8ff;background:0 0;border:none;text-decoration:underline}.auth-card .err{color:#ff9b9b;margin:0}.auth-card .msg{color:#9be7b1;margin:0}.topbar button+button{margin-left:-6px}.admin{box-sizing:border-box;color:#eee;background:#1b1e27;padding:16px;position:absolute;inset:0;overflow:auto}.admin .tabs{gap:6px;margin-bottom:12px;display:flex}.admin table{border-collapse:collapse;width:100%;max-width:1000px;margin-top:12px}.admin th,.admin td{text-align:left;border-bottom:1px solid #333;padding:6px 8px}.admin input:not([type=checkbox]),.admin select{color:#fff;background:#11141b;border:1px solid #555;border-radius:4px;padding:5px}.admin .row.wrap{flex-wrap:wrap;max-width:1000px}.admin .err{color:#ff9b9b}.admin .box.row{flex-flow:wrap;align-items:center;max-width:1000px}.admin .box.row input{flex:1;min-width:140px}.online{color:#eee;z-index:5;background:#11141bdd;border-radius:8px;width:200px;max-height:60%;padding:8px;position:absolute;top:8px;right:8px;overflow:auto}.online h3{margin:0 0 6px;font-size:13px}.online select{color:#fff;background:#11141b;border:1px solid #555;border-radius:4px;width:100%;margin-bottom:6px;padding:4px}.online ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.online .dot{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.online small{opacity:.6}.online .focus{opacity:.9;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.chat{color:#eee;z-index:5;background:#11141bdd;border-radius:8px;flex-direction:column;gap:6px;width:340px;padding:8px;display:flex;position:absolute;bottom:8px;left:8px}.chat-log{flex-direction:column;gap:3px;max-height:160px;font-size:13px;display:flex;overflow-y:auto}.chat-log em{color:#9bb0ff;font-style:normal}.chat-log .mine{color:#cfe8ff}.chat .err{color:#ff9b9b}.chat input{box-sizing:border-box;color:#fff;background:#1f2330;border:1px solid #555;border-radius:5px;width:100%;padding:6px}.voice{z-index:5;flex-direction:column;gap:6px;max-width:360px;display:flex;position:absolute;top:8px;left:8px}.voice-bar{color:#eee;background:#11141bdd;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;display:flex}.voice-label{flex:1;font-size:13px}.voice .err{color:#ff9b9b;background:#11141bdd;border-radius:6px;padding:4px 8px}.tiles{flex-wrap:wrap;gap:6px;display:flex}.tile-group{gap:6px;display:flex}.tile{background:#1f2330;border:2px solid #0000;border-radius:8px;width:160px;height:100px;position:relative;overflow:hidden}.tile.big{width:320px;height:200px}.tile.speaking{border-color:#2ecc71}.tile video{object-fit:cover;width:100%;height:100%}.tile .initial{color:#8fa8ff;justify-content:center;align-items:center;width:100%;height:100%;font-size:36px;display:flex}.tile .name{color:#fff;background:#000a;border-radius:4px;padding:1px 5px;font-size:11px;position:absolute;bottom:4px;left:4px}.wallet{opacity:.9;margin-left:auto;font-size:13px}.topbar .wallet{margin-left:0}.bar{background:#11141b;border-radius:6px;height:10px;overflow:hidden}.bar>div{background:#2e9d5a;height:100%}.shop{flex-wrap:wrap;gap:10px;display:flex}.shop .item{width:220px}.swatch{border:1px solid #000;border-radius:4px;width:18px;height:18px;display:inline-block}.feed{flex-direction:column;gap:6px;max-width:800px;padding:0;list-style:none;display:flex}.admin h3{margin:16px 0 4px}.tasks{z-index:5;width:200px;position:absolute;top:330px;right:8px}.tasks>button{text-align:left;width:100%}.tasks-body{color:#eee;background:#11141bdd;border-radius:8px;flex-direction:column;gap:6px;max-height:40vh;margin-top:4px;padding:6px;font-size:12px;display:flex;overflow:auto}.tasks-body a{color:inherit;background:#1f2330;border-radius:4px;flex-direction:column;padding:4px;text-decoration:none;display:flex}.tasks-body a:hover{background:#2a2f40}