#grp-panel{position:fixed;left:0;right:0;top:0;bottom:calc(58px + env(safe-area-inset-bottom,0px));z-index:2140;background:#070c08f5;color:#e8f5c8;display:flex;flex-direction:column;font-family:var(--cond,system-ui)}
#grp-panel[hidden]{display:none}
#grp-panel .ds-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #9ccc6544;letter-spacing:.12em}
#grp-panel .ds-head button{background:none;border:0;color:#e8f5c8;font-size:26px;line-height:1}
#grp-panel .grp-in{overflow:auto;padding:8px 14px 16px;flex:1}
#grp-panel h3{margin:14px 0 6px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#c8ad7f}
#grp-panel input,#grp-panel select{min-height:40px;padding:6px 8px;border-radius:8px;border:1px solid #9ccc6555;background:#0d160f;color:#e8f5c8;font-size:15px;max-width:100%}
#grp-panel .row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:6px 0}
#grp-panel .row input{flex:1;min-width:120px}
#grp-panel td{padding:5px 3px;border-bottom:1px solid #9ccc6522}
#grp-panel a{color:#ffd23f}
.grp-note{border:1px solid #9ccc6544;border-radius:10px;padding:8px 10px;margin:8px 0}
.grp-sosbtn{width:100%;margin-top:10px;background:#5a0d0d!important;color:#fff!important;border:1px solid #ff4f3f!important;min-height:48px;font-weight:700}
.grp-sosbtn.on{background:#ff1f1f!important}
.grp-sosrow{color:#ff4f3f;font-weight:700}
.grp-code{font:700 30px/1.2 var(--mono,monospace);letter-spacing:.18em;text-align:center;padding:10px;margin:6px 0;border:1px dashed #ffd23f;border-radius:10px;color:#ffd23f}
.grp-mem-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #9ccc6522;padding:8px 0}
.grp-mem-row .btn{margin-left:auto}
#grp-msgs{max-height:52vh;overflow:auto;padding:4px 0}
.grp-msg{background:#ffffff10;border-radius:10px;padding:6px 9px;margin:5px 30px 5px 0}
.grp-msg.mine{background:#2e9bff30;margin:5px 0 5px 30px}
#grp-sosbar{position:fixed;left:8px;right:8px;top:calc(8px + env(safe-area-inset-top,0px));z-index:2200;background:#ff1f1f;color:#fff;font-weight:700;padding:12px;border-radius:10px;text-align:center;box-shadow:0 4px 18px #000a}
body.grp-open #dk{display:grid!important;z-index:2150}
#grp-panel .grp-top{padding:6px 14px 0;border-bottom:1px solid #9ccc6522}
#grp-panel .grp-top:empty{display:none}
#grp-tabs .btn{flex:1;min-height:40px;padding:4px 6px;font-size:13px}
#grp-tabs{flex-wrap:nowrap!important}
.grp-up{text-align:center;padding:18px 8px}.grp-up-ic{font-size:40px}.grp-up h3{margin:8px 0 6px}.grp-up .btn{margin-top:12px;width:100%}
.grp-inv-note{background:#2a3a1a;border:1px solid #9bd65a;color:#e8f5d0;border-radius:10px;padding:10px 12px;margin:10px 0;font-size:14px;line-height:1.35}