.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);z-index:10000;padding:.75rem 1.5rem;background:#5865f2;color:#fff;font-weight:700;text-decoration:none;border-radius:0 0 .5rem .5rem;transition:top .2s}.skip-link:focus{top:0}*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--dc-bg-darkest:#1e1f22;--dc-bg-dark:#2b2d31;--dc-bg-main:#313338;--dc-bg-lighter:#383a40;--dc-bg-input:#383a40;--dc-text:#dbdee1;--dc-text-muted:#949ba4;--dc-text-channel:#80848e;--dc-green:#23a559;--dc-red:#ed4245;--dc-blue:#5865f2;--dc-yellow:#fee75c;--dc-ffd-red:#981914;--dc-ffd-red-light:#e03e32;--dc-radius:8px}body.dc-page{font-family:"gg sans","Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;background:var(--dc-bg-main);color:var(--dc-text);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}.dc-app{display:flex;height:100vh}.dc-servers{width:72px;background:var(--dc-bg-darkest);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px;flex-shrink:0}.dc-server-icon{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;background:var(--dc-bg-dark);cursor:pointer;transition:border-radius .2s,background .2s;text-decoration:none;flex-shrink:0}.dc-server-icon--active,.dc-server-icon:hover{border-radius:16px}.dc-server-icon--ffd{background:var(--dc-ffd-red)}.dc-server-icon--ffd.dc-server-icon--active,.dc-server-icon--ffd:hover{border-radius:16px;background:var(--dc-ffd-red-light)}.dc-server-icon img{width:100%;height:100%;object-fit:cover}.dc-servers__separator{width:32px;height:2px;background:var(--dc-bg-lighter);border-radius:1px}.dc-server-icon--add{color:var(--dc-green);font-size:24px;background:var(--dc-bg-dark)}.dc-server-icon--add:hover{background:var(--dc-green);color:#fff}.dc-channels{width:240px;background:var(--dc-bg-dark);display:flex;flex-direction:column;flex-shrink:0}.dc-channels__header{padding:12px 16px;font-size:16px;font-weight:700;color:var(--dc-text);border-bottom:2px solid var(--dc-bg-darkest);display:flex;align-items:center;gap:8px;height:48px}.dc-channels__header-dot{width:10px;height:10px;border-radius:50%;background:var(--dc-ffd-red)}.dc-channels__list{flex:1;overflow-y:auto;padding:12px 8px}.dc-channel-category{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dc-text-channel);padding:16px 8px 4px}.dc-channel{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;color:var(--dc-text-channel);font-size:15px;cursor:pointer;transition:background .1s,color .1s;text-decoration:none}.dc-channel:hover{background:var(--dc-bg-lighter);color:var(--dc-text);text-decoration:none}.dc-channel--active{background:var(--dc-bg-lighter);color:#fff;font-weight:500}.dc-channel__hash{font-size:20px;font-weight:400;opacity:.6;width:20px;text-align:center;flex-shrink:0}.dc-channel__unread{margin-left:auto;background:var(--dc-ffd-red);color:#fff;font-size:11px;font-weight:700;padding:0 6px;border-radius:8px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.dc-user-panel{padding:8px;background:var(--dc-bg-darkest);display:flex;align-items:center;gap:8px}.dc-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--dc-ffd-red);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.dc-user-info{flex:1;min-width:0}.dc-user-name{font-size:14px;font-weight:600;color:var(--dc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-user-status{font-size:12px;color:var(--dc-text-muted)}.dc-user-logout{background:0 0;border:none;color:var(--dc-text-muted);cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:color .2s,background .2s}.dc-user-logout:hover{color:var(--dc-red);background:rgba(237,66,69,.1)}.dc-chat{flex:1;display:flex;flex-direction:column;min-width:0}.dc-chat__header{height:48px;padding:0 16px;display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--dc-bg-darkest);flex-shrink:0}.dc-chat__header-hash{font-size:22px;color:var(--dc-text-muted)}.dc-chat__header-name{font-size:16px;font-weight:700;color:var(--dc-text)}.dc-chat__header-desc{font-size:13px;color:var(--dc-text-muted);margin-left:12px;padding-left:12px;border-left:1px solid var(--dc-bg-lighter)}.dc-messages{flex:1;overflow-y:auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:4px}.dc-msg{display:flex;gap:16px;padding:4px 0}.dc-msg--grouped{padding-left:56px}.dc-msg__avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.dc-msg__avatar--red{background:var(--dc-ffd-red)}.dc-msg__avatar--blue{background:var(--dc-blue)}.dc-msg__avatar--green{background:var(--dc-green)}.dc-msg__avatar--yellow{background:#b8860b}.dc-msg__avatar--purple{background:#9b59b6}.dc-msg__body{flex:1;min-width:0}.dc-msg__header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.dc-msg__author{font-size:15px;font-weight:600;cursor:pointer}.dc-msg__author:hover{text-decoration:underline}.dc-msg__author--red{color:var(--dc-ffd-red-light)}.dc-msg__author--blue{color:#7289da}.dc-msg__author--green{color:#43b581}.dc-msg__author--yellow{color:#faa61a}.dc-msg__author--purple{color:#b388ff}.dc-msg__time{font-size:12px;color:var(--dc-text-muted)}.dc-msg__text{font-size:15px;line-height:1.5;color:var(--dc-text);word-wrap:break-word}.dc-msg__text strong{font-weight:700}.dc-msg__text code{background:var(--dc-bg-darkest);padding:2px 6px;border-radius:3px;font-family:Consolas,Menlo,monospace;font-size:14px}.dc-msg__reaction{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;margin-top:4px;background:var(--dc-bg-lighter);border:1px solid rgba(255,255,255,.05);border-radius:8px;font-size:14px;cursor:pointer}.dc-msg__reaction span{font-size:12px;color:var(--dc-text-muted)}.dc-date-sep{display:flex;align-items:center;gap:8px;margin:16px 0 8px}.dc-date-sep::after,.dc-date-sep::before{content:"";flex:1;height:1px;background:var(--dc-bg-lighter)}.dc-date-sep span{font-size:12px;font-weight:700;color:var(--dc-text-muted);white-space:nowrap}.dc-welcome{padding:16px 0 8px;margin-bottom:8px}.dc-welcome__hash{width:68px;height:68px;border-radius:50%;background:var(--dc-bg-lighter);display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--dc-text);margin-bottom:8px}.dc-welcome h2{font-size:28px;font-weight:700;color:var(--dc-text);margin-bottom:8px}.dc-welcome p{font-size:15px;color:var(--dc-text-muted);line-height:1.5}.dc-chat__input{padding:0 16px 24px;flex-shrink:0}.dc-chat__input-inner{background:var(--dc-bg-input);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:8px}.dc-chat__input-field{flex:1;background:0 0;border:none;outline:0;font-size:15px;font-family:inherit;color:var(--dc-text)}.dc-chat__input-field::placeholder{color:var(--dc-text-muted)}.dc-chat__input-btn{background:0 0;border:none;font-size:22px;color:var(--dc-text-muted);cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .1s}.dc-chat__input-btn:hover{color:var(--dc-text)}.dc-members{width:240px;background:var(--dc-bg-dark);padding:16px 8px;overflow-y:auto;flex-shrink:0}.dc-members__category{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dc-text-channel);padding:12px 8px 4px}.dc-member{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:background .1s}.dc-member:hover{background:var(--dc-bg-lighter)}.dc-member__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;position:relative}.dc-member__avatar::after{content:"";position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--dc-bg-dark)}.dc-member--online .dc-member__avatar::after{background:var(--dc-green)}.dc-member--idle .dc-member__avatar::after{background:var(--dc-yellow)}.dc-member--offline .dc-member__avatar::after{background:var(--dc-text-muted)}.dc-member__name{font-size:14px;color:var(--dc-text-muted)}.dc-member--online .dc-member__name{color:var(--dc-text)}.dc-member__role{font-size:11px;color:var(--dc-text-channel);margin-left:auto}.dc-backdrop,.dc-bottombar,.dc-chat__header-burger,.dc-chat__header-members{display:none}.dc-chat__header-burger,.dc-chat__header-members{background:0 0;border:none;color:var(--dc-text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:color .15s;flex-shrink:0}.dc-chat__header-burger:hover,.dc-chat__header-members:hover{color:var(--dc-text)}.dc-chat__header-members{margin-left:auto}@media (max-width:1100px){.dc-members{display:none}}@media (max-width:768px){.dc-chat__header-desc,.dc-servers{display:none}.dc-chat__header-burger,.dc-chat__header-members{display:flex;align-items:center;justify-content:center}.dc-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:200;opacity:0;pointer-events:none;transition:opacity .25s}.dc-backdrop--visible{display:block;opacity:1;pointer-events:auto}.dc-channels{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;z-index:300;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);display:flex;flex-direction:column}.dc-channels--open{transform:translateX(0)}.dc-members{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;z-index:300;transform:translateX(100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);display:flex;flex-direction:column;overflow-y:auto}.dc-members--open{transform:translateX(0)}.dc-app{flex-direction:column}.dc-chat{flex:1;min-height:0}.dc-chat__header{padding:0 10px;gap:6px}.dc-chat__header-hash{font-size:18px}.dc-chat__header-name{font-size:15px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-messages{padding:10px 12px 8px}.dc-msg{gap:10px}.dc-msg--grouped{padding-left:46px}.dc-msg__avatar{width:36px;height:36px;font-size:14px}.dc-msg__author,.dc-msg__text{font-size:14px}.dc-msg__time{font-size:11px}.dc-welcome__hash{width:52px;height:52px;font-size:30px}.dc-welcome h2{font-size:22px}.dc-welcome p{font-size:14px}.dc-chat__input{padding:0 10px 8px}.dc-chat__input-inner{padding:10px 12px;border-radius:20px}.dc-chat__input-field{font-size:14px}.dc-chat__input-btn{font-size:20px}.dc-bottombar{display:flex;align-items:center;justify-content:space-around;height:56px;background:var(--dc-bg-darkest);border-top:1px solid var(--dc-bg-lighter);flex-shrink:0;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0)}.dc-bottombar__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;padding:6px 0;background:0 0;border:none;color:var(--dc-text-channel);text-decoration:none;font-family:inherit;cursor:pointer;transition:color .15s;-webkit-tap-highlight-color:transparent}.dc-bottombar__tab span{font-size:10px;font-weight:600}.dc-bottombar__tab--active,.dc-bottombar__tab:hover{color:var(--dc-text)}.dc-bottombar__avatar{width:24px;height:24px;border-radius:50%;background:var(--dc-ffd-red);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.dc-channels__header{height:52px;padding:12px 16px;font-size:17px}.dc-channel{padding:8px 10px;font-size:16px;border-radius:6px}.dc-channel__hash{font-size:22px}.dc-channel-category{padding:18px 10px 6px;font-size:11px}.dc-user-panel{padding:10px 12px}}@media (max-width:400px){.dc-channels,.dc-members{width:100vw;max-width:100vw}.dc-chat__header{height:44px}.dc-bottombar{height:52px}}