.user-controls{z-index:20;flex-shrink:0;position:relative}.user-avatar{width:var(--control-height,40px);height:var(--control-height,40px);color:#555;font:inherit;cursor:pointer;background:#f3f3f3;border:0;border-radius:50%;place-items:center;padding:0;font-size:12px;font-weight:600;transition:background .16s,color .16s,transform .16s cubic-bezier(.16,1,.3,1);display:grid}.user-avatar:hover,.user-avatar[aria-expanded=true]{color:#222;background:#e3e3e3}.user-avatar:active{transform:scale(.95)}.user-menu{background:#fff;border:1px solid #e3e3e3;border-radius:12px;width:190px;padding:6px;animation:.16s cubic-bezier(.16,1,.3,1) both user-arrive;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #00000012}.user-menu button{width:100%;font:inherit;text-align:left;color:#222;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:11px 12px;font-size:13px;transition:background .16s;display:flex}.user-menu button:hover,.user-menu button:focus-visible{background:#f1f1f1}.user-dialog{color:#222;width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);font:inherit;background:#fff;border:1px solid #e3e3e3;border-radius:16px;margin:auto;padding:28px;overflow:auto;box-shadow:0 20px 70px #00000020}.user-dialog[open]{animation:.18s cubic-bezier(.16,1,.3,1) both user-arrive}.user-dialog::backdrop{background:#0000002e}.user-dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.user-dialog-heading h2{margin:0;font-size:23px;font-weight:600;line-height:1.3}.user-dialog-close{color:#777;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:background .16s;display:grid}.user-dialog-close:hover{background:#eee}.user-profile-preview{color:#555;background:#f3f3f3;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:24px;font-size:20px;font-weight:600;display:grid}.user-field{flex-direction:column;gap:9px;font-size:13px;display:flex}.user-field input,.user-field select{box-sizing:border-box;color:#222;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d8d8d8;border-radius:8px;padding:10px 12px}.user-field input:focus-visible,.user-field select:focus-visible{outline-offset:2px;outline:2px solid #777}.user-storage-note{color:#777;margin:12px 0 0;font-size:12px}.user-save-error{color:#333;margin:12px 0 0;font-size:12px}.user-dialog-actions{justify-content:flex-end;gap:8px;margin-top:28px;display:flex}.user-dialog-actions button{color:#222;font:inherit;cursor:pointer;background:#f3f3f3;border:0;border-radius:8px;padding:10px 17px;font-size:13px;transition:background .16s,transform .16s}.user-dialog-actions button:hover{background:#e3e3e3}.user-dialog-actions .user-save{color:#fff;background:#222}.user-dialog-actions .user-save:hover{background:#444}@keyframes user-arrive{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.user-controls *{transition:none!important;animation:none!important}}html[data-motion=reduced] .user-controls *{transition:none!important;animation:none!important}@media (max-width:480px){.user-dialog{padding:22px}}.user-avatar img,.user-profile-preview img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.user-avatar>span,.user-profile-preview>span,.members-avatar>span{border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.user-menu-identity{border-bottom:1px solid #eee;flex-direction:column;gap:2px;min-width:0;margin-bottom:4px;padding:10px 12px 12px;font-size:13px;display:flex}.user-menu-identity strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.user-menu-identity span{color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.user-menu{width:230px}.user-dialog.wide{width:min(560px,100vw - 32px)}.members{flex-direction:column;gap:18px;display:flex}.members-invite{align-items:center;gap:8px;display:flex}.members-invite input{color:#222;min-width:0;min-height:42px;font:inherit;background:#fff;border:1px solid #d8d8d8;border-radius:8px;flex:1;padding:10px 12px}.members-invite input:focus-visible{outline-offset:2px;outline:2px solid #777}.members-invite .user-save{color:#fff;background:#222;border:0;border-radius:8px;padding:11px 17px;font-size:13px}.members-invite .user-save:hover{background:#444}.members .user-save-error{margin:0}.members-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.members-list li{border-top:1px solid #eee;grid-template-columns:36px minmax(0,1fr) auto 32px;align-items:center;gap:12px;padding:10px 0;display:grid}.members-list li:first-child{border-top:0}.members-avatar{color:#555;background:#f3f3f3;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:grid;overflow:hidden}.members-avatar img{object-fit:cover;width:100%;height:100%}.members-who{flex-direction:column;min-width:0;display:flex}.members-who strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.members-who small{color:#777;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.members-role{color:#555;font-size:12px}.pending .members-who strong{font-weight:500}.members-remove{color:#777;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}button.members-remove:hover{color:#222;background:#eee}@media (max-width:480px){.members-invite{flex-wrap:wrap}.members-invite input{flex-basis:100%}}
.select-control{vertical-align:middle;min-width:0;display:inline-flex}.select-control .select-control-trigger{max-width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:8px 10px;line-height:1.4;transition:background .14s;display:inline-flex}.select-control .select-control-trigger:hover,.select-control .select-control-trigger[aria-expanded=true]{background:#eee}.select-control .select-control-trigger:focus-visible{outline-offset:2px;outline:2px solid #888}.select-control-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-control-trigger>svg{color:#777;flex-shrink:0}.select-control-menu{box-sizing:border-box;color:#222;overscroll-behavior:contain;z-index:100;background:#fff;border:1px solid #e2e2e2;border-radius:10px;outline:none;margin:0;padding:5px;font-family:inherit;font-size:13px;line-height:1.4;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 8px 24px #00000014}.select-control-menu:popover-open{animation:.14s cubic-bezier(.16,1,.3,1) both select-control-arrive}.select-control-menu .select-control-option{cursor:pointer;box-sizing:border-box;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;min-height:34px;padding:8px 10px;transition:background .1s;display:flex}.select-control-menu .select-control-option.is-active{background:#f1f1f1}.select-control-option>svg{flex-shrink:0}.select-control-option>span{overflow-wrap:anywhere}@keyframes select-control-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.select-control-menu,.select-control .select-control-trigger,.select-control-option{transition:none!important;animation:none!important}}html[data-motion=reduced] .select-control-menu,html[data-motion=reduced] .select-control .select-control-trigger,html[data-motion=reduced] .select-control-option{transition:none!important;animation:none!important}
.presence-bar{flex-shrink:0;align-items:center;display:flex}.presence-avatar{border:2px solid var(--paper,#fff);color:#555;background:#f3f3f3;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:-6px;padding:0;font-size:11px;font-weight:600;transition:transform .16s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:visible}.presence-avatar:first-child{margin-left:0}.presence-avatar:hover{z-index:1;transform:translateY(-1px)}.presence-avatar img,.presence-avatar>span{object-fit:cover;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.presence-avatar:after{content:"";border:2px solid var(--peer);opacity:0;border-radius:50%;transition:opacity .16s;position:absolute;inset:-4px}.presence-avatar[aria-pressed=true]:after{opacity:1}.presence-avatar:focus-visible{outline-offset:3px;outline:2px solid #777}.presence-more{color:#777;margin-left:6px;font-size:12px}.presence-cursors{pointer-events:none;z-index:30;position:absolute;inset:0;overflow:hidden}.presence-cursors.fixed{z-index:60;position:fixed}.presence-cursor{will-change:transform;transition:transform 80ms linear;position:absolute;top:0;left:0}.presence-cursor svg{filter:drop-shadow(0 1px 2px #00000059);display:block}.presence-name{white-space:nowrap;color:#1f1f1f;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:600;line-height:1.4;position:absolute;top:14px;left:14px;box-shadow:0 1px 4px #0003}@media (prefers-reduced-motion:reduce){.presence-cursor,.presence-avatar{transition:none}}html[data-motion=reduced] .presence-cursor,html[data-motion=reduced] .presence-avatar{transition:none}