/* Shared social controls retain the site's surfaces, typography and square controls. */
.pc-square-button{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;padding:0;border:1px solid var(--line,var(--ui-border));border-radius:0;background:var(--white,var(--ui-surface));color:var(--ink,var(--ui-text));cursor:pointer;position:relative;transition:background .22s,border-color .22s}
.pc-square-button:hover{background:var(--soft,var(--ui-surface2));border-color:var(--focus,var(--ui-accent))}.pc-square-button svg,.pc-social-popover svg,.pc-social-dialog svg,.pc-chat-page svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.pc-square-button[data-count]:not([data-count='']):after{content:attr(data-count);position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--paper);border-radius:20px;background:var(--lime);color:var(--on-accent);font:9px/1 Consolas,monospace}
.pc-profile-trigger{border:0;padding:0;background:none;display:flex;align-items:center;cursor:pointer}.pc-person-avatar{display:inline-grid;place-items:center;flex:none;position:relative;width:32px;height:32px;border-radius:50%!important;background:color-mix(in srgb,var(--lime,var(--ui-accent)) 14%,var(--white,var(--ui-surface)));border:1px solid var(--line,var(--ui-border));color:var(--lime,var(--ui-accent-text));font:600 11px/1 var(--body-font,var(--ui-font));isolation:isolate}.pc-person-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%!important}.pc-person-avatar.is-large{width:96px;height:96px;font-size:31px}.pc-person-status{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%!important;border:2px solid var(--white,var(--ui-surface));background:#858c8d}.pc-person-avatar.is-large .pc-person-status{width:19px;height:19px;border-width:3px}.pc-person-avatar[data-status=online] .pc-person-status{background:#96b99f}.pc-person-avatar[data-status=coding] .pc-person-status{background:#b8a1db}.pc-person-avatar[data-status=forum] .pc-person-status,.pc-person-avatar[data-status=chat] .pc-person-status{background:#89b2c7}.pc-person-avatar[data-status=idle] .pc-person-status{background:#d0b47d}.pc-person-avatar[data-status=dnd] .pc-person-status{background:#d38c9a}.pc-person-avatar[data-status=dnd] .pc-person-status:after{content:'';position:absolute;left:1px;right:1px;top:50%;height:1px;background:#202427}.pc-status-dot{width:8px;height:8px;border-radius:50%;background:#96b99f}.pc-status-dot[data-status=dnd]{background:#d38c9a}.pc-status-dot[data-status=idle]{background:#d0b47d}.pc-status-dot[data-status=invisible]{background:#858c8d}
.pc-social-popover{position:fixed;inset:auto;margin:0;padding:0;width:360px;max-width:calc(100vw - 20px);max-height:min(580px,calc(100dvh - 30px));overflow:auto;border:1px solid var(--line,var(--ui-border));background:var(--white,var(--ui-surface));color:var(--ink,var(--ui-text));box-shadow:0 18px 50px #0005;font:12px/1.5 var(--body-font,var(--ui-font));animation:pc-social-open .24s cubic-bezier(.2,.8,.2,1) both;transform-origin:top right}.pc-social-popover::backdrop{background:transparent}.pc-popover-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line,var(--ui-border))}.pc-popover-heading h2{font:600 17px/1.2 var(--body-font,var(--ui-font));margin:0}.pc-popover-heading a,.pc-popover-heading button{font-size:10px}.pc-social-link{color:inherit;text-decoration:none}.pc-social-link:hover{color:var(--lime,var(--ui-accent-text))}.pc-social-empty{padding:20px 16px;margin:0;color:var(--muted,var(--ui-muted));font-size:11px;line-height:1.7}.pc-muted{font-size:11px;color:var(--muted,var(--ui-muted));line-height:1.6}.pc-menu-label{display:block;font:9px/1.5 Consolas,monospace;letter-spacing:1px;color:var(--muted,var(--ui-muted));padding:15px 12px 7px}.pc-small-button{padding:6px 9px;border:1px solid var(--line,var(--ui-border));background:var(--soft,var(--ui-surface2));color:var(--ink,var(--ui-text));font:10px/1.5 var(--body-font,var(--ui-font));cursor:pointer}
.pc-friend-list{max-height:335px;overflow:auto}.pc-friend-row{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line,var(--ui-border));min-width:0}.pc-friend-person{display:flex;align-items:center;gap:11px;flex:1;min-width:0;text-decoration:none;color:inherit}.pc-friend-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.pc-friend-copy strong{font-weight:600;font-size:12px;overflow:hidden;text-overflow:ellipsis}.pc-friend-copy small{font-size:10px;color:var(--muted,var(--ui-muted))}.pc-friend-row .pc-square-button{width:28px;height:28px;min-width:28px;background:transparent}.pc-add-friend{padding:16px;display:flex;flex-direction:column;gap:12px}.pc-context-menu,.pc-profile-menu{display:flex;flex-direction:column;padding:6px}.pc-social-popover.is-context{width:225px}.pc-menu-option{display:flex;align-items:center;gap:10px;min-height:35px;padding:9px 12px;background:none;border:0;text-align:left;font:11px/1.4 var(--body-font,var(--ui-font));color:inherit;cursor:pointer;transition:background .2s}.pc-menu-option:hover{background:var(--soft,var(--ui-surface2))}.pc-menu-option.is-danger{color:var(--danger,var(--ui-danger))}.pc-profile-menu>a{padding:9px 12px;font-size:11px;text-decoration:none;color:inherit}.pc-profile-menu-head{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line,var(--ui-border))}
.pc-notifications-popover{width:410px}.pc-notification{display:flex;align-items:flex-start;gap:12px;padding:17px 15px;border-bottom:1px solid var(--line);font-size:11px}.pc-notification.is-unread{background:color-mix(in srgb,var(--lime) 6%,var(--white));box-shadow:inset 2px 0 var(--lime)}.pc-notification>div{flex:1;min-width:0}.pc-notification a{display:block;line-height:1.7}.pc-notification time{display:block;margin-top:6px;color:var(--muted);font-size:9px}.pc-notification-actions{display:flex;gap:8px;margin-top:12px}.pc-notifications-popover>div>.pc-social-link{display:block;padding:13px 16px;font-size:10px}.pc-notification-toast{display:flex;align-items:center;gap:12px;position:fixed;right:20px;bottom:24px;z-index:10000;max-width:min(430px,calc(100vw - 30px));padding:15px;background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:0 12px 40px #0005;font:12px/1.6 var(--body-font);animation:pc-social-open .3s both}.pc-notification-toast .pc-square-button{border:0;width:26px;height:26px;min-width:26px}
.pc-social-dialog{--social-border:var(--line,var(--ui-border));padding:0;margin:auto;width:min(570px,calc(100vw - 28px));max-height:90dvh;overflow:auto;border:1px solid var(--social-border);border-radius:var(--ui-radius,0);background:var(--white,var(--ui-surface));color:var(--ink,var(--ui-text));font:12px/1.6 var(--body-font,var(--ui-font));box-shadow:0 25px 100px #0007;animation:pc-social-open .28s cubic-bezier(.2,.8,.2,1) both}.pc-social-dialog::backdrop{background:#050609a8}.pc-social-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--social-border)}.pc-social-dialog-head h2{font:650 22px/1.2 var(--heading,var(--ui-font-heading));margin:0;letter-spacing:-.5px}.pc-social-dialog .input,.pc-social-dialog input{color:var(--ink,var(--ui-text));background:var(--paper,var(--ui-editor));border-color:var(--social-border)}.pc-social-dialog .button{background:var(--soft,var(--ui-surface2));border:1px solid var(--social-border);color:inherit;padding:10px 14px;min-height:36px;cursor:pointer;font:600 11px/1.5 var(--body-font,var(--ui-font));border-radius:var(--ui-radius-sm,0)}.pc-social-dialog .button.primary{background:var(--primary-bg,var(--ui-accent));color:var(--primary-fg,var(--on-accent,#152118));border-color:var(--primary-bg,var(--ui-accent))}.pc-social-dialog .form-error{font-size:11px;color:var(--danger,var(--ui-danger))}.pc-gift-form{display:grid;gap:18px;padding:22px}.pc-gift-form .field{display:flex;flex-direction:column;gap:8px}.pc-gift-cost{display:grid;gap:10px;padding-block:17px;border-block:1px solid var(--line)}.pc-gift-cost>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.pc-gift-cost>div:last-child{font-size:16px;color:var(--lime)}.pc-gift-cost strong{display:flex;align-items:center;gap:7px}.pc-gift-form>p{margin:0}.pc-gift-form .form-error:empty{display:none}
.pc-people-picker{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:42px;padding:5px 8px;border:1px solid var(--line,var(--ui-border));background:var(--paper,var(--ui-editor));flex:1;min-width:0;border-radius:var(--ui-radius-sm,0)}.pc-people-picker:focus-within{border-color:var(--focus,var(--ui-accent))}.pc-people-chips{display:contents}.pc-people-input{flex:1;min-width:110px;width:120px;min-height:29px;padding:3px;border:0!important;background:transparent!important;color:var(--ink,var(--ui-text));font:12px var(--body-font,var(--ui-font));outline:none!important}.pc-person-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 5px;border:1px solid var(--line,var(--ui-border));background:var(--soft,var(--ui-surface2));font:10px var(--body-font,var(--ui-font));max-width:100%}.pc-person-chip .pc-person-avatar{height:20px;width:20px;font-size:8px}.pc-person-chip .pc-person-status{display:none}.pc-person-chip .pc-person-chip-remove{display:grid;place-items:center;flex:0 0 20px;box-sizing:border-box;width:20px;height:20px;min-width:20px;min-height:20px;max-width:20px;max-height:20px;margin:0;padding:0;border:0;border-radius:var(--ui-radius-sm,0);background:transparent;color:inherit;box-shadow:none;line-height:1;cursor:pointer;transition:background .18s,color .18s}.pc-person-chip .pc-person-chip-remove:hover{background:color-mix(in srgb,var(--ink,var(--ui-text)) 9%,transparent)}.pc-person-chip .pc-person-chip-remove:focus-visible{outline:1px solid var(--focus,var(--ui-accent));outline-offset:1px}.pc-person-chip .pc-person-chip-remove svg{display:block;width:11px;height:11px;flex:none;margin:0;stroke:currentColor;fill:none}.pc-person-chip svg{width:11px;height:11px}.pc-user-popover{width:330px}.pc-user-results{padding:5px}.pc-user-option{display:flex;width:100%;align-items:center;gap:9px;padding:9px;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:12px var(--body-font,var(--ui-font));transition:background .2s}.pc-user-option:hover,.pc-user-option.is-active{background:var(--soft,var(--ui-surface2))}.pc-person-option{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.pc-person-option>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pc-person-option>small{font-size:10px;color:var(--muted,var(--ui-muted))}
.pc-mention-wrap{position:relative;min-width:0;isolation:isolate}.pc-mention-clip{position:absolute;inset:1px;overflow:hidden;z-index:0;border-radius:inherit;background:var(--field-bg,var(--ui-editor))}.pc-mention-mirror{white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;position:absolute;inset:0 auto auto 0;width:100%;box-sizing:border-box;pointer-events:none;color:var(--ink,var(--ui-text));font:inherit}.pc-mention-textarea{position:relative;z-index:1;display:block;background:transparent!important;color:transparent!important;-webkit-text-fill-color:transparent;caret-color:var(--ink,var(--ui-text));width:100%;resize:vertical}.pc-mention-textarea::placeholder{-webkit-text-fill-color:var(--muted,var(--ui-muted));color:var(--muted,var(--ui-muted))}.pc-mention-textarea::selection{background:#b8a1db44}.pc-mention-token{position:relative;text-decoration:none}.pc-mention-token.is-valid{color:#a8cdb1}.pc-mention-token.is-invalid{color:#f0a3a7}.pc-mention-token.is-loading{background:linear-gradient(90deg,var(--lime,var(--ui-accent)) 50%,transparent 50%) 0 100%/200% 1px no-repeat;animation:pc-mention-load .85s ease-in-out infinite}.pc-mention-token.is-valid,.pc-mention-token.is-invalid{animation:pc-mention-verified .3s ease both}
.pc-document-share-body{padding:20px 22px}.pc-document-share-body>.pc-muted{margin:0 0 19px}.pc-document-invite{display:flex;align-items:flex-start;gap:8px;margin-bottom:20px}.pc-permission-picker{display:inline-flex;flex:none}.pc-permission-trigger{width:42px;height:42px}.pc-permission-popover{width:270px}.pc-permission-options{padding:5px}.pc-permission-option{display:grid;grid-template-columns:22px 1fr;gap:2px 10px;text-align:left;width:100%;padding:12px 10px;color:inherit;background:none;border:0;cursor:pointer;transition:background .2s;font:12px/1.5 var(--body-font,var(--ui-font))}.pc-permission-option svg{grid-row:1/3;align-self:center}.pc-permission-option small{font-size:10px;color:var(--muted,var(--ui-muted))}.pc-permission-option:hover,.pc-permission-option[aria-pressed=true]{background:var(--soft,var(--ui-surface2))}.pc-document-members{border:1px solid var(--line,var(--ui-border))}.pc-document-members .pc-popover-heading{padding:12px}.pc-document-member{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid var(--line,var(--ui-border))}.pc-document-member .pc-square-button{height:29px;width:29px;min-width:29px}.pc-document-links{display:flex;align-items:center;gap:15px;margin-top:20px}.pc-document-links small{font-size:10px}.pc-document-invite>.button{min-height:42px}.pc-document-share .form-error:empty{display:none}
.pc-notification-settings{max-width:700px}.pc-notification-settings h2{margin:0 0 12px;font:600 26px var(--body-font)}.pc-notification-settings>.pc-muted{margin-bottom:24px}.pc-settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line);font-size:12px;cursor:pointer}.pc-settings-toggle input{appearance:none;width:32px;height:18px;border:1px solid var(--line);background:var(--soft);position:relative;cursor:pointer;transition:background .25s}.pc-settings-toggle input:after{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;background:var(--muted);transition:transform .25s,background .25s}.pc-settings-toggle input:checked{background:var(--lime)}.pc-settings-toggle input:checked:after{transform:translateX(14px);background:var(--on-accent)}
.pc-chat-page{display:grid;grid-template-columns:225px minmax(0,1fr);border:1px solid var(--line);height:calc(100dvh - 150px);min-height:440px;margin-top:20px;background:var(--white)}.pc-chat-sidebar{background:var(--nav-bg);border-right:1px solid var(--line);overflow:auto}.pc-chat-friends-link{display:block;text-decoration:none;color:var(--ink);padding:18px;border-bottom:1px solid var(--line);font-size:14px;font-weight:600}.pc-chat-thread{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);padding:12px 14px;border-left:2px solid transparent;min-width:0}.pc-chat-thread:hover,.pc-chat-thread.is-active{background:var(--soft)}.pc-chat-thread.is-active{border-left-color:var(--lime)}.pc-chat-thread>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.pc-chat-thread strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-chat-thread small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-unread-pill{display:grid;place-items:center;min-width:17px;height:17px;background:var(--lime);color:var(--on-accent);font-size:9px;border-radius:20px}.pc-chat-main{display:flex;flex-direction:column;min-width:0;min-height:0}.pc-chat-heading{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:17px 20px;min-height:67px}.pc-chat-heading h1{font:650 18px var(--body-font);margin:0}.pc-chat-heading>.button{margin-left:auto;font-size:10px}.pc-chat-friend-tabs{display:flex;gap:5px}.pc-chat-filter{border:0;background:transparent;color:var(--muted);font:12px var(--body-font);padding:7px 10px;cursor:pointer}.pc-chat-filter[aria-pressed=true]{background:var(--soft);color:var(--ink)}.pc-chat-main>.input{width:calc(100% - 36px);margin:18px}.pc-chat-friend-list{overflow:auto;flex:1}.pc-chat-friend-list>.pc-menu-label{padding-left:20px}.pc-chat-friend-list .pc-friend-row{padding:15px 20px}.pc-chat-messages{overflow:auto;overscroll-behavior:contain;flex:1;padding:15px 20px;min-height:0}.pc-chat-message{display:flex;gap:12px;margin-bottom:20px}.pc-chat-message>div{flex:1;min-width:0}.pc-chat-message-heading{display:flex;align-items:center;gap:10px}.pc-chat-message-heading a{font-size:12px;font-weight:650;color:var(--ink);text-decoration:none}.pc-chat-message-heading time{font-size:9px;color:var(--muted)}.pc-chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;margin:6px 0 0}.pc-chat-message.is-mine .pc-chat-message-heading a{color:var(--lime)}.pc-chat-composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px;border-top:1px solid var(--line);align-items:end}.pc-chat-composer .pc-mention-wrap{grid-column:1}.pc-chat-composer textarea{min-height:65px;max-height:180px}.pc-chat-composer>.form-error{grid-column:1/3;margin:0}.pc-chat-composer>.form-error:empty{display:none}.pc-chat-composer>.button{grid-column:2;grid-row:1;align-self:stretch;min-width:70px}.pc-chat-older{padding:8px}.pc-chat-older[hidden]{display:none}
@keyframes pc-social-open{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@keyframes pc-mention-load{from{background-position:100% 100%}to{background-position:-100% 100%}}@keyframes pc-mention-verified{from{text-decoration-color:transparent;opacity:.6}to{text-decoration-color:currentColor;opacity:1}}
@media(max-width:800px){.pc-chat-page{grid-template-columns:64px minmax(0,1fr)}.pc-chat-sidebar>.pc-menu-label,.pc-chat-thread>span:nth-child(2),.pc-chat-sidebar>.pc-social-empty{display:none}.pc-chat-thread{padding:12px 14px}.pc-chat-friends-link{padding:15px 5px;font-size:10px;text-align:center}.pc-chat-heading{flex-wrap:wrap;padding:12px;gap:8px}.pc-chat-heading>.button{margin-left:0}.pc-chat-heading h1{font-size:16px}.pc-chat-friend-tabs{order:3;width:100%}.pc-chat-messages{padding:15px 12px}.pc-chat-message-heading{align-items:flex-start;flex-direction:column;gap:3px}.pc-chat-friend-list .pc-friend-row{padding:12px}.pc-chat-page{height:calc(100dvh - 120px);margin-top:10px}.pc-chat-composer{padding:10px;gap:6px}.pc-chat-composer>.button{min-width:50px;font-size:10px;padding:6px}.pc-document-invite{flex-wrap:wrap}.pc-document-invite>.pc-people-picker{flex-basis:calc(100% - 55px)}.pc-document-invite>.button{margin-left:auto}.pc-chat-friend-list .pc-friend-copy strong{font-size:11px}.pc-chat-friend-list .pc-square-button{height:26px;width:26px;min-width:26px}}
html[data-motion=reduced] .pc-social-popover,html[data-motion=reduced] .pc-social-dialog,html[data-motion=reduced] .pc-notification-toast,html[data-motion=reduced] .pc-mention-token{animation:none!important}
.pc-mention-token{transition:color .25s}.pc-mention-token.is-loading{background:linear-gradient(var(--lime,var(--ui-accent)),var(--lime,var(--ui-accent))) left bottom/0 1px no-repeat}@keyframes pc-mention-load{0%{background-size:0 1px}75%,100%{background-size:100% 1px}}
.prose .pc-inline-mention{text-decoration:none;transition:color .25s}.pc-inline-mention.is-valid{color:#a8cdb1}.pc-inline-mention.is-invalid{color:#f0a3a7}.pc-inline-mention.is-valid:hover{text-decoration:underline}
html[data-theme=retro] .pc-person-avatar,html[data-theme=retro] .pc-person-avatar img,html[data-theme=retro] .pc-person-status{border-radius:50%!important}
.pc-access-dropdown{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 9px;border:1px solid var(--line,var(--ui-border));background:var(--soft,var(--ui-surface2));color:var(--ink,var(--ui-text));font:11px var(--body-font,inherit);cursor:pointer;transition:background .2s,border-color .2s}.pc-access-dropdown:hover{border-color:var(--lime,var(--ui-accent))}.pc-access-dropdown svg{width:14px;height:14px}.pc-access-dropdown svg:last-child{width:12px;margin-left:5px}.pc-access-owner{padding:7px 12px;font-size:11px;color:var(--muted,var(--ui-muted))}.pc-access-feedback{font-size:11px;color:var(--lime,var(--ui-accent));margin:0}.pc-access-feedback:empty{display:none}.pc-permission-option.is-danger{color:var(--danger,#e38f91)}.studio-manage-access{width:32px!important;height:32px!important;min-width:32px!important;padding:7px!important;display:grid!important;place-items:center!important}.studio-manage-access svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}