:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e8edf4;background:#0d1117;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button:disabled{opacity:.5;cursor:not-allowed!important}main{min-height:100vh}header{height:84px;border-bottom:1px solid #27303b;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#121821}.eyebrow{font-size:11px;letter-spacing:0;color:#8491a3}h1,h2,h3,p{margin:0}h1{font-size:22px;margin-top:5px}h2{font-size:20px}h3{font-size:14px;margin:16px 0}.presence{color:#aeb9c8;display:flex;gap:10px;align-items:center}.presence>i{width:8px;height:8px;border-radius:50%;background:#55d68b;box-shadow:0 0 0 4px #173728}.presence>i.offline{background:#d8a44c;box-shadow:0 0 0 4px #3d301a}.toolbar,.admin-tabs{display:flex;align-items:center;gap:10px;padding:18px 36px;border-bottom:1px solid #27303b}.toolbar a,.admin-tabs a,.login a{color:#8db8ff;text-decoration:none;padding:10px}.toolbar button,.admin-tabs button,.composer button,.presence button,.actions button,.welcome button,.password-form button{display:inline-flex;align-items:center;gap:7px;border:1px solid #3a4655;background:#19222d;color:#dce4ee;padding:10px 15px;border-radius:4px;cursor:pointer}.icon{width:38px;height:38px;padding:8px!important;justify-content:center}.icon svg,.toolbar svg,.admin-tabs svg,.composer svg,.password-form svg{width:17px;height:17px}.primary{background:#2f7df4!important;border-color:#2f7df4!important;color:#fff!important}.admin-tabs button.active{border-color:#55d68b;color:#fff}.admin-tabs .refresh{margin-left:auto}.layout{display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 145px)}aside{border-right:1px solid #27303b;padding:20px 14px;overflow:auto}.list-head{display:flex;justify-content:space-between;padding:0 10px 14px;color:#aeb9c8}.ticket{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;border:0;border-left:2px solid transparent;background:transparent;color:#e8edf4;padding:14px 10px;text-align:left;cursor:pointer}.ticket:hover,.ticket.active{background:#17212c;border-left-color:#2f7df4}.ticket small{color:#8391a1}.ticket span{width:100%}.unread{float:right;width:8px;height:8px;border-radius:50%;background:#55d68b;margin-top:5px}article{display:flex;flex-direction:column;min-width:0;height:calc(100vh - 145px)}.detail-head{padding:24px 34px;border-bottom:1px solid #27303b;display:flex;justify-content:space-between;align-items:center;gap:20px}.detail-head small{display:block;color:#8491a3;margin-top:8px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions select{border:1px solid #3a4655;background:#19222d;color:#dce4ee;padding:9px;border-radius:4px}.conversation{flex:1;padding:26px 34px;overflow:auto}.message{max-width:760px;padding:14px 16px;margin-bottom:12px;border:1px solid #273646;background:#141d27;border-radius:4px}.message.own{margin-left:auto;border-color:#31598b}.message small{color:#78879a;margin-left:12px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:9px;line-height:1.55}.empty{color:#78879a;text-align:center;margin:auto}.list-empty{margin:30px auto}.welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%}.welcome>svg{width:38px;height:38px}.composer{padding:16px 34px;border-top:1px solid #27303b}.composer textarea{display:block;width:100%;height:82px;resize:vertical;border:1px solid #354151;background:#111821;color:#fff;padding:12px;border-radius:4px;margin-bottom:10px}.composer>div{display:flex;justify-content:flex-end;gap:10px}.button{display:inline-flex;align-items:center;gap:7px;border:1px solid #3a4655;background:#19222d;color:#dce4ee;padding:10px 15px;border-radius:4px;cursor:pointer}.button input{display:none}.disabled{opacity:.5;pointer-events:none}.error{color:#ff8d8d;margin-top:8px}.skin-texture{width:48px;height:24px;object-fit:contain;vertical-align:middle}.skin-fallback{color:#94a3b8;font-size:.8rem}.server-browser{width:min(1100px,calc(100vw - 32px));max-height:min(800px,calc(100vh - 32px));overflow:auto;padding:24px;background:#101820;border:1px solid #2b3948;border-radius:8px}.server-browser-head,.server-browser-tools,.server-browser-grid,.server-browser-head .dialog-actions{display:flex;gap:12px}.server-browser-head,.server-browser-tools{align-items:center;justify-content:space-between}.server-browser-tools{margin:18px 0;flex-wrap:wrap}.server-browser-tools input:not([type=checkbox]){min-width:280px;flex:1}.server-browser-grid{align-items:stretch;min-height:420px}.server-results{width:45%;overflow:auto;border-right:1px solid #2b3948;padding-right:12px}.server-result{display:grid;gap:4px;width:100%;text-align:left;padding:12px;border-bottom:1px solid #26323f;border-radius:4px}.server-result.active{background:#20364b}.server-result small,.player-row small{color:#9aaabd}.server-detail{flex:1;min-width:0}.player-list{margin-top:18px}.player-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #26323f}.player-row>span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}.server-address{display:inline-flex;align-items:center;gap:6px;margin-top:16px}@media(max-width:700px){.server-browser{padding:16px}.server-browser-grid{display:grid}.server-results{width:auto;border-right:0;border-bottom:1px solid #2b3948;padding:0 0 12px;max-height:280px}.server-detail{padding-top:12px}}:root{color:#f4f4f5;background:#090a0c;color-scheme:dark}body{background:radial-gradient(circle at 20% 0%,#25272b 0,#0d0e10 38%,#070708);background-attachment:fixed}header,.toolbar,.admin-tabs,aside,article,.settings-page{background:#141518b8;border-color:#ffffff1f;-webkit-backdrop-filter:blur(24px) saturate(115%);backdrop-filter:blur(24px) saturate(115%)}button,.button,input,textarea,select,.dialog,.server-browser,.login form,.session-state{border-radius:999px;border-color:#ffffff29;background:#ffffff12;color:#f4f4f5;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}button:hover:not(:disabled),.button:hover:not(.disabled){transform:translateY(-2px);background:#ffffff26;border-color:#ffffff61;box-shadow:0 8px 24px #00000047}.primary{background:#f4f4f5!important;border-color:#f4f4f5!important;color:#090a0c!important}.primary:hover:not(:disabled){background:#fff!important}.dialog-backdrop{background:#000000a8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fade-in .22s ease both}.dialog,.server-browser{border-radius:28px;box-shadow:0 24px 90px #00000080;animation:rise-in .28s cubic-bezier(.2,.8,.2,1) both}.message,.ticket,.attachment,.role,.operator-list>div,.server-result{border-radius:18px;border-color:#ffffff1a;background:#ffffff0b}.ticket:hover,.ticket.active,.server-result.active{background:#ffffff24;border-left-color:#fff}.type-pills{display:flex;flex-wrap:wrap;gap:8px}.type-pills button.active{background:#fff;color:#090a0c}.notice{padding:12px 16px;border-radius:16px;background:#ffffff14;color:#c9c9cc;line-height:1.5}.notice.strong{color:#fff}.guide-loop{display:grid;gap:5px;padding:14px 16px;border-radius:18px;background:linear-gradient(90deg,#ffffff0f,#ffffff29,#ffffff0f);background-size:200% 100%;animation:shimmer 2.4s ease-in-out infinite}.recovery-code{font-size:11px;padding:7px 12px}.composer textarea,.dialog textarea{border-radius:20px}.unread{background:#fff;box-shadow:0 0 12px #fff}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%,to{background-position:0 0}50%{background-position:100% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.banner{padding:12px 36px;border-bottom:1px solid #27303b}.banner button{margin-left:10px;border:1px solid #3a4655;background:#19222d;color:#dce4ee;padding:6px 10px;border-radius:4px;cursor:pointer}.login{display:grid;place-items:center;background:#0d1117}.login form,.session-state{display:flex;flex-direction:column;gap:14px;width:min(380px,calc(100% - 36px));padding:32px;border:1px solid #27303b;background:#121821}.login input,.dialog input,.dialog textarea,.password-form input{background:#0d1117;border:1px solid #354151;color:#fff;padding:12px;border-radius:4px}.dialog-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;padding:18px}.dialog{position:relative;display:flex;flex-direction:column;gap:14px;width:min(520px,100%);padding:26px;background:#121821;border:1px solid #3a4655}.dialog textarea{min-height:160px;resize:vertical}.dialog .close{position:absolute;right:14px;top:14px;border:0;background:transparent;color:#aaa}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.dialog-actions button{border:1px solid #3a4655;background:#19222d;color:#dce4ee;padding:10px 15px;border-radius:4px;cursor:pointer}.attachments{max-width:760px;margin-top:24px}.attachment{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #273646;margin-bottom:8px}.attachment>svg{width:18px}.attachment>span{display:flex;flex:1;flex-direction:column}.attachment small{color:#8491a3}.danger{color:#ff8d8d!important}.notifications{position:relative}.notifications>.icon{position:relative}.notifications>.icon span{position:absolute;right:-4px;top:-5px;background:#e15252;color:#fff;border-radius:10px;padding:1px 5px;font-size:10px}.notification-menu{position:absolute;z-index:15;right:0;top:46px;width:340px;max-height:420px;overflow:auto;background:#121821;border:1px solid #354151;box-shadow:0 12px 30px #0008}.notification-menu>div{display:flex;justify-content:space-between;padding:12px}.notification-menu>div button{width:auto;height:auto;padding:3px 6px!important}.notification-menu>button{display:flex!important;width:100%;height:auto!important;flex-direction:column;align-items:flex-start!important;border:0!important;border-top:1px solid #27303b!important;border-radius:0!important;padding:12px!important}.notification-menu>button.new{border-left:3px solid #2f7df4!important}.notification-menu p{padding:24px;text-align:center;color:#78879a}.settings-page{padding:30px 36px;max-width:1200px}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-heading form,.operator-form{display:flex;gap:8px;flex-wrap:wrap}.settings-heading input,.operator-form input,.operator-form select{background:#0d1117;border:1px solid #354151;color:#fff;padding:10px;border-radius:4px}.settings-heading button,.operator-form button{display:inline-flex;align-items:center;gap:7px;border:1px solid #3a4655;padding:10px 14px;border-radius:4px;cursor:pointer}.operator-form{margin-top:18px}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:18px 0 34px}.role{display:flex;flex-direction:column;gap:9px;padding:18px;border:1px solid #273646;background:#121821}.role>div,.operator-list>div{display:flex;justify-content:space-between;margin-bottom:8px}.role small,.operator-list small{display:block;color:#8491a3}.operator-list{margin-top:18px;border-top:1px solid #273646}.operator-list>div{padding:14px;border-bottom:1px solid #273646}.password-form{display:flex;flex-direction:column;gap:14px;max-width:420px}.password-form button{justify-content:center}@media(max-width:760px){header{height:auto;min-height:84px;padding:14px 18px;align-items:flex-start;gap:14px}.presence{flex-wrap:wrap;justify-content:flex-end}.toolbar,.admin-tabs,.detail-head,.conversation,.composer,.settings-page{padding-left:18px;padding-right:18px}.admin-tabs{overflow:auto}.layout{grid-template-columns:1fr;min-height:0}.layout aside{border-right:0;border-bottom:1px solid #27303b;max-height:260px}.layout article{height:calc(100vh - 300px);min-height:520px}.detail-head{align-items:flex-start;flex-direction:column}.notification-menu{position:fixed;left:12px;right:12px;top:84px;width:auto}.settings-heading{align-items:flex-start;flex-direction:column}.composer>div{flex-wrap:wrap}.button,.composer button{flex:1;justify-content:center}}header,.toolbar,.admin-tabs,aside,article,.settings-page{position:relative;z-index:1}.notifications{position:relative;z-index:80}.notification-menu{position:absolute;z-index:10000;right:0;top:calc(100% + 12px);width:min(360px,calc(100vw - 28px));max-height:min(460px,calc(100vh - 110px));overflow-y:auto;overflow-x:hidden;border-radius:18px!important;background:#18191df5!important;box-shadow:0 22px 60px #0000008c}.notification-menu>button{border-radius:0!important;transform:none!important}.notification-menu>div button{border-radius:10px!important}.toolbar a,.admin-tabs a,.login a{color:#d4d4d8!important}.toolbar a:hover,.admin-tabs a:hover,.login a:hover{color:#fff!important}.login form,.session-state{border-radius:24px!important}.login input,.dialog input,.dialog textarea,.password-form input,.settings-heading input,.operator-form input,.operator-form select,.actions select,.server-browser-tools input{border-radius:12px!important}.dialog,.server-browser{border-radius:24px!important}.dialog-actions button,.settings-heading button,.operator-form button,.banner button{border-radius:12px!important}.login .primary{min-height:42px}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.tee-preview{width:64px;height:58px;flex:0 0 64px;image-rendering:auto;border-radius:12px;background:#ffffff0f}.server-capacity{display:flex;align-items:center;gap:8px;width:100%;max-width:260px;height:18px;padding:3px 5px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0f}.server-capacity i{display:block;height:100%;min-width:4px;border-radius:999px;background:linear-gradient(90deg,#8e8e93,#fff);transition:width .5s cubic-bezier(.2,.8,.2,1)}.server-capacity b{margin-left:auto;padding-right:4px;font-size:10px;color:#d4d4d8;white-space:nowrap}.system-message{display:block;color:#f4f4f5;font-weight:600}.owner-actions{justify-content:flex-end;padding:0 34px 12px}@keyframes spin{to{transform:rotate(360deg)}}