#mc-settings{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-left:auto}
#mc-settings button{border:1px solid #34482e;color:#badea8;background:#162117;border-radius:7px;font-size:11px;white-space:nowrap;padding:8px 10px}
#mc-settings button[aria-pressed="true"]{border-color:#67924b;color:#b5ff52}
/* MarshChat 0.4: responsive IRC client, media attachments and calling */
#mc-v04-networks,#mc-v04-people{display:none}
.mc-v04-verified{margin-left:auto;color:#10200d;background:#b7ff66;border-radius:5px;padding:1px 4px;font:bold 9px/1.45 system-ui,sans-serif;letter-spacing:0;flex:none}
.mc-v04-verified.mc-v04-idle{background:#31432b;color:#b1c5a2;border:1px solid #658151}
#mc-nick-list .mc-v03-item .mc-nick{gap:7px;padding-right:47px}
#mc-nick-list .mc-v04-call-nick{position:absolute;right:25px;top:50%;transform:translateY(-50%);border:0;padding:2px 3px;min-height:23px;min-width:22px;background:#2b3d24;color:#bdff8a;font-size:15px;z-index:1}
#mc-nick-list .mc-v04-call-nick:hover{color:#071207;background:#b5ff52}
#mc-v04-attach{background:#253821;border:1px solid #607d47;flex:0 0 38px;min-width:38px;min-height:38px;padding:4px;border-radius:8px;color:#d2ffb3;font-size:23px;line-height:1}
#mc-v04-attach:hover{background:#3c582f}
#mc-v04-attach:disabled{opacity:.5}
#compose{align-items:center}
#compose input#message{flex:1;min-width:0;margin:0;padding:7px 5px}
#compose input#mc-v04-file{display:none}
.toolbar #mc-v04-voice,.toolbar #mc-v04-video{border-color:#668c46;color:#bfff88;background:#263a21}
.toolbar #mc-v04-voice:disabled,.toolbar #mc-v04-video:disabled{opacity:.4;cursor:not-allowed}
.mc-v04-photo{display:block;max-width:max-content;width:min(280px,90%);padding:8px 0;text-decoration:none;color:#c7fba0;font-size:11px}
.mc-v04-photo img{display:block;width:auto;max-width:100%;max-height:245px;border-radius:12px;border:1px solid #49613c;object-fit:contain;background:#152216}
.mc-v04-photo span{display:block;padding:4px 0}
#mc-v04-call-overlay{position:fixed;z-index:10050;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(3,9,5,.88)}
#mc-v04-call-overlay[hidden]{display:none!important}
.mc-v04-call-card{width:min(540px,100%);background:#121e16;border:1px solid #688c54;color:#eaffdb;border-radius:18px;padding:22px;box-shadow:0 15px 70px #000b}
.mc-v04-call-card h2{margin:0 0 8px;font-size:23px}
.mc-v04-call-card p{color:#bed0b6;font-size:13px}
.mc-v04-call-stage{position:relative;height:290px;background:#07120b;border:1px solid #31452f;border-radius:12px;overflow:hidden}
.mc-v04-call-stage[hidden]{display:none}
#mc-v04-remote{width:100%;height:100%;object-fit:contain}
#mc-v04-local{position:absolute;right:10px;bottom:10px;width:26%;height:34%;object-fit:cover;background:#233024;border-radius:9px;border:1px solid #7a9e63}
.mc-v04-call-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:18px}
.mc-v04-call-actions button{padding:10px 13px;min-height:42px}
#mc-v04-accept{background:#b5ff52;color:#11210b}
#mc-v04-hangup,#mc-v04-reject{background:#4a1e20;color:#ffdfdd;border-color:#7e4143}
#mc-v04-scrim{display:none}
@media(max-width:980px){
 .toolbar #mc-v04-voice,.toolbar #mc-v04-video{padding:7px 9px}
}
@media(max-width:760px){
 html,body{margin:0;width:100%;height:100%;overflow:hidden}
 body{display:flex!important;height:100dvh!important;min-height:0;align-items:stretch}
 body>aside{display:flex!important;position:fixed!important;z-index:1002;top:0;bottom:0;left:0;width:min(320px,86vw)!important;overflow:auto!important;overscroll-behavior:contain;background:#101a13;transform:translateX(-105%);transition:transform .23s ease;box-shadow:12px 0 35px #0009;padding:20px 16px!important}
 body.mc-v04-show-networks>aside{transform:translateX(0)}
 body>aside .section,body>aside .aside-bottom{display:block}
 body>aside #networks{display:block!important;overflow:visible}
 body>aside #add{width:100%;margin:12px 0}
 body>aside .network{min-width:0;width:100%}
 body>main{height:100dvh!important;max-height:100dvh;min-height:0;display:flex!important;flex:1!important;width:100%;max-width:100vw;overflow:hidden}
 main>header{flex:none;min-height:unset!important;display:grid;grid-template-columns:118px minmax(0,1fr);gap:9px 10px!important;padding:10px 12px 8px!important}
 #mc-v04-networks,#mc-v04-people{display:inline-flex;align-items:center;justify-content:center;background:#223820;border:1px solid #5c8344;color:#d1ff9e;border-radius:9px;padding:9px 11px;min-height:42px;white-space:nowrap;font-size:12px}
 main>header>div:first-of-type{min-width:0;display:flex;align-items:center}
 main>header>div:first-of-type small{display:none}
 main>header h1{font-size:18px!important;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 main>header small{font-size:8px;letter-spacing:1px}
 main>header #status{grid-column:1 / -1;justify-self:start;padding:5px 10px;font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
 #mc-settings{grid-column:1/-1;width:100%;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:7px;margin:0!important;padding-bottom:2px;scrollbar-width:none}
 #mc-settings button{flex:none;padding:7px 8px;font-size:10px}
 .toolbar{flex:none;display:flex!important;align-items:center;flex-wrap:nowrap!important;gap:6px!important;padding:7px 9px!important;overflow-x:auto;scrollbar-width:thin;min-height:53px}
 .toolbar label{flex:0 0 auto;gap:6px;font-size:10px;white-space:nowrap}
 .toolbar select{width:120px!important;max-width:33vw;font-size:12px;padding:7px 4px}
 .toolbar button{min-height:38px;white-space:nowrap;padding:7px 8px!important;font-size:11px!important;flex:0 0 auto}
 .toolbar #mc-v04-people:disabled{opacity:.45}
 #mc-tabs{min-height:46px;flex:none;gap:4px;overflow-x:auto;padding:6px 7px 0!important;scroll-snap-type:x proximity}
 #mc-tabs .mc-v03-item{scroll-snap-align:start}
 #mc-tabs .mc-tab{min-height:38px;max-width:158px}
 #mc-topic{flex:none;padding:6px 10px!important}
 #mc-workspace{flex:1 1 0;min-height:0;overflow:hidden;position:relative}
 #messages{display:block;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain;padding:10px 12px!important}
 #messages .line{font-size:12px;line-height:1.65;overflow-wrap:anywhere}
 #messages .line time{display:inline;font-size:9px;margin-right:6px}
 #messages .line strong{font-size:11px;margin-right:7px}
 #mc-nicks{display:flex!important;position:fixed;top:0;bottom:0;right:0;z-index:1003;width:min(300px,84vw)!important;flex-basis:auto!important;transform:translateX(105%);transition:transform .23s ease;box-shadow:-14px 0 40px #0008;background:#111c15}
 body.mc-v04-show-nicks #mc-nicks:not([hidden]){transform:translateX(0)}
 #mc-nicks[hidden]{display:none!important}
 #mc-nicks-heading,#mc-nick-filter,#mc-nick-list{display:flex!important}
 #mc-nicks-heading{min-height:65px;align-items:center}
 #mc-nick-filter{display:block!important}
 #mc-nick-list{display:block!important;flex:1;overflow:auto}
 #mc-typing{flex:none;padding:3px 10px!important}
 #compose{margin:5px 8px max(8px,env(safe-area-inset-bottom))!important;min-height:50px;gap:6px;padding:6px 7px;border-radius:13px;flex:none}
 #compose input#message{font-size:16px!important;min-width:0;flex:1}
 #compose button:last-of-type{min-height:38px;padding:7px 11px;font-size:12px}
 #mc-v04-attach{min-width:38px;min-height:38px}
 main>footer{display:none}
 #mc-v04-scrim{position:fixed;inset:0;background:#000a;border:0;border-radius:0;padding:0;z-index:1001}
 body.mc-v04-show-networks #mc-v04-scrim,body.mc-v04-show-nicks #mc-v04-scrim{display:block}
 body.mc-v04-show-nicks #mc-v04-scrim{z-index:1001}
 .mc-v03-more{opacity:1;min-width:28px;min-height:30px}
 .mc-v04-call-card{max-height:96dvh;overflow-y:auto;padding:16px}
 .mc-v04-call-stage{height:240px}
 .mc-v04-call-actions button{flex:1;min-width:90px}
 dialog{max-height:92dvh;overflow-y:auto;width:min(430px,95vw);padding:18px}
 .welcome{margin:10vh auto}.welcome h2{font-size:24px}
}
@media(max-width:390px){
 main>header h1{font-size:16px!important}
 #mc-v04-networks{padding:7px;font-size:11px}
 .toolbar select{width:105px!important}
 #mc-v04-call-overlay{padding:8px}
 .mc-v04-call-stage{height:200px}
}
@media(prefers-reduced-motion:reduce){body>aside,#mc-nicks{transition:none!important}}