.people-toolbar{display:flex;align-items:flex-start;gap:14px;padding:12px 21px 5px;min-width:0}.people-toolbar .people-strip{flex:1;min-width:0;width:0;padding:3px 0 5px;display:flex;justify-content:flex-start;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}.people-toolbar .people-strip::-webkit-scrollbar{display:none}.people-toolbar .people-strip.is-dragging{cursor:grabbing;user-select:none}.people-toolbar .person-bubble{width:57px;flex:0 0 57px;user-select:none}.people-toolbar .person-bubble>span:last-child{max-width:66px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-toolbar .circle-entry{position:relative;margin-top:3px;margin-left:auto;flex:0 0 57px;min-height:82px}.circle-entry .bubble-portrait{background:#fff;color:#6c7563}.circle-entry .bubble-portrait svg{width:23px;height:23px}.circle-entry:before{content:'';position:absolute;inset:-3px auto 0 -14px;width:14px;background:linear-gradient(90deg,#f3f2ef00,#f3f2ef);pointer-events:none}
.circle-summary{display:flex;align-items:center;gap:11px;background:#eeefe6;border-radius:21px;padding:15px 12px;margin:9px 0 17px}.circle-child-avatar{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;flex-shrink:0;background-image:url('../assets/moments.png');background-size:300% auto;background-color:#e5e8dd;color:#849275;font-size:18px}.circle-summary>div{flex:1;min-width:0}.circle-summary strong{font-size:15px;font-weight:550}.circle-summary p{font-size:9px;color:#969e8a;line-height:1.7;margin:6px 0 0}.circle-role{font-size:9px;color:#8c9980;white-space:nowrap;padding:5px 7px;background:#e6eadb;border-radius:8px}.circle-role.owner{background:#eeebe0;color:#9a8c6d}.circle-role.admin{background:#e8eddf;color:#81926c}
.circle-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.circle-main-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;background:#fff;border:1px solid #e6e8dd;border-radius:17px;font-size:12px;color:#68795a}.circle-main-actions button:first-child{background:#343d2d;border-color:#343d2d;color:#fff}.circle-main-actions svg{width:16px;height:16px}.circle-pending-entry{display:flex;align-items:center;gap:5px;width:100%;min-height:43px;border-radius:13px;background:#eeeee4;padding:0 13px;color:#899575;font-size:11px}.circle-pending-entry>span{flex:1;display:flex;align-items:center;gap:7px;text-align:left}.circle-pending-entry b{font-size:10px;background:#b09b79;color:white;border-radius:20px;min-width:17px;padding:2px;text-align:center;font-weight:500}.circle-pending-entry>svg{width:12px;height:12px}
.circle-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:23px 2px 8px}.circle-list-heading h3{font-size:14px;font-weight:550}.circle-list-heading>span{font-size:10px;color:#a0a88f}.circle-member{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #e5e8db}.circle-member:last-child{border-bottom:0}.circle-member-avatar{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:#e4e8dc;color:#859377;font-size:12px;flex-shrink:0}.circle-member-avatar.tone-1{background:#ece5df;color:#a38f7b}.circle-member-avatar.tone-2{background:#e7e9e3;color:#8d9780}.circle-member>div{flex:1;min-width:0}.circle-member strong{font-size:13px;font-weight:500;color:#526047}.circle-member strong>small{font-size:9px;color:#9ca68c;margin-left:7px}.circle-member p{font-size:10px;color:#9aa38c;line-height:1.8;margin:4px 0 0}.circle-member>button{display:flex;align-items:center;gap:2px;font-size:11px;min-height:44px;color:#7d9168}.circle-member>button svg{width:11px;height:11px}
.circle-preview-note{font-size:9px;color:#a0a891;line-height:1.9;text-align:center;margin:18px 3px 8px}.circle-intro,.circle-readonly-note{font-size:12px;color:#919d80;line-height:1.9;margin:9px 2px 17px}.circle-readonly-note{font-size:10px;background:#eeefe6;border-radius:13px;padding:11px 12px}.circle-person-intro{display:flex;flex-direction:column;align-items:center;margin:16px 0 26px}.circle-person-intro .circle-member-avatar{width:60px;height:60px;font-size:18px}.circle-person-intro h3{font-size:19px;font-weight:550;margin:13px 0 5px}.circle-person-intro p{font-size:11px;color:#9aa68a;margin:0}
.circle-permission-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #e4e8d8}.circle-permission-row>span{min-width:0;flex:1}.circle-permission-row strong{font-size:12px;font-weight:500;color:#69795a}.circle-permission-row small{display:block;line-height:1.8;font-size:10px;color:#a0aa90;margin-top:5px}.circle-permission-row [role=switch]{width:42px;height:25px;border-radius:20px;background:#dce2d2;position:relative;flex-shrink:0}.circle-permission-row [role=switch]>i{position:absolute;top:3px;left:3px;border-radius:50%;width:19px;height:19px;background:white;box-shadow:0 1px 4px #34412114;transition:transform .15s}.circle-permission-row [aria-checked=true]{background:#94a77c}.circle-permission-row [aria-checked=true]>i{transform:translateX(17px)}.circle-permission-row [role=switch]:disabled{opacity:.5}.circle-permission-row [role=switch]:before{content:'';position:absolute;inset:-10px 0}.circle-remove-person{width:100%;min-height:48px;color:#b48970;font-size:12px;border-radius:13px;background:#f2ebe1;margin:24px 0 4px}.circle-danger-button{background:#aa8065}.circle-text-row{display:flex;align-items:center;gap:5px;min-height:48px;width:100%;font-size:11px;color:#919f7f;margin-top:10px}.circle-text-row>span{margin-left:auto}.circle-text-row svg{width:12px;height:12px}
.circle-invite-intro{display:flex;flex-direction:column;align-items:center;margin:15px 0 18px}.circle-invite-intro .circle-child-avatar{width:55px;height:55px}.circle-invite-intro h3{font-size:18px;font-weight:550;margin:14px 0 7px;letter-spacing:-.3px;text-align:center}.circle-invite-intro p{font-size:11px;color:#98a38a;margin:0;line-height:1.8}.circle-qr{display:flex;justify-content:center;max-width:228px;aspect-ratio:1;margin:0 auto;background:white;border:1px solid #e4e9d8;padding:9px;border-radius:22px}.circle-qr svg{display:block;width:100%;height:auto}.circle-invite-code{display:flex;align-items:center;justify-content:center;gap:11px;margin:17px 0 0;font-size:11px;color:#98a48a}.circle-invite-code strong{font-size:16px;color:#6b7c59;font-weight:500;letter-spacing:.5px}.circle-invite-code button{min-height:40px;font-size:10px;color:#7d9266}.circle-invite-rule{text-align:center;font-size:10px;color:#a1aa92;margin:0 0 9px}.circle-invite-secondary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.circle-invite-secondary button{display:flex;align-items:center;gap:2px;color:#92a17f;font-size:10px;min-height:40px}.circle-invite-secondary svg{width:11px;height:11px}
.circle-requests>article{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fffef8;border:1px solid #e4e8d9;border-radius:19px;padding:15px;margin:12px 0}.circle-requests>article>div{flex:1;min-width:0}.circle-requests strong{font-size:13px;font-weight:500}.circle-requests p{font-size:10px;color:#9aa78b;margin:5px 0;line-height:1.8}.circle-requests small{font-size:9px;color:#a6ae97}.circle-requests footer{display:flex;gap:9px;margin-top:4px;width:100%;justify-content:flex-end}.circle-requests footer button{min-height:36px;border-radius:20px;padding:0 15px;font-size:11px;background:#eff1e7;color:#92a17d}.circle-requests footer button:last-child{background:#8d9f79;color:#fff}
.circle-overview>button{display:flex;align-items:center;gap:12px;width:100%;min-height:85px;text-align:left;border-bottom:1px solid #e4e8d8}.circle-overview>button>span:nth-child(2){flex:1;min-width:0}.circle-overview strong{display:block;font-size:14px;font-weight:500;color:#66775a}.circle-overview small{display:block;font-size:10px;color:#9ba98b;margin-top:7px}.circle-overview svg{width:14px;height:14px;color:#a6af99}.circle-join-title{text-align:center;margin:18px 0}.circle-join-title>svg{width:37px;height:37px;color:#95a880}.circle-join-title h3{font-size:20px;font-weight:550;margin:15px 0 8px}.circle-join-title p{font-size:11px;line-height:1.9;color:#9aa78a}#circle-join-form label{display:block;font-size:12px;margin:17px 0 9px;color:#7c8d6a}#circle-join-form input,.circle-copy-fallback{display:block;width:100%;font:inherit;font-size:16px;line-height:1.8;padding:11px 13px;background:#fffef8;border:1px solid #dfe6d2;border-radius:13px;color:#5b6e4a}.circle-copy-fallback{min-height:120px;overflow-wrap:anywhere;resize:vertical}.circle-join-success{display:flex;align-items:center;flex-direction:column;text-align:center;padding:25px 5px}.circle-join-success>svg{width:43px;height:43px;background:#e6eddb;color:#8b9f72;border-radius:50%;padding:9px}.circle-join-success h3{font-size:20px;font-weight:500;margin:20px 0 10px}.circle-join-success p{font-size:12px;color:#92a17f;line-height:1.9}.circle-join-success small{font-size:10px;color:#a4ad95;margin-top:12px}
@media(max-width:360px){.people-toolbar{padding-inline:17px;gap:12px}.people-toolbar .people-strip{gap:11px}.people-toolbar .person-bubble,.people-toolbar .circle-entry{width:50px;flex-basis:50px}.circle-summary{gap:8px;padding-inline:10px}.circle-summary strong{font-size:14px}.circle-member{gap:8px}.circle-member p{font-size:9px}.circle-invite-intro h3{font-size:17px}}