/* Skin controls shared by both appearances. */
.skin-switcher{display:flex;align-items:center;gap:4px;flex-shrink:0}.skin-switcher select{background:#242838;color:#e2d7ff;border:1px solid #ffffff22;border-radius:7px;padding:7px 5px;font-size:11px;max-width:88px;cursor:pointer}.skin-settings{margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid #ffffff18}.skin-settings h3{font-size:18px;margin:0 0 8px}.skin-settings>p{font-size:12px;color:#9da6bd;line-height:1.6;margin-bottom:14px}.skin-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skin-options>button{text-align:left;padding:10px;border:2px solid #ffffff18;background:#202432;border-radius:10px;color:#e8e3f4;cursor:pointer;min-width:0}.skin-options>button[aria-pressed=true]{border-color:#b79bff}.skin-options strong,.skin-options small{display:block;margin-top:8px}.skin-options small{font-size:10px;color:#aab1c5}.skin-preview{display:flex;flex-direction:column;gap:10px;min-height:110px;padding:10px;overflow:hidden}.skin-preview i,.skin-preview b,.skin-preview em{font-size:10px;font-style:normal}.skin-preview-modern{background:#13151e;border-radius:7px;color:#c5afff}.skin-preview-modern i{height:10px;background:#292e40;border-radius:4px}.skin-preview-modern em{color:#929bb4}.skin-preview-retro{background:#000;border:3px ridge #c0c0c0;font-family:'Courier New',monospace}.skin-preview-retro i{background:#000080;color:#fff;padding:4px}.skin-preview-retro b{color:#55dddd}.skin-preview-retro em{color:#ddd;font-family:'Courier New',monospace}
/* Windows 95 / IRC-inspired palette and beveled chrome. */
html[data-skin=retro]{--bg-primary:#000;--bg-secondary:#c0c0c0;--bg-tertiary:#aaa;--bg-floating:#c0c0c0;--bg-modifier-hover:#00008018;--bg-modifier-selected:#000080;--text-normal:#111;--text-muted:#333;--text-header:#111;--text-link:#61dfdf;--accent-discord:#000080;--accent-beer:#000080;--accent-green:#008000;--scrollbar-thumb:#c0c0c0;--scrollbar-track:#dfdfdf}
html[data-skin=retro] *{font-family:Tahoma,'Segoe UI',sans-serif;scrollbar-color:#c0c0c0 #dfdfdf;scrollbar-width:auto}
html[data-skin=retro] body{background:#008080;color:#111}
html[data-skin=retro] .discord-container{padding:3px;gap:3px;background:#c0c0c0}
html[data-skin=retro] :is(.channels-sidebar,.members-sidebar,.chat-main){border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;background:#c0c0c0}
html[data-skin=retro] .servers-sidebar{background:#aaa;width:58px;gap:9px;padding-top:7px;border-right:1px solid #666}
html[data-skin=retro] .servers-dynamic-list{gap:9px}
html[data-skin=retro] .server-icon{width:40px;height:40px;border-radius:0;background:#c0c0c0;border:2px outset #eee;color:#000;font-size:23px}
html[data-skin=retro] .server-item.active .server-icon{background:#b9b9d8;border-style:inset}
html[data-skin=retro] .server-pill{background:#000080}
html[data-skin=retro] :is(.table-header,.chat-header){background:linear-gradient(90deg,#000080,#244db2);color:#fff;border:0;border-radius:0;height:42px;min-height:42px;padding:0 9px;gap:7px}
html[data-skin=retro] :is(.table-header,.chat-header) :is(.chat-header-title,.chat-header-topic,.chat-header-icon){color:#fff}
html[data-skin=retro] .table-header{font-size:14px}
html[data-skin=retro] .chat-header-title{font-size:14px}
html[data-skin=retro] .chat-header-actions{gap:5px}
html[data-skin=retro] .community-banner{background:#c0c0c0;border:2px groove #eee;border-radius:0;padding:11px;margin:9px;gap:6px}
html[data-skin=retro] .community-banner :is(strong,.eyebrow,span){color:#111}
html[data-skin=retro] .community-banner strong{font-size:15px;letter-spacing:0}
html[data-skin=retro] :is(button,.desktop-download,.community-navigation button,.community-banner button,.skin-switcher select){border-radius:0;box-shadow:none;background:#c0c0c0;color:#111;border:2px outset #eee}
html[data-skin=retro] button:hover{background:#d3d3d3;color:#000}
html[data-skin=retro] button:active{border-style:inset}
html[data-skin=retro] :is(button,input,select,a):focus-visible{outline:1px dotted currentColor;outline-offset:2px}
html[data-skin=retro] .community-navigation{gap:4px;padding:7px 8px 0}
html[data-skin=retro] .community-navigation button{padding:7px;font-size:12px}
html[data-skin=retro] .category-header{color:#111;letter-spacing:0;font-size:12px}
html[data-skin=retro] .channel-btn{border:0;border-radius:0;color:#111}
html[data-skin=retro] .channel-btn.active{background:#000080;color:#fff;border:0}
html[data-skin=retro] .channel-btn:hover{background:#999;color:#000}
html[data-skin=retro] .channel-btn.active:hover{background:#000080;color:#fff}
html[data-skin=retro] .channels-sidebar .btn-edit-channel-icon{background:transparent;border:0;color:inherit}
html[data-skin=retro] :is(.voice-user-pill,.voice-user-pill.speaking){color:#111}
html[data-skin=retro] .voice-user-pill.speaking{color:#006b00}
html[data-skin=retro] :is(.user-panel,.voice-connection-panel){background:#c0c0c0;border-top:2px groove #eee;color:#111}
html[data-skin=retro] :is(.user-username,.user-custom-status,.voice-connected-text,.voice-channel-text){color:#111}
html[data-skin=retro] .user-controls .btn-icon{border:0;background:transparent;color:#111}
html[data-skin=retro] :is(.avatar-badge,.member-avatar,.message-avatar){border-radius:0;border:1px solid #666;background:#ddd}
html[data-skin=retro] .members-sidebar{padding:12px 8px}
html[data-skin=retro] :is(.members-heading,.member-name,.member-status,.members-category){color:#111}
html[data-skin=retro] .members-heading{margin-bottom:16px;font-size:13px}
html[data-skin=retro] .members-heading span{color:#006000;letter-spacing:0}
html[data-skin=retro] .members-category{letter-spacing:0;font-size:11px;margin:18px 0 7px}
html[data-skin=retro] .messages-feed{background:#000;color:#ddd;padding:12px 8px;gap:5px;border:2px inset #ddd}
html[data-skin=retro] .message-item{margin:0;padding:6px 4px;border-radius:0;gap:9px}
html[data-skin=retro] :is(.message-text,.message-text *,.message-timestamp,.message-author){font-family:'Courier New',Consolas,monospace}
html[data-skin=retro] .message-text{font-size:14px;line-height:1.5;color:#eee}
html[data-skin=retro] .message-author{font-size:13px;color:#56dfdf}
html[data-skin=retro] .message-timestamp{font-size:11px;color:#aaa}
html[data-skin=retro] .message-badge{background:#000080;color:#fff;border-radius:0;border:1px solid #7070b0}
html[data-skin=retro] .message-image{border-radius:0;border:2px outset #c0c0c0}
html[data-skin=retro] .message-image.is-sticker{border:0}
html[data-skin=retro] .reaction-chip{background:#c0c0c0;border:2px outset #eee;border-radius:0;color:#111}
html[data-skin=retro] .reaction-chip.reacted{background:#b6b6df;border-style:inset}
html[data-skin=retro] .message-actions button{background:#c0c0c0;color:#111;border-radius:0}
html[data-skin=retro] .channel-welcome{padding:16px 8px;border-color:#555;margin-bottom:10px}
html[data-skin=retro] .channel-welcome :is(h1,p){color:#ddd;font-family:'Courier New',monospace}
html[data-skin=retro] .channel-welcome h1{font-size:23px;letter-spacing:0}
html[data-skin=retro] .channel-welcome .welcome-icon{background:#000080;color:#fff;border-radius:0;width:42px;height:42px;font-size:26px}
html[data-skin=retro] .chat-input-area{background:#c0c0c0;padding:7px 9px 10px;border-top:2px outset #eee}
html[data-skin=retro] .chat-input-wrapper{border:2px inset #eee;background:#fff;border-radius:0;min-height:42px;padding:3px 5px}
html[data-skin=retro] .message-input{background:#fff;color:#000;font:14px 'Courier New',monospace}
html[data-skin=retro] .message-input::placeholder{color:#666}
html[data-skin=retro] #btn-send-message{background:#c0c0c0;color:#000;border:2px outset #eee;border-radius:0}
html[data-skin=retro] :is(.typing-indicator,.chat-input-tools,.chat-input-tools button){color:#222}
html[data-skin=retro] .connection-status{background:#c0c0c0;color:#005600;border-bottom:2px groove #eee;font-size:11px;letter-spacing:0;padding:4px 9px}
html[data-skin=retro] .message-search{background:#fff;color:#111;border:2px inset #eee;border-radius:0;padding:4px 6px}
html[data-skin=retro] .message-search input{color:#111;background:#fff}
html[data-skin=retro] .voice-room-cards{background:#aaa;border-bottom:2px groove #eee}
html[data-skin=retro] .voice-room-heading strong{color:#000080}
html[data-skin=retro] .voice-person{background:#c0c0c0;color:#111;border:2px outset #eee;border-radius:0;padding:9px}
html[data-skin=retro] .voice-person.speaking{border-color:#008000;box-shadow:none}
html[data-skin=retro] .screen-stage-header{background:#000080}
html[data-skin=retro] .screen-sharer-name{color:#fff}
html[data-skin=retro] :is(.modal-card,.settings-modal-card,.community-dialog,.auth-card){background:#c0c0c0;color:#111;border:3px outset #eee;border-radius:0;box-shadow:5px 5px #0008}
html[data-skin=retro] :is(.modal-overlay,.auth-overlay){background:#008080df;backdrop-filter:none}
html[data-skin=retro] :is(.settings-sidebar,.settings-content){background:#c0c0c0;color:#111}
html[data-skin=retro] :is(.settings-sidebar-header,.settings-header,.settings-hint,.settings-content label,.settings-content h2,.settings-content h3,.form-group label,.community-help,.community-dialog label,.auth-brand h2,.auth-brand p,.auth-footer){color:#111}
html[data-skin=retro] .settings-nav-btn.active{background:#000080;color:#fff}
html[data-skin=retro] .community-dialog>header{background:#000080;color:#fff;border-radius:0;padding:12px}
html[data-skin=retro] .community-dialog header :is(h2,small){color:#fff}
html[data-skin=retro] .community-dialog::backdrop{background:#0007;backdrop-filter:none}
html[data-skin=retro] :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select,.community-dialog input:not([type=checkbox]),.community-dialog textarea,.community-dialog select){background:#fff;color:#111;border:2px inset #eee;border-radius:0;box-shadow:none}
html[data-skin=retro] .auth-input-field{background:#fff;border:2px inset #eee;border-radius:0}
html[data-skin=retro] .auth-input-field input{border:0!important}
html[data-skin=retro] :is(.auth-tabs,.auth-tab,.btn-auth-submit,.btn-save,.btn-cancel){border-radius:0}
html[data-skin=retro] .auth-tab.active{background:#000080;color:#fff}
html[data-skin=retro] .desktop-download{background:#c0c0c0;color:#111}
html[data-skin=retro] .desktop-download small{color:#333}
html[data-skin=retro] .desktop-download-login>.fa-windows{color:#000080}
html[data-skin=retro] .skin-settings{border-color:#888}
html[data-skin=retro] .skin-settings>p{color:#333}
html[data-skin=retro] .skin-options>button{background:#c0c0c0;color:#111;border-radius:0;border:2px outset #eee}
html[data-skin=retro] .skin-options>button[aria-pressed=true]{outline:2px solid #000080;outline-offset:1px;border-style:inset}
html[data-skin=retro] .skin-options small{color:#333}
html[data-skin=retro] .skin-preview-modern *{font-family:'Segoe UI',sans-serif}
html[data-skin=retro] .toast{background:#ffffdb;color:#111;border:2px outset #eee;border-radius:0}
html[data-skin=retro] ::-webkit-scrollbar{width:16px;height:16px}html[data-skin=retro] ::-webkit-scrollbar-track{background:#dfdfdf}html[data-skin=retro] ::-webkit-scrollbar-thumb{background:#c0c0c0;border:2px outset #eee;border-radius:0}
@media(max-width:700px){.skin-switcher select{max-width:70px;padding:6px 2px}.skin-switcher{gap:1px}.skin-options{grid-template-columns:1fr}html[data-skin=retro] .servers-sidebar{display:none}html[data-skin=retro] .channels-sidebar{width:280px}html[data-skin=retro] .chat-header{padding:0 5px;gap:5px}html[data-skin=retro] .chat-header-actions{gap:3px}html[data-skin=retro] .message-search{display:none}}
/* Preserve icon glyphs while using period-appropriate interface fonts. */
html[data-skin=retro] :is(.fa-solid,.fas){font-family:'Font Awesome 6 Free'!important;font-weight:900}html[data-skin=retro] :is(.fa-regular,.far){font-family:'Font Awesome 6 Free'!important;font-weight:400}html[data-skin=retro] :is(.fa-brands,.fab){font-family:'Font Awesome 6 Brands'!important;font-weight:400}
html[data-skin=retro] .table-header *{color:#fff}html[data-skin=retro] .servers-sidebar .server-icon{border-radius:0;background:#c0c0c0}html[data-skin=retro] .servers-sidebar .server-item.active .server-icon{background:#b9b9d8}
html[data-skin=retro] .arrival-sound-setting{background:#c0c0c0;border:2px groove #eee;border-radius:0}html[data-skin=retro] .arrival-sound-setting :is(strong,small,span){color:#111}
html[data-skin=retro] :is(.emoji-picker,.attachment-preview,.activity-card,.personal-sticker-card){background:#c0c0c0;border:2px outset #eee;border-radius:0;color:#111}
html[data-skin=retro] :is(.sticker-dropzone,.direct-history){background:#fff;border:2px inset #eee;border-radius:0;color:#111}html[data-skin=retro] :is(.sticker-dropzone strong,.sticker-dropzone p,.sticker-dropzone small,.sticker-library-empty,.activity-card p,.attachment-preview strong,.attachment-preview small,.direct-line p){color:#222}
html[data-skin=retro] .community-tabs button.selected{background:#000080;color:#fff}html[data-skin=retro] .direct-line strong{color:#000080}
html[data-skin=retro] .message-actions{margin-top:0;max-height:0;overflow:hidden;opacity:0}html[data-skin=retro] .message-item:hover .message-actions,html[data-skin=retro] .message-item:focus-within .message-actions{max-height:70px;opacity:1;margin-top:4px}html[data-skin=retro] .message-content{gap:2px}html[data-skin=retro] .message-reactions{margin-top:3px}html[data-skin=retro] .message-avatar{width:30px;height:30px;font-size:18px}
@media(hover:none){html[data-skin=retro] .message-actions{max-height:none;opacity:1;margin-top:4px}}