:root{--named-w: 132px;--named-h: 165px;--unnamed-size: 84px}@media (min-width: 641px){:root{--unnamed-size: 110px}}@media (min-width: 1025px){:root{--named-w: 186px;--named-h: 233px;--unnamed-size: 136px}}@media (min-width: 1200px){:root{--named-w: 198px;--named-h: 248px;--unnamed-size: 160px}}@media (min-width: 1921px){:root{--unnamed-size: 240px}}*{margin:0;padding:0;box-sizing:border-box}body{background:transparent;color:var(--fg-neutral-1-rest);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden;width:100vw;height:100vh;user-select:none;-webkit-user-select:none}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}#loading.hidden{display:none}#main{display:none;flex-direction:column;height:100vh}#main.active{display:flex}.people-empty-wrap{display:flex;flex-direction:column;width:100vw;height:100vh;padding:24px var(--shell-margin) 0;padding-inline-start:var(--shell-start-margin);box-sizing:border-box}.people-empty-pagetitle{flex:0 0 auto;margin:0}.people-empty-card{flex:1 1 auto}.people-empty-link{font-family:var(--font-family-base);font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body-1);color:var(--fg-brand-1-rest);text-decoration:none}.people-empty-link:hover{text-decoration:underline}.people-empty-link:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px;border-radius:var(--radius-medium)}.od4-heading-row{display:flex;align-items:center;padding:10px var(--shell-margin) 6px;padding-inline-start:var(--shell-start-margin);flex-shrink:0;gap:var(--spacing-160)}.od4-heading-row h1{font-size:var(--font-size-large-title-2);font-weight:var(--font-weight-large-title-2);color:var(--fg-neutral-1-rest);line-height:1.1;letter-spacing:-.5px}.od4-heading-actions{display:flex;align-items:center;gap:var(--spacing-80)}#selection-pane{flex:0 0 auto;height:50%;min-height:80px;overflow-y:auto;padding:.5rem var(--shell-margin) .75rem;padding-inline-start:var(--shell-start-margin)}.sort-control{display:flex;align-items:center;gap:var(--spacing-40)}.sort-control button.active{background:var(--button-background-2-selected);color:var(--fg-neutral-1-rest)}.zoom-control{display:flex;align-items:center;gap:6px}.zoom-control .zoom-icon{font-size:.7rem;color:var(--fg-neutral-5-rest)}.zoom-control .zoom-icon.lg{font-size:.9rem}.zoom-control input[type=range]{width:80px;height:3px;-webkit-appearance:none;appearance:none;background:var(--stroke-neutral-2-rest);border-radius:2px;outline:none;cursor:pointer}.zoom-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--fg-neutral-4-rest);cursor:pointer}.zoom-control input[type=range]::-webkit-slider-thumb:hover{background:var(--fg-neutral-3-rest)}#people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--named-w),1fr));gap:30px;margin-bottom:.75rem;align-content:start;align-items:start}#people-grid .person-card{width:100%;height:auto}#people-grid .person-card:before{content:"";display:block;padding-top:calc(var(--named-h) / var(--named-w) * 100%)}#people-grid .person-card .person-face,#people-grid .person-card .person-face-placeholder{position:absolute;inset:0}.person-card{position:relative;width:var(--named-w);height:var(--named-h);border-radius:36px;overflow:hidden;cursor:pointer;user-select:none;-webkit-user-drag:none;background:var(--bg-neutral-5-rest);box-shadow:0 16px 32px #d3d3d326,0 0 8px #d3d3d326}.person-card.selected{background:linear-gradient(60deg,#9354ff33,#4a92ff33);box-shadow:none;border-radius:24px}.person-face{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;border:none;margin-bottom:0;-webkit-user-drag:none}.person-face-placeholder{-webkit-user-drag:none}.person-name-gradient{position:absolute;bottom:-10%;left:-10%;width:150%;height:50%;background:radial-gradient(100% 79.89% at 0% 100%,#1f1f1f99 37.36%,#1f1f1f00 98.77%);filter:blur(10px);opacity:.7;pointer-events:none}.person-name{position:absolute;bottom:12px;left:12px;right:12px;color:#fff;font-size:24px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;filter:drop-shadow(4px 3px 9px rgba(0,0,0,.25)) drop-shadow(0px 2px 13px rgba(0,0,0,.8))}.person-face-placeholder{width:100%;height:100%;background:var(--bg-neutral-5-rest);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--fg-neutral-6-rest);border-radius:0;margin-bottom:0;border:none}.person-photo-count{display:none}#unnamed-section{margin-top:.25rem}.unnamed-header{display:flex;align-items:center;gap:12px;padding:20px 0 16px;cursor:default;user-select:none;border-top:1px solid var(--stroke-neutral-1-rest)}.unnamed-header-title{font-size:20px;font-weight:600;color:var(--fg-neutral-1-rest);white-space:nowrap}.unnamed-header-divider{width:1px;height:16px;background:var(--stroke-neutral-2-rest);flex-shrink:0}.unnamed-header-subtitle{font-size:16px;font-weight:400;color:var(--fg-neutral-3-rest)}#unnamed-grid{display:none;position:relative;margin-top:0;margin-bottom:.75rem}#unnamed-grid.visible{display:block}#unnamed-grid .person-card{position:absolute;border-radius:10000px;box-shadow:none;overflow:visible;padding:0}#unnamed-grid .person-face{width:100%;height:100%;border-radius:10000px;border:none;margin-bottom:0}#unnamed-grid .person-face-placeholder{width:100%;height:100%;border-radius:10000px;border:none}.unnamed-show-all{display:block;color:var(--fg-brand-1-rest);font-size:.85rem;cursor:pointer;padding:.25rem 0 .75rem;text-decoration:none}.unnamed-show-all:hover{text-decoration:underline}#unnamed-grid .person-card:after{content:"";position:absolute;inset:0 -8px -36px;pointer-events:auto;z-index:0}#unnamed-grid .person-card .add-name-label{position:absolute;left:50%;bottom:-32px;transform:translate(-50%);white-space:nowrap;opacity:0;transition:opacity .15s ease-out;pointer-events:none;z-index:1}#unnamed-grid .person-card:hover .add-name-label,#unnamed-grid .person-card:focus-within .add-name-label{opacity:1;pointer-events:auto}.add-name-label .add-name-btn{background:var(--button-floating-background-rest);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--surface-stroke-1);border-radius:var(--radius-xlarge);color:var(--fg-neutral-1-rest);font-family:var(--font-family-base);font-size:.75rem;font-weight:600;padding:4px 12px;cursor:pointer;white-space:nowrap;transition:background .15s ease-out}.add-name-label .add-name-btn:hover{background:var(--button-floating-background-hover)}.add-name-backdrop{position:fixed;inset:0;z-index:100;background:var(--overlay-background);opacity:0;transition:opacity .2s ease-in-out}.add-name-backdrop.visible{opacity:1}.add-name-dialog{position:fixed;z-index:101;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--surface-background);backdrop-filter:var(--effect-surface-background-blur);-webkit-backdrop-filter:var(--effect-surface-background-blur);border:1px solid var(--surface-stroke-1);border-radius:var(--radius-3xlarge);box-shadow:var(--shadow-64);opacity:0;transition:opacity .2s ease-in-out}.add-name-dialog.visible{opacity:1}.add-name-dialog .dialog-face{border-radius:10000px;object-fit:cover;background:var(--bg-neutral-5-rest)}.add-name-dialog .dialog-below{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 16px 16px;width:100%}.add-name-dialog .dialog-input-wrap{display:flex;flex-direction:column;align-items:stretch;width:100%}.add-name-dialog .dialog-input{background:transparent;border:none;outline:none;color:var(--fg-neutral-1-rest);font-size:1.125rem;font-weight:600;text-align:center;padding:5px 2px 7px;width:100%}.add-name-dialog .dialog-input::placeholder{color:var(--fg-neutral-4-rest)}.add-name-dialog .dialog-input:focus::placeholder{color:transparent}.add-name-dialog .dialog-input-underline{height:2px;border-radius:1px;background:var(--pill-stroke-1)}.add-name-dialog .dialog-actions{display:flex;align-items:center;gap:10px}.add-name-dialog .dialog-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;background:transparent;color:var(--fg-neutral-2-rest);cursor:pointer;padding:2px;transition:background .15s ease-out}.add-name-dialog .dialog-action-btn:hover{background:var(--button-background-2-hover)}.add-name-dialog .dialog-action-btn.confirm{background:var(--button-background-1-rest);color:var(--fg-neutral-on-brand)}.add-name-dialog .dialog-action-btn.confirm:hover{background:var(--button-background-1-hover)}.add-name-dialog .dialog-action-btn.confirm:disabled{opacity:.35;cursor:default;pointer-events:none}.add-name-dialog .dialog-action-btn .fluent-icon svg{width:16px;height:16px}.add-name-dialog .dialog-error{color:var(--fg-status-danger-1);font-size:.78rem;min-height:0;text-align:center}#splitter{display:none}#photos-pane{display:none;flex-direction:column;height:40vh;min-height:40vh;overflow:hidden}#selection-pane{flex:1 1 auto;height:auto}#photos-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:.6rem var(--shell-margin);padding-inline-start:var(--shell-start-margin);border-bottom:1px solid var(--bg-neutral-5-rest);gap:.75rem;min-height:44px}#photos-header-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;overflow-x:auto}.selected-chip{flex:0 0 auto;display:flex;align-items:center;gap:4px;background:var(--bg-brand-1-rest);border:1px solid var(--fg-brand-1-rest);border-radius:16px;padding:2px 10px 2px 3px;font-size:.78rem;color:var(--fg-neutral-2-rest);white-space:nowrap}.selected-chip img{width:22px;height:22px;border-radius:50%;object-fit:cover}.selected-chip .chip-remove{margin-left:4px;cursor:pointer;color:var(--fg-neutral-4-rest);font-size:.85rem}.selected-chip .chip-remove:hover{color:var(--fg-neutral-1-rest)}#photos-header-right{display:flex;align-items:center;gap:.75rem;flex:0 0 auto}#photosCount{font-size:.8rem;color:var(--fg-neutral-4-rest)}.gallery-link{color:var(--fg-brand-1-rest);font-size:.82rem;cursor:pointer;text-decoration:none;white-space:nowrap}.gallery-link:hover{text-decoration:underline}#photos-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--fg-neutral-6-rest);font-size:.95rem}#photos-loading{color:var(--fg-neutral-5-rest);font-size:.85rem;padding:1.5rem;text-align:center}#photos-grid{flex:1;overflow-y:auto;padding:.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:4px;align-content:start}#photos-grid .photo-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;background:var(--bg-neutral-2-rest);cursor:pointer;border:2px solid transparent;transition:border-color .15s}#photos-grid .photo-thumb:hover{border-color:var(--fg-brand-1-rest)}#photos-grid .photo-thumb.active{border-color:var(--fg-brand-1-rest);box-shadow:0 0 0 2px var(--fg-brand-1-rest)}.pin-btn{position:absolute;top:var(--size-100);inset-inline-start:var(--size-100);z-index:3;width:var(--spacing-320);height:var(--spacing-320);padding:0;border:none;border-radius:var(--radius-circular);background:var(--overlay-background);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none}.pin-btn .fluent-icon{font-size:20px}.pin-btn .fluent-icon path{fill:url(#icon-grad)}.pin-btn .pin-icon-hover,.pin-btn.pinned.pin-hovered .pin-icon-rest{display:none}.pin-btn.pinned.pin-hovered .pin-icon-hover{display:inline-flex}.person-card:hover .pin-btn,.person-card .pin-btn.pinned{opacity:1;pointer-events:auto}.pin-btn:focus-visible{opacity:1;pointer-events:auto;background:var(--bg-neutral-alpha-2);outline:2px solid var(--stroke-focus-2);outline-offset:2px;box-shadow:0 0 0 4px var(--stroke-focus-1)}.person-checkbox{position:absolute;top:var(--size-100);inset-inline-end:var(--size-100);z-index:4;width:var(--size-280);height:var(--size-280);border-radius:var(--radius-circular);background:#0e0e0eb3;border:var(--size-20) solid rgba(255,255,255,.6);display:none;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background .12s,border-color .12s}.person-checkbox svg{width:var(--icon-size-sm);height:var(--icon-size-sm);fill:#fff;display:none}.person-checkbox.hovered,.person-card.edit-selected .person-checkbox{display:flex}.person-card.edit-selected .person-checkbox{background:var(--fg-brand-1-rest);border-color:var(--fg-brand-1-rest)}.person-card.edit-selected .person-checkbox svg{display:block}[data-theme=light] .person-checkbox{background:#ffffffb3;border-color:#0006}[data-theme=light] .person-card.edit-selected .person-checkbox svg{fill:#fff}#unnamed-grid .person-card{overflow:visible}#unnamed-grid .person-face,#unnamed-grid .person-face-placeholder{overflow:hidden}#unnamed-grid .person-checkbox{top:8%;inset-inline-end:14%}.person-card.edit-selected{outline:3px solid var(--stroke-brand-1-rest);outline-offset:-3px}.people-header-row{display:flex;align-items:center;gap:var(--spacing-200);padding:24px 0 var(--spacing-200)}.people-header-actions{position:sticky;top:24px;z-index:10;display:flex;justify-content:flex-end;align-items:center;gap:var(--size-120);padding-top:18px;padding-bottom:var(--spacing-200);margin-top:calc(-1 * var(--line-height-large-title-2) - var(--spacing-200) - 24px);margin-bottom:calc(var(--spacing-320) + 15px);pointer-events:none}.people-header-actions>*{pointer-events:auto}