:root{color-scheme:dark;--bg:#202124;--panel:#191a1d;--rail:#111214;--border:#2d2e32;--text:#ececef;--muted:#909198;--accent:#f38036;--hover:#292a2f}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body,input,button,textarea,select{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px}body{background:var(--bg);color:var(--text)}button,a,input,textarea,select{outline-offset:3px}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button{color:inherit}svg{width:20px;height:20px;flex-shrink:0}button{border:0}button,input{transition:background .15s,border-color .15s}.app{display:grid;grid-template-columns:72px 248px minmax(0,1fr) 224px;height:100dvh}.servers{background:var(--rail);display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:var(--accent);font:bold 30px Georgia,serif}.rail-line{width:28px;height:1px;background:var(--border);margin:3px}.server{position:relative;width:44px;height:44px;background:#242529;border-radius:16px;font-size:13px;font-weight:650;color:#bdbec5}.server:hover{background:#333439;border-radius:13px}.server.active{background:#f38036;color:#171719;border-radius:13px}.server.active:before{content:'';position:absolute;left:-14px;width:3px;height:24px;border-radius:0 3px 3px 0;background:#f38036;top:10px}.server.add{background:transparent;border:1px dashed #404146;color:#a1a2a9;font-size:25px}.channels{background:var(--panel);display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}.workspace-head{height:72px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.workspace-title{font-weight:650;font-size:15px}.workspace-sub{font-size:11px;color:var(--muted);margin-top:5px}.caret{cursor:pointer;color:#9a9ba2;padding:8px}.channel-scroll{padding:22px 12px;overflow:auto;flex:1}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.8px;color:#898a92;padding:0 10px;margin:0 0 9px}.section-title button{background:none;color:#898a92;font-size:18px}.channel{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 11px;border-radius:5px;background:transparent;color:#a9aab2;text-align:left;margin:2px 0}.channel:hover{background:var(--hover);color:#e7e7eb}.channel.active{background:#f3803614;color:#f5aa74}.channel.active .hash{color:var(--accent)}.hash{font-size:21px;font-weight:400;color:#70717a;width:20px;text-align:center}.channel-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.voice-card{display:none}.user-card{display:flex;align-items:center;gap:9px;padding:13px 12px;background:#151619;border-top:1px solid var(--border)}.avatar{position:relative;width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#795c44;font-weight:650;font-size:13px;color:#fff}.avatar.online:after{content:'';width:9px;height:9px;position:absolute;bottom:-1px;right:0;background:#68ac87;border:2px solid var(--panel);border-radius:50%}.you-name{font-size:12px;font-weight:600;max-width:102px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-status{font-size:10px;color:var(--muted);margin-top:3px}.user-tools{display:flex;margin-left:auto}.icon-btn{display:grid;place-items:center;width:32px;height:32px;background:transparent;border-radius:5px;color:#a5a6ae}.icon-btn:hover{background:#ffffff0b;color:#eee}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:10px;height:72px;flex-shrink:0;padding:0 24px;border-bottom:1px solid var(--border)}.top-hash{color:#85868e;font-size:25px}.top-title{font-size:14px;font-weight:650;white-space:nowrap}.top-sep{height:18px;width:1px;background:#3b3c41;margin:0 4px}.topic{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.members-count{display:none}.search{width:156px;border:1px solid var(--border);border-radius:5px;background:#151619;color:var(--text);height:30px;padding:0 10px;font-size:11px}.search:focus{border-color:#a56036;outline:none}.feature-buttons{display:flex;gap:2px}#voiceControls,#eventCreate{display:none}.mobile-menu{display:none}.chat{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#3c3d43 transparent}.welcome{padding:42px 32px 20px;position:relative}.welcome-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#f3803612;border:1px solid #f3803625;color:#f38036;font-size:32px;margin-bottom:22px}.welcome-kicker{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#a1a2aa;margin-bottom:9px}.welcome h1{font-size:25px;letter-spacing:-.7px;font-weight:700;margin:0 0 10px}.welcome p{color:#999aa3;font-size:13px;line-height:1.6;margin:0;max-width:460px}.welcome-rule{height:1px;background:var(--border);margin-top:28px}.date-divider{display:none}.message{display:flex;gap:13px;position:relative;padding:10px 32px}.message:hover{background:#ffffff03}.msg-body{min-width:0;flex:1}.msg-head{display:flex;align-items:baseline;gap:10px;margin:0 0 5px}.msg-name{font-size:13px;font-weight:650;color:#e3e3e9}.msg-time{font-size:10px;color:#777881}.msg-text{font-size:13px;line-height:1.65;color:#c9cad1;white-space:pre-wrap;overflow-wrap:anywhere}.message-actions{position:absolute;right:20px;top:-12px;display:flex;gap:0;background:#18191c;border:1px solid #36373d;border-radius:6px;box-shadow:0 3px 8px #0003;opacity:0;pointer-events:none}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1;pointer-events:auto}.message-actions button{background:none;padding:7px 9px;font-size:10px;color:#a5a6ad}.message-actions button:hover{background:#2b2c31;color:#fff}.reaction-row{display:flex;gap:6px;margin-top:7px}.reaction{border:1px solid #3b3c42;border-radius:5px;background:#27282d;padding:4px 7px;font-size:11px;color:#b7b8bf}.reaction.selected{border-color:#b96b39;background:#f3803617;color:#edb48d}.reply-quote{color:#8e8f97;font-size:11px;padding:3px 8px;border-left:2px solid #62636b;margin-bottom:5px}.composer-wrap{padding:16px 24px 10px}.typing{font-size:11px;color:var(--muted);min-height:0;margin-bottom:5px}.typing:empty{display:none}.composer{display:flex;align-items:center;gap:5px;background:#2c2d32;border:1px solid #36373d;border-radius:8px;padding:6px 8px;min-height:48px}.composer:focus-within{border-color:#64616b}.composer button{display:grid;place-items:center;width:32px;height:32px;background:none;color:#a8a9b1;border-radius:4px}.composer button:hover{color:#eee;background:#ffffff08}.composer input{min-width:0;flex:1;border:0;background:none;color:var(--text);outline:0;padding:6px;font-size:13px}.composer input::placeholder{color:#82838d}.composer .send{background:#f38036;color:#161719;font-size:19px;margin-left:6px}.composer .send:hover{background:#ffa45d;color:#161719}#pollCreate{display:none}.hint{font-size:10px;color:#6f7079;text-align:right;padding:7px 2px 0}.members{background:#1c1d20;border-left:1px solid var(--border);padding:25px 16px;overflow:auto}.community-label{font-family:Georgia,serif;font-size:14px;font-weight:bold;letter-spacing:.4px;color:#f2e8df;padding:0 4px 24px;border-bottom:1px solid var(--border);margin-bottom:24px}.community-label span{display:block;font:600 9px/1.5 'Segoe UI',sans-serif;letter-spacing:1.6px;color:#bd8058;margin-top:7px}.member-heading{font-size:10px;font-weight:700;letter-spacing:.7px;color:#85868f;margin:0 4px 15px}.member{display:flex;align-items:center;gap:10px;padding:8px 4px;border-radius:5px}.member .avatar{width:30px;height:30px;font-size:11px}.member-name{font-size:12px;color:#bfc0c8;max-width:125px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.member-note{font-size:10px;color:#757680;max-width:125px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:3px}.member-dot{display:none}.empty-members{color:#85868f;font-size:12px;padding:12px 32px;line-height:1.6}.toast{position:fixed;z-index:50;bottom:26px;left:50%;transform:translate(-50%,10px);background:#303137;border:1px solid #4d4e55;color:#e8e8ed;padding:12px 18px;border-radius:7px;box-shadow:0 8px 28px #0005;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#0009;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{width:min(480px,100%);max-height:85vh;overflow:auto;background:#202124;border:1px solid #414249;border-radius:10px;padding:24px;box-shadow:0 20px 70px #0008}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:18px;letter-spacing:-.3px;margin:0}.modal-close{background:none;color:#90919a;font-size:23px}.modal-body{font-size:13px;color:#b6b7bf;line-height:1.6}.modal-body label{display:block;font-size:11px;font-weight:600;color:#c2c3cb;margin:15px 0 6px}.modal-body input,.modal-body textarea,.modal-body select{width:100%;background:#17181b;border:1px solid #3c3d43;border-radius:5px;padding:10px;color:#e9e9ed}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.modal-actions button,.feature-primary{padding:9px 15px;border-radius:5px;background:#f38036;color:#191a1d;font-weight:650;font-size:12px}.modal-actions .quiet{background:#303137;color:#d0d1d8}.feature-list{display:grid;gap:8px}.feature-item{display:block;width:100%;text-align:left;border:1px solid #3a3b42;border-radius:6px;padding:12px;background:#191a1d;overflow-wrap:anywhere;color:#d4d5db}.feature-item small{display:block;font-size:11px;color:#90919a;margin-top:5px}.attached-chip{padding:8px;border:1px solid #3d3e44;border-radius:5px;margin:8px 0;font-size:12px;color:#c7c8d0}@media(min-width:1600px){.app{grid-template-columns:72px 260px minmax(0,1fr) 248px}}@media(max-width:1200px){.members{display:none}.app{grid-template-columns:64px 228px minmax(0,1fr)}.topic{max-width:150px}.servers{padding-top:19px}.server.active:before{left:-10px}}@media(max-width:900px){.topic,.top-sep{display:none}.topbar{padding:0 18px}.search{width:140px}.welcome{padding:32px 24px 16px}.message{padding:10px 24px}.composer-wrap{padding:14px 18px 10px}}@media(max-width:680px){.app{grid-template-columns:56px minmax(0,1fr)}.servers{padding-top:16px;gap:8px}.server{width:38px;height:38px;border-radius:12px}.server.active:before{left:-9px;top:8px;height:22px}.brand-mark{width:38px;height:38px}.channels{display:none;position:absolute;left:56px;top:0;bottom:0;z-index:8;width:240px;box-shadow:12px 0 40px #0006}.channels.open{display:flex}.mobile-menu{display:grid}.topbar{height:60px;padding:0 12px;gap:7px}.top-actions{gap:4px}.search{width:110px}.top-title{max-width:100px;overflow:hidden;text-overflow:ellipsis}.feature-buttons #inbox{display:none}.welcome{padding:28px 20px 12px}.welcome h1{font-size:22px}.message{padding:10px 16px;gap:10px}.message-actions{position:static;opacity:1;pointer-events:auto;width:max-content;margin-top:5px;border:0;background:none;box-shadow:none}.message-actions button{padding:3px 6px}.composer-wrap{padding:12px}.composer button{width:27px}.hint{display:none}.community-label{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}} 

[hidden]{display:none!important}.unread-count{margin-left:auto;min-width:17px;padding:1px 5px;border-radius:8px;background:#f38036;color:#171719;font-size:10px;font-weight:700}.dm-initial{display:grid;place-items:center;background:#35363d;border-radius:50%;width:22px;height:22px;font-size:11px}.sidebar-empty{padding:10px;color:#81828c;font-size:11px;line-height:1.7}.friends-page{padding:32px}.friends-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.friends-heading h1{margin:0;font-size:24px}.friends-heading p{font-size:12px;color:#91929d}.friend-row{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #34353b;font-size:13px}.friend-row small{display:block;color:#868792;font-size:11px;margin-top:5px}.friend-actions{display:flex;gap:6px;margin-left:auto}.friend-actions button{padding:7px 10px;background:#303138;border-radius:5px;color:#c8c9d1;font-size:11px}.friend-actions button:hover{background:#41424b}.friends-empty{padding:60px 0;text-align:center}.friends-empty h2{font-size:18px}.friends-empty p{color:#868792;font-size:12px;line-height:1.7}.dm-members{visibility:hidden}.social-home{font-size:21px}@media(max-width:680px){.friends-page{padding:20px}.friend-row{flex-wrap:wrap}.friend-actions{margin-left:0}.friends-heading{gap:10px}.friends-heading h1{font-size:21px}}
.member-message{padding:0;background:none;text-align:left;cursor:pointer}.member-message:hover{color:#f3a56f}.management-modal{width:min(940px,96vw);padding:0;max-height:90vh}.management-modal>.modal-head{padding:20px 24px;margin:0;border-bottom:1px solid #35363d}.management-modal .modal-body{padding:0}.manage-layout{display:grid;grid-template-columns:174px minmax(0,1fr);min-height:460px}.manage-nav{padding:18px 10px;background:#191a1d;border-right:1px solid #303137}.manage-nav button{display:block;width:100%;padding:10px 12px;text-align:left;background:none;color:#9496a1;border-radius:5px;font-size:12px;margin:2px 0}.manage-nav button:hover{background:#292a30;color:#e4e5eb}.manage-nav button.active{background:#f3803617;color:#efac7c}.manage-content{padding:26px;overflow:auto;max-height:calc(90vh - 72px)}.manage-heading{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.manage-heading h3{margin:0 0 7px;font-size:18px;color:#e8e9ef}.manage-heading p{font-size:12px;color:#90929e;line-height:1.6;margin:0;max-width:400px}.manage-heading>div:last-child{flex-shrink:0}.manage-row{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #32333a}.manage-row>div{flex:1;min-width:0}.manage-row b{color:#d5d6df;font-size:12px}.manage-row small{display:block;color:#858794;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.manage-button{border:1px solid #40414a;border-radius:5px;background:#2c2d33;color:#c9cad4;padding:7px 10px;font-size:11px;white-space:nowrap}.manage-button:hover{background:#3b3c45}.manage-button.danger{color:#f18c8c;border-color:#713b40;background:#47252b}.manage-danger-zone{margin-top:36px;padding-top:20px;border-top:1px solid #423139}.manage-danger-zone p{font-size:12px;color:#90929e}.manage-danger-zone button{margin:0 6px 6px 0}.manage-notice{padding:12px 14px;margin:14px 0;background:#18191d;border:1px solid #33343d;border-radius:6px;font-size:11px;color:#9597a4;line-height:1.7}.manage-empty{padding:28px 10px;text-align:center;color:#858794;font-size:12px}.role-swatch{width:12px;height:12px;flex-shrink:0;border-radius:50%}.role-badge{font-size:9px;color:#e0ae80;margin-left:7px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:12px 0}.modal-body label.check-row{display:flex;align-items:center;gap:9px;margin:0;padding:9px 0;font-size:12px;line-height:1.5;font-weight:400;color:#b4b6c2}.modal-body .check-row input{width:15px;height:15px;padding:0;accent-color:#f38036;flex-shrink:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-body input[type=color]{padding:3px;height:39px}.manage-content h4{font-size:13px;color:#d7d8df;margin:22px 0 10px}.manage-content form+form{margin-top:28px;border-top:1px solid #36373f;padding-top:10px}.override-matrix{margin:20px 0;border:1px solid #363740;border-radius:6px}.matrix-row{display:grid;grid-template-columns:1fr 135px;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #363740;font-size:12px}.matrix-row:last-child{border-bottom:0}.matrix-row label{display:none}.matrix-row select{padding:6px!important;font-size:11px}.audit-entry{padding:16px 0;border-bottom:1px solid #32333b;overflow-wrap:anywhere}.audit-entry>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.audit-entry b{font-size:12px;text-transform:capitalize;color:#d9dbe3}.audit-entry time{font-size:10px;color:#7d8090}.audit-entry p{font-size:12px;margin:6px 0;color:#a5a8b4}.audit-entry small{display:block;color:#7e8190;font-size:11px}.invite-link{display:flex;gap:8px;margin:16px 0}.invite-link button{background:#f38036;color:#191a1d;padding:9px 14px;border-radius:5px;white-space:nowrap;font-weight:650;font-size:12px}.channel-row{position:relative;display:flex;align-items:center}.channel-row .channel{padding-right:24px}.channel-gear{position:absolute;right:4px;top:6px;border-radius:4px;background:none;color:#92949f;padding:4px;opacity:0}.channel-row:hover .channel-gear,.channel-gear:focus-visible{opacity:1}.category-title{margin-top:24px}.server-settings-link{margin-top:26px;width:100%;padding:10px;background:none;border-top:1px solid #303139;text-align:left;font-size:11px;color:#858894}.server-settings-link:hover{color:#e4b18a}.server-settings-link span{float:right}.member-info{flex:1;min-width:0}.member-options{background:none;color:#858794;padding:2px;font-size:18px;opacity:0}.member:hover .member-options,.member-options:focus-visible{opacity:1}.caret{border:0;background:none}.select-message{font-size:10px;display:flex;align-items:center;gap:3px;padding:4px;color:#a5a6ad;cursor:pointer}.select-message input{accent-color:#f38036}.composer button:disabled{opacity:.3;cursor:not-allowed}.management-modal .feature-primary{border:0;border-radius:5px;padding:9px 14px;background:#f38036;color:#171819;font-weight:650;font-size:12px}@media(max-width:680px){.management-modal{width:100%;max-height:95vh}.manage-layout{grid-template-columns:1fr;min-height:0}.manage-nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #303137;padding:8px}.manage-nav button{width:auto;flex-shrink:0;padding:8px 11px}.manage-content{padding:18px;max-height:calc(95vh - 135px)}.permission-grid{grid-template-columns:1fr}.manage-row{flex-wrap:wrap}.manage-row>div{min-width:140px}.manage-heading{flex-wrap:wrap}.member-options,.channel-gear{opacity:1}.audit-entry>div{align-items:flex-start;flex-direction:column;gap:4px}.form-grid{grid-template-columns:1fr}.matrix-row{grid-template-columns:1fr 110px}}
.upload-queue{display:flex;gap:10px;overflow:auto;margin-bottom:10px;padding:2px 0 6px}.upload-item{display:flex;align-items:center;gap:9px;min-width:250px;max-width:330px;padding:10px;border:1px solid #41434b;border-radius:7px;background:#272930}.upload-thumb{width:42px;height:42px;display:grid;place-items:center;border-radius:5px;background:#1a1b20;color:#999cab;overflow:hidden;flex-shrink:0}.upload-thumb img{width:100%;height:100%;object-fit:cover}.upload-details{flex:1;min-width:0}.upload-details b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;color:#d7d9e3}.upload-details small{display:block;font-size:10px;line-height:1.6;color:#9295a5;margin-top:3px}.upload-details progress{width:100%;height:3px;accent-color:#f38036}.upload-item button{border:0;background:none;font-size:11px;color:#b8bbc9;padding:4px}.upload-item .remove-upload{font-size:19px}.upload-item.upload-error{border-color:#874650}.upload-error small{color:#df9198}.message-attachments{display:flex;flex-direction:column;gap:10px;margin:10px 0 6px;max-width:440px}.attachment{position:relative;overflow:hidden;background:#191b20;border:1px solid #363941;border-radius:7px;max-width:440px}.attachment-image{display:block;padding:0;background:#141519;width:100%;cursor:zoom-in}.attachment-image img{display:block;width:auto;max-width:100%;max-height:350px;object-fit:contain;margin:auto}.attachment video{display:block;max-width:100%;width:100%;max-height:350px;background:#101115}.attachment audio{display:block;width:100%;padding:8px;max-width:100%}.attachment-info{display:flex;gap:10px;align-items:center;padding:10px 12px;min-width:0;padding-right:64px}.attachment-info a{color:#cbceda;text-decoration:none;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.attachment-info a:hover{text-decoration:underline;color:#efa777}.attachment-info span{font-size:10px;color:#7e8292;white-space:nowrap}.attachment-controls{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:3px}.attachment-controls a,.attachment-controls button{display:grid;place-items:center;background:#282b32;border:0;width:24px;height:24px;border-radius:4px;color:#a6abba;text-decoration:none;font-size:16px}.attachment-controls a:hover,.attachment-controls button:hover{background:#3b3f49;color:#f3f4fa}.document-attachment{display:flex;align-items:center;min-height:62px}.document-attachment .attachment-icon{padding-left:12px;color:#a1a6b8}.document-attachment .attachment-info{flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:4px;padding-left:10px}.document-attachment .attachment-info a{max-width:100%}.attachment-unavailable{font-size:11px;color:#828695;padding:8px 0}.file-drop-overlay{position:fixed;inset:0;z-index:80;background:#12151cdb;border:3px dashed #f38036;display:grid;place-items:center;pointer-events:none}.file-drop-overlay>div{display:flex;flex-direction:column;text-align:center;gap:10px}.file-drop-overlay b{font-size:24px;color:#e6e8ef}.file-drop-overlay span{font-size:13px;color:#a6aab8}.image-viewer{position:fixed;inset:0;z-index:90;background:#0d0f13;display:flex;flex-direction:column}.image-viewer>header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #262a33;gap:20px;flex-shrink:0}.image-viewer header>div{min-width:0}.image-viewer header b{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8dce7}.image-viewer header span{display:block;font-size:10px;color:#80889d;margin-top:5px}.image-viewer nav{display:flex;align-items:center;gap:8px}.image-viewer nav button,.image-viewer nav a{display:block;white-space:nowrap;background:#242832;border:1px solid #343a47;border-radius:5px;padding:8px 12px;color:#c1c8d9;font-size:11px;text-decoration:none}.image-viewer nav #viewerClose{font-size:19px;padding:4px 12px}.viewer-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px;gap:14px}.viewer-image-wrap{height:100%;flex:1;min-width:0;display:flex;align-items:center;justify-content:center;overflow:auto}.viewer-image-wrap img{max-width:100%;max-height:100%;object-fit:contain}.viewer-stage>button{border:0;background:#242832;border-radius:50%;width:36px;height:36px;flex-shrink:0;font-size:27px;color:#bec5d6}.image-viewer.zoomed .viewer-image-wrap{align-items:flex-start;justify-content:flex-start}.image-viewer.zoomed img{max-width:none;max-height:none;object-fit:initial}.image-viewer.zoomed #viewerZoom{border-color:#f38036;color:#f0a878}@media(max-width:680px){.image-viewer>header{padding:12px;gap:10px}.image-viewer nav{gap:5px}.image-viewer nav button,.image-viewer nav a{padding:7px;font-size:10px}.viewer-stage{padding:10px;gap:7px}.viewer-stage>button{width:28px;height:28px;font-size:23px}.attachment-info{flex-direction:column;align-items:flex-start;gap:4px}.attachment-info a{max-width:100%}.message-attachments{max-width:100%}}