body{margin:0}.chat{background:#313338;border:1px solid #1e1f22;border-radius:18px;flex-direction:column;flex:3;min-width:320px;max-width:600px;min-height:100%;max-height:100%;display:flex;overflow:hidden;box-shadow:0 8px 30px #0009}.chat__messages{background:#2b2d31;flex:1;padding:14px;overflow-y:auto}.chat__messages::-webkit-scrollbar{width:8px}.chat__messages::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:999px}.chat__row{margin-bottom:10px;display:flex}.chat__row.is-me{justify-content:flex-end}.chat__row.is-other{justify-content:flex-start}.chat__bubble{word-break:break-word;border-radius:14px;max-width:78%;padding:10px 12px;line-height:1.4}.is-me .chat__bubble{color:#fff;background:#5865f2;border-bottom-right-radius:6px}.is-other .chat__bubble{color:#dbdee1;background:#383a40;border:1px solid #1e1f22;border-bottom-left-radius:6px}.chat__author{color:#949ba4;margin-bottom:4px;font-size:11px}.chat__text{font-size:14px}.chat__empty{color:#949ba4;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}.chat__input{-webkit-user-select:none;user-select:none;background:#313338;border-top:1px solid #1e1f22;gap:10px;padding:14px;display:flex}.chat__input input{color:#dbdee1;background:#1e1f22;border:1px solid #1e1f22;border-radius:12px;outline:none;flex:1;height:42px;padding:0 14px;font-size:14px}.chat__input input:focus{background:#1e1f22;border-color:#5865f2}.chat__input button{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:12px;height:42px;padding:0 16px;font-size:14px;font-weight:500}.chat__input button:hover{opacity:.92}.chat__time{opacity:.6;text-align:right;margin-top:4px;font-size:10px}.voice{background:#313338;border:1px solid #1e1f22;border-radius:18px;flex-direction:column;flex:5;min-width:420px;min-height:100%;max-height:100%;display:flex;overflow:hidden;box-shadow:0 8px 30px #0009}.voice__users{background:#2b2d31;flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.voice__empty{color:#949ba4;text-align:center;-webkit-user-select:none;user-select:none;background:#2b2d31;border:1px dashed #1e1f22;border-radius:14px;flex:1;justify-content:center;align-items:center;padding:20px;font-size:14px;font-weight:500;display:flex}.voice__users::-webkit-scrollbar{width:8px}.voice__users::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:999px}.voice__user{background:#383a40;border:1px solid #1e1f22;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.voice__avatar{color:#fff;-webkit-user-select:none;user-select:none;background:#5865f2;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:700;display:flex}.voice__info{flex-direction:column;gap:3px;display:flex}.voice__name{color:#f2f3f5;font-size:14px;font-weight:500}.voice__status{color:#949ba4;font-size:12px}.voice__controls{-webkit-user-select:none;user-select:none;background:#313338;border-top:1px solid #1e1f22;justify-content:center;gap:10px;padding:14px;display:flex}.voice__btn{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:12px;height:42px;padding:0 16px;font-size:14px;font-weight:500}.voice__btn:hover{opacity:.92}.voice__btn--danger{background:#da373c}.voice__btn--join{background:#3ba55d}.voice__btn--join:hover{opacity:.9}.danger{color:#da373c}.voice__icons{align-items:center;gap:8px;margin-left:auto;display:flex}.icon{opacity:.9;width:24px;height:24px}.icon.red{color:#da373c}.icon.green{color:#3ba55d}.voice__user{transition:background .15s}.voice__user:hover{background:#404249}.voice__user.speaking{background:#404249;outline:2px solid #3ba55d;box-shadow:0 0 12px #3ba55d99}.voice__stage{background:#2b2d31;border-bottom:1px solid #1e1f22;flex-direction:column;gap:12px;max-height:50%;padding:12px;display:flex}.voice__stage-user{background:#1e1f22;border-radius:16px;height:240px;position:relative;overflow:hidden}.voice__video{width:100%;height:100%;position:relative}.voice__video video{object-fit:cover;width:100%;height:100%}.voice__overlay{background:#0009;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:10px;left:10px}.voice__avatar.small{width:28px;height:28px;font-size:11px}.voice__users{min-height:0}.voice__stage-user.speaking{border-radius:12px;box-shadow:0 0 0 3px #4ade80,0 0 20px #4ade8099}.users{background:#313338;border:1px solid #1e1f22;border-radius:18px;flex-direction:column;flex:2;min-height:100%;max-height:100%;display:flex;overflow:hidden}.users__list{background:#2b2d31;flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.users__list::-webkit-scrollbar{width:8px}.users__list::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:999px}.users__item{background:#383a40;border:1px solid #1e1f22;border-radius:12px;align-items:center;gap:10px;padding:10px;transition:all .15s;display:flex}.users__item:hover{background:#404249}.users__avatar{color:#fff;-webkit-user-select:none;user-select:none;background:#5865f2;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.users__info{flex-direction:column;display:flex}.users__name{color:#f2f3f5;font-size:13px}.users__status{color:#949ba4;font-size:11px}.status-online .users__avatar{background:#23a559}.status-idle .users__avatar{background:#f0b232}.status-dnd .users__avatar{background:#f23f43}.status-offline .users__avatar{background:#80848e}.is-speaking{outline:2px solid #5865f2}.layout{box-sizing:border-box;background:#1e1f22;gap:16px;height:100dvh;padding:16px;display:flex;overflow:hidden}.nick-modal{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nick-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;position:absolute;inset:0}.nick-modal__card{z-index:1;background:#313338;border:1px solid #1e1f22;border-radius:18px;width:420px;max-width:calc(100vw - 32px);padding:24px;position:relative;box-shadow:0 8px 30px #0009}.nick-modal__title{color:#f2f3f5;margin:0 0 8px;font-size:22px}.nick-modal__subtitle{color:#949ba4;margin:0 0 18px;font-size:14px}.nick-modal__input{box-sizing:border-box;color:#dbdee1;background:#1e1f22;border:1px solid #1e1f22;border-radius:12px;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px}.nick-modal__input:focus{border-color:#5865f2}.nick-modal__error{color:#f23f43;min-height:20px;margin-top:8px;font-size:12px}.nick-modal__button{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:12px;width:100%;height:44px;margin-top:12px;font-size:14px;font-weight:600}.nick-modal__button:hover:not(:disabled){opacity:.92}.nick-modal__button:disabled{opacity:.5;cursor:not-allowed}.app.is-locked{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}