.shell{--sidebar-bg:var(--canvas);--preview-surface:var(--canvas)}.shell main{min-width:0}.chat-icon{width:36px;height:36px;color:var(--secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chat-icon:hover{background:var(--hover)}.chat-subtle{color:var(--secondary);font-size:13px}.shell .friends-content{max-width:850px;padding-bottom:40px}.shell .friends-content h1{margin-top:0}.shell .friends-row{background:var(--subtle);border:0;border-radius:16px;margin-top:8px;padding:16px}.shell .friends-invite-row input,.shell .friends-invite-row button,.shell .friends-actions button,.shell .friends-row>button{border-radius:24px}.shell .settings-form-grid label,.shell .settings-form-grid input,.shell .settings-form-grid select{min-width:0}.shell .invite-list,.shell .invite-row{border:0}.sliding-pill{isolation:isolate;position:relative}.sliding-pill-surface{width:var(--pill-width,0px);height:var(--pill-height,0px);transform:translate(var(--pill-x,0px), var(--pill-y,0px));background:var(--hover);pointer-events:none;z-index:-1;border-radius:14px;transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s,height .28s;position:absolute;top:0;left:0}.shell .sliding-pill button[aria-current=page]{background:0 0}.profile-phone-number{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.settings-panel{animation:.16s ease-out account-panel-in}@keyframes account-panel-in{0%{opacity:.35}to{opacity:1}}.settings-navigation h1{margin:0}.file-preview-actions{align-items:center;gap:8px;display:flex}.file-preview-actions a{color:var(--secondary)}.shell main{scrollbar-gutter:stable}.shell :is(.settings-panel,.settings-navigation,.files-grid){scrollbar-width:thin;scrollbar-color:var(--strong-border) transparent}@media (prefers-reduced-motion:reduce){.sliding-pill-surface{transition:none}.settings-panel{animation:none}}.profile-identity{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:20px;margin:24px 0;display:grid}.profile-photo-control{flex-direction:column;align-items:center;gap:6px;display:flex}.profile-photo{background:var(--hover);width:80px;height:80px;color:var(--secondary);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.profile-photo>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-photo>span:not(.profile-photo-camera){font-size:calc(22px * var(--bris-text-scale,1));font-weight:500}.profile-photo-camera{background:var(--inverse);width:25px;height:25px;color:var(--inverse-text);border:3px solid var(--canvas);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:-1px}.profile-photo:disabled{opacity:.6;cursor:default}.profile-identity .profile-name-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}@media (width<=600px){.profile-identity{grid-template-columns:68px minmax(0,1fr);gap:16px}.profile-photo{width:68px;height:68px}.profile-identity .profile-name-fields{grid-template-columns:minmax(0,1fr)}}.file-preview-dialog{background:var(--preview-surface,var(--raised));width:min(900px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);border:0;border-radius:20px;padding:20px}.file-preview-dialog::backdrop{background:#0008}.file-preview-dialog header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.file-preview-dialog header span{overflow-wrap:anywhere;min-width:0}.file-preview-dialog>img,.file-preview-dialog>video{max-width:100%;max-height:65dvh;margin:0 auto 16px;display:block}.file-preview-dialog>iframe{border:0;width:100%;height:65dvh;margin-bottom:16px}.file-preview-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:65dvh;font-size:calc(13px * var(--bris-text-scale,1));overflow:auto}.file-preview-dialog>a{font-size:calc(12px * var(--bris-text-scale,1));color:var(--secondary);margin-top:12px;display:inline-flex}.settings-files>header h2{margin-top:0}.library-file-preview .file-thumbnail{height:100%}.pdf-document{min-width:0}.pdf-page-controls{font-size:calc(12px * var(--bris-text-scale,1));color:var(--secondary);justify-content:center;align-items:center;gap:12px;padding-bottom:8px;display:flex}.pdf-page-viewport{scrollbar-gutter:stable;background:var(--subtle);border-radius:8px;max-height:65dvh;padding:8px 0;overflow:auto}.pdf-page-viewport canvas{max-width:100%;margin:0 auto;display:block;box-shadow:0 1px 8px #0001}.file-preview-dialog audio{width:100%;max-width:100%}.shell [hidden]{display:none}
