.my-group-section{margin:32px 0 36px}.my-group-card{background:var(--journey-paper,#fffdf7);border:1px solid var(--journey-edge,#c6d4d3);padding:27px 30px;color:var(--journey-ink,#405762);position:relative;box-shadow:0 4px 0 #5678680a}.my-group-card:before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#a8bdaf 0 33%,#d8c398 33% 66%,#b1c9d7 66%)}.my-group-identity{display:flex;align-items:center;gap:25px}.group-crest{display:flex;align-items:center;justify-content:center;width:96px;height:96px;flex-shrink:0;background:#eaf0e5;border:1px solid #c2d1bc;border-radius:20px 20px 32px 32px;box-shadow:inset 0 0 0 6px #f8faf4;overflow:hidden;color:#658575;font:28px WenKai,sans-serif}.group-crest img{width:100%;height:100%;object-fit:contain;background:#fffdf7}.group-crest [hidden]{display:none}.my-group-copy{min-width:0;flex:1}.my-group-kicker{display:block;font:10px/1.6 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:2px;color:#969d86}.my-group-copy h3{font:29px/1.4 WenKai,sans-serif!important;margin:9px 0 8px;overflow-wrap:anywhere}.my-group-slogan{font-size:17px;line-height:1.7;overflow-wrap:anywhere}.my-group-source{display:block;margin-top:10px;font-size:12px;color:#91998c}.my-group-edit.ghost{font:14px WenKai,sans-serif;align-self:flex-start;margin-top:8px;white-space:nowrap}.my-group-members{margin-top:24px;padding:19px 0;border-top:1px dashed #d8ddd0;border-bottom:1px dashed #d8ddd0;display:flex;align-items:flex-start;gap:23px}.my-group-members>span{font-size:13px;white-space:nowrap;margin-top:6px;color:#8a9382}.my-group-members b{font-weight:400;margin-left:7px}.my-group-members>div{display:flex;gap:10px 15px;flex-wrap:wrap}.group-member{display:inline-flex;align-items:center;gap:7px;font-size:14px}.group-member i{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#e8eddf;font-size:12px;font-style:normal;color:#7b8d72}.group-member:nth-child(3n+2) i{background:#e7edf0;color:#758c9c}.group-member:nth-child(3n) i{background:#f1e8d8;color:#a18c67}.my-group-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:20px}.my-group-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.my-group-links .primary{font:14px WenKai,sans-serif}.group-song{font-size:15px;color:#768978!important;text-decoration:underline;text-underline-offset:4px}.group-link-pending{font-size:13px;color:#a0a68e}.my-group-bottom small{font-size:11px;color:#9a9f90;white-space:nowrap}.my-group-note{padding:25px;background:var(--journey-paper,#fffdf7);border:1px dashed #cbd5c3;font-size:16px;line-height:1.8;color:#83917e}.my-group-note button{margin-top:10px}.group-dialog{width:min(620px,calc(100vw - 28px));max-height:88vh;padding:0;border:1px solid #c5cfc2;border-radius:8px;background:#fffdf7;color:#405762;box-shadow:0 20px 80px #24352d35;font:16px WenKai,sans-serif}.group-dialog::backdrop{background:#25363066;backdrop-filter:blur(3px)}.group-dialog header{padding:24px 26px 19px;display:flex;gap:20px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e4e7da}.group-dialog h2{font:27px/1.5 WenKai,sans-serif!important;margin-top:8px}.group-dialog [data-group-close]{font:28px sans-serif;color:#899683;background:none;border:0;cursor:pointer;padding:3px 7px}.group-form-body{padding:20px 26px}.group-form-note{font-size:13px;line-height:1.8;color:#939b89;margin-bottom:20px}.group-logo-editor{display:flex;gap:23px;align-items:center;padding:12px 0 23px;margin-bottom:15px;border-bottom:1px dashed #dce1d3}.group-logo-editor .group-crest{width:82px;height:82px}.group-logo-editor .ghost{display:inline-block;cursor:pointer;font:14px WenKai,sans-serif}.group-logo-editor p{font-size:12px;line-height:1.7;color:#9aa08f;margin-top:9px}#group-logo-file{display:block;font:12px WenKai,sans-serif;max-width:100%;margin:9px 0}.group-remove-logo{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:10px}.group-remove-logo input{width:15px;height:15px;accent-color:#658575}.group-dialog .field{margin-bottom:18px}.group-dialog .field label{display:block;font-size:15px;margin-bottom:8px}.group-dialog .field input{width:100%;box-sizing:border-box;font:16px/1.65 WenKai,sans-serif;border:1px solid #d4ddcf;border-radius:4px;padding:10px 12px;background:#fbfcf7;color:#405762}.group-dialog .field input:focus{outline:2px solid #a1bdae;outline-offset:2px}.group-dialog .field p{font-size:12px;color:#9aa38f;line-height:1.7;margin-top:7px}.group-dialog footer{padding:17px 26px;background:#f5f7ee;border-top:1px solid #e2e7d8;display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;bottom:0}.group-dialog footer span{font-size:12px;color:#939d88}.group-dialog .primary{font:15px WenKai,sans-serif;background:#658575;color:#fffdf7;border:1px solid #658575;padding:11px 18px;border-radius:4px;white-space:nowrap}.group-form-error{font-size:14px;color:#a25f50;line-height:1.7}.group-dialog [data-group-latest]{margin-top:12px;text-decoration:underline;font-size:14px}.group-dialog button:disabled{opacity:.5;cursor:wait}
@media(max-width:900px){.my-group-card{padding:23px}.my-group-edit.ghost{font-size:12px;padding:9px}.group-crest{width:78px;height:78px}.my-group-bottom{align-items:flex-start;flex-direction:column}.my-group-copy h3{font-size:25px!important}}
@media(max-width:680px){.my-group-section .section-head h2 span{display:none}.my-group-card{padding:22px 18px}.my-group-identity{gap:16px;flex-wrap:wrap}.my-group-copy{flex-basis:calc(100% - 95px)}.my-group-copy h3{font-size:24px!important}.my-group-slogan{font-size:15px}.my-group-edit.ghost{margin-top:0;margin-left:auto}.my-group-members{display:block;margin-top:17px}.my-group-members>span{display:block;margin:0 0 13px}.my-group-members>div{gap:11px}.group-member{font-size:13px}.my-group-links{gap:15px}.group-dialog header{padding:20px}.group-dialog h2{font-size:23px!important}.group-form-body{padding:18px 20px}.group-dialog footer{padding:14px 20px}.group-dialog footer span{max-width:110px}.group-logo-editor{gap:15px}.group-logo-editor>div:last-child{min-width:0}}
.group-dialog [hidden]{display:none!important}

.group-crest > span {font-size:16px;white-space:nowrap}