.portrait-heading{line-height:var(--portrait-heading-height,18px);margin-bottom:var(--portrait-heading-gap,12px);justify-content:space-between;align-items:center;display:flex}.portrait-heading h2,.portrait-collection h3{font-size:12px;font-weight:500}.portrait-heading span,.portrait-collection h3 span{color:var(--color-muted);font-size:11px}.portrait-views{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.portrait-views .portrait-tile{aspect-ratio:3/4}.portrait-tile{background:var(--color-surface-3);border:1px solid var(--color-line);border-radius:12px;min-width:0;min-height:0;position:relative;overflow:hidden}.portrait-tile>button{cursor:zoom-in;width:100%;height:100%;display:block}.portrait-tile img{object-fit:cover;object-position:center 30%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:transform .4s}.portrait-tile>button:hover img{transform:scale(1.035)}.portrait-tile button:focus-visible{outline:3px solid var(--color-accent);outline-offset:-4px}.portrait-missing{height:100%;min-height:120px;color:var(--color-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12.8px 4px 28px;font-size:11px;display:flex}.portrait-collection{margin-top:24px}.portrait-collection h3{margin-bottom:9.6px}.portrait-collection h3 span{margin-left:8px}.portrait-collection>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.portrait-collection .portrait-tile{aspect-ratio:3/4}.portrait-dialog{color:#fff;width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:none;background:0 0;border:0;border-radius:0;margin:auto;padding:0;position:fixed;overflow:visible}.portrait-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b10d9}.portrait-dialog[open]{flex-direction:column;display:flex}.portrait-close{z-index:1;corner-shape:round;color:#fff;cursor:pointer;background:#080b1080;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:10px;right:10px}.portrait-dialog-photo{justify-content:center;min-height:0;display:flex}.portrait-dialog-photo img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:0;width:auto;max-width:100%;max-height:calc(100dvh - 32px)}body:has(.portrait-dialog[open]){overflow:hidden}@media (prefers-reduced-motion:reduce){.portrait-tile img{transition:none}}.portrait-life{min-width:0}.portrait-life header{justify-content:space-between;align-items:center;margin-bottom:9.6px;display:flex}.portrait-life header h3{margin:0}.portrait-life>.portrait-life-window{scrollbar-width:thin;display:block;overflow-x:auto}.portrait-life-track{width:max-content;display:flex}.portrait-life-group{gap:8px;display:flex}.portrait-life-group .portrait-tile{flex:none;width:clamp(140px,17vw,190px)}