@layer theme,base;@layer components{.pf{--pf-card:#fff;--pf-chip:#7676801f;--pf-green:#34c759}:root[data-theme=dark] .pf{--pf-card:#1c1c1e;--pf-chip:#7676803d;--pf-green:#30d158}@media (prefers-color-scheme:dark){:root:not([data-theme]) .pf{--pf-card:#1c1c1e;--pf-chip:#7676803d;--pf-green:#30d158}}.pf-tokens{--ac-tile:#f5f5f7;--ac-sub:#6e6e73;--ac-link:#06c;--ac-hair:#d2d2d7;--tc-card-hover:#ececf0;--tc-blue:#0071e3}:root[data-theme=dark] .pf-tokens{--ac-tile:#1c1c1e;--ac-sub:#86868b;--ac-link:#2997ff;--ac-hair:#424245;--tc-card-hover:#242426;--tc-blue:#0a84ff}@media (prefers-color-scheme:dark){:root:not([data-theme]) .pf-tokens{--ac-tile:#1c1c1e;--ac-sub:#86868b;--ac-link:#2997ff;--ac-hair:#424245;--tc-card-hover:#242426;--tc-blue:#0a84ff}}.pf-hero-photo{width:7rem;height:7rem;font-size:2.75rem}@media (min-width:768px){.pf-hero-photo{width:8.5rem;height:8.5rem;font-size:3.25rem}}.pf-capsules{flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:.75rem;display:flex}.pf-capsule{color:#fff;letter-spacing:-.005em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff2e;border-radius:9999px;align-items:center;gap:.3125rem;height:1.625rem;padding:0 .625rem;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #fff3}.pf-common{background:var(--ac-tile);letter-spacing:-.012em;border-radius:1rem;align-items:center;gap:.75rem;margin:1rem 1rem 0;padding:.75rem 1rem;font-size:.9375rem;display:flex}@media (min-width:768px){.pf-common{margin:1.25rem 1.5rem 0}}.pf-common-tile{color:#fff;background:#5856d6;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:1.875rem;height:1.875rem;display:flex}.pf-finish{background:radial-gradient(120% 140% at 100% 0%, #007aff24, transparent 60%), var(--ac-tile);border-radius:1.125rem;margin:1rem 1rem 0;padding:1rem}@media (min-width:768px){.pf-finish{margin:1.25rem 1.5rem 0}}.pf-finish-title{letter-spacing:-.016em;font-size:1.0625rem;font-weight:600}.pf-finish-sub{color:var(--ac-sub);margin-top:.125rem;font-size:.8125rem}.pf-finish-hide{color:var(--ac-link);align-self:flex-start;font-size:.9375rem}.pf-finish-hide:hover{text-decoration:underline}.pf-finish-next{background:var(--pf-card);letter-spacing:-.012em;border-radius:.875rem;align-items:center;gap:.75rem;margin-top:.875rem;padding:.75rem .875rem;font-size:.9375rem;transition:transform .15s;display:flex}.pf-finish-next:active{transform:scale(.99)}.pf-finish-dot{width:1.375rem;height:1.375rem;box-shadow:inset 0 0 0 2px var(--ac-hair);border-radius:9999px;flex-shrink:0}.pf-cards{gap:1rem;display:grid}.pf-card-box{background:var(--ac-tile);border-radius:1.125rem;overflow:hidden}.pf-card-head{letter-spacing:.04em;text-transform:uppercase;color:var(--ac-sub);padding:.875rem 1rem 0;font-size:.8125rem;font-weight:600}.pf-bio{padding:.5rem 1rem .875rem}.pf-bio .cl-text{font-size:1rem}.pf-fact{padding:.6875rem 1rem;position:relative}.pf-fact:before{content:"";border-top:1px solid var(--ac-hair);position:absolute;top:0;left:1rem;right:0}.pf-card-head+.pf-fact:before{display:none}.pf-fact-cap{letter-spacing:-.005em;color:var(--ac-sub);font-size:.75rem}.pf-fact-val{letter-spacing:-.012em;overflow-wrap:anywhere;margin-top:.0625rem;font-size:.9375rem;line-height:1.35}.pf-fact-val a{color:var(--ac-link)}.pf-fact-val a:hover{text-decoration:underline}.pf-add{color:var(--ac-link);align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.9375rem;display:flex}.pf-add:hover{text-decoration:underline}.pf-caps{gap:.875rem;padding:.625rem 1rem 1rem;display:grid}.pf-caps-row{gap:.4375rem;display:grid}.pf-caps-cap{color:var(--ac-sub);font-size:.75rem}.pf-chip{background:var(--pf-chip);letter-spacing:-.01em;white-space:nowrap;border-radius:9999px;align-items:center;gap:.3125rem;max-width:100%;height:1.875rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.pf-chip>span{text-overflow:ellipsis;min-width:0;overflow:hidden}a.pf-chip{transition:background-color .15s}a.pf-chip:hover{background:#76768038}.pf-chip-add{box-shadow:inset 0 0 0 1px var(--ac-hair);color:var(--ac-link);background:0 0}.pf-locked{background:var(--ac-tile);text-align:center;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.375rem;margin:1.5rem 1rem 0;padding:2rem 1.25rem;display:flex}.pf-locked-icon{background:var(--pf-chip);border-radius:9999px;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;margin-bottom:.375rem;display:flex}.pf-locked-title{font-size:1.0625rem;font-weight:600}.pf-locked-body{color:var(--ac-sub);font-size:.9375rem}.pf-card-note{color:var(--ac-link)}.pf-row{--tc-row-inset:4.75rem;min-height:4rem}.pf-row-photo{width:3rem;height:3rem;font-size:1.25rem}.pf-face-photo{width:4rem;height:4rem;font-size:1.5rem}.pf-faces .cl-face{width:4.5rem}.pf-highlights{margin-top:.5rem}.pf-highlights .border-b{border-bottom-width:0}.pf-highlights:has(.no-scrollbar:empty){display:none}.pf-tabs{margin-top:1.5rem}.pf-qr{background:linear-gradient(135deg, var(--tc-a), var(--tc-b));color:#fff;text-align:center;border-radius:1.25rem;flex-direction:column;align-items:center;margin:0 1rem;padding:1.5rem 1.25rem 1.25rem;display:flex}.pf-qr-photo{width:4.5rem;height:4.5rem;font-size:1.75rem;box-shadow:0 0 0 3px #ffffff4d}.pf-qr-name{letter-spacing:-.016em;margin-top:.75rem;font-size:1.25rem;font-weight:600}.pf-qr-handle{color:#ffffffc7;font-size:.875rem}.pf-qr-code{background:#fff;border-radius:1rem;width:13rem;height:13rem;margin-top:1.125rem;padding:.875rem}.pf-qr-code svg{width:100%;height:100%;display:block}.pf-qr-hint{color:#fffc;margin-top:.875rem;font-size:.8125rem}.pf-page{padding:0 1rem 3rem}@media (min-width:768px){.pf-page{padding:0 1.5rem 3rem}}.pf-shelf-note{color:var(--ac-sub);margin-top:-.5rem;margin-bottom:.75rem;font-size:.875rem}.pf-done{color:#fff;letter-spacing:-.01em;background:#007aff;border-radius:9999px;align-items:center;height:2rem;padding:0 1rem;font-size:.9375rem;font-weight:600;transition:filter .2s,transform .15s;display:inline-flex}:root[data-theme=dark] .pf-done{background:#0a84ff}@media (prefers-color-scheme:dark){:root:not([data-theme]) .pf-done{background:#0a84ff}}.pf-done:hover{filter:brightness(1.08)}.pf-done:active:not(:disabled){transform:scale(.96)}.pf-done:disabled{opacity:.55}.pf-edit-head{flex-direction:column;align-items:center;padding:1.25rem 0 .5rem;display:flex}.pf-edit-photo{border-radius:9999px;transition:transform .15s}.pf-edit-photo:active{transform:scale(.97)}.pf-edit-face{width:6.5rem;height:6.5rem;font-size:2.5rem}.pf-edit-strength{background:var(--ac-tile);color:var(--ac-sub);border-radius:9999px;align-items:center;gap:.5rem;margin-top:.875rem;padding:.25rem .875rem .25rem .3125rem;font-size:.8125rem;display:flex}.pf-edit-strength .tc-ring>b{font-size:.5625rem}.pf-edit-group{margin-top:1.5rem}.pf-edit-cap{letter-spacing:.02em;text-transform:uppercase;color:var(--ac-sub);padding:0 1rem .375rem;font-size:.8125rem;font-weight:400}.pf-edit-card{background:var(--ac-tile);border-radius:.875rem;overflow:hidden}.pf-edit-foot{color:var(--ac-sub);padding:.4375rem 1rem 0;font-size:.8125rem;line-height:1.4}.pf-edit-field{position:relative}.pf-edit-field+.pf-edit-field:before,.pf-edit-row+.pf-edit-field:before,.pf-edit-field+.pf-edit-row:before{content:"";border-top:1px solid var(--ac-hair);position:absolute;top:0;left:1rem;right:0}.pf-edit-row{letter-spacing:-.014em;align-items:center;gap:.75rem;min-height:2.875rem;padding:.6875rem 1rem;font-size:1rem;display:flex;position:relative}.pf-edit-label{width:6.25rem;color:var(--foreground);flex-shrink:0}@media (max-width:380px){.pf-edit-label{width:5.25rem}}.pf-edit-input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;font-size:1rem}.pf-edit-input::placeholder{color:var(--ac-sub)}.pf-edit-link{color:var(--ac-link)}.pf-edit-link:hover{background:var(--ac-row-hover)}.ob{flex-direction:column;align-items:center;width:100%;max-width:30rem;padding:0;display:flex}.ob-top{flex-direction:column;align-items:center;gap:1rem;display:flex}.ob-dots{gap:.375rem;display:flex}.ob-dots>span{background:var(--ac-hair);border-radius:9999px;width:.4375rem;height:.4375rem;transition:width .25s,background-color .25s}.ob-dots>span[data-on]{background:var(--tc-blue);width:1.25rem}.ob-step{text-align:center;flex-direction:column;align-items:center;width:100%;padding-top:2rem;display:flex}.ob-tile{color:#fff;border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;box-shadow:0 10px 24px -12px #00000073}.ob-title{letter-spacing:-.022em;text-wrap:balance;margin-top:1.25rem;font-size:1.75rem;font-weight:600;line-height:1.15}.ob-sub{max-width:24rem;color:var(--ac-sub);margin-top:.5rem;font-size:1rem;line-height:1.45}.ob-note{text-align:left;color:var(--ac-sub);align-self:flex-start;padding:.4375rem 1rem 0;font-size:.8125rem}.ob-note-bad{color:var(--ac-red)}.ob-ok{color:var(--ac-green-dot);display:flex}.ob-photo{border-radius:9999px;margin-top:1.75rem;position:relative}.ob-face{width:7.5rem;height:7.5rem;font-size:3rem;box-shadow:0 16px 36px -16px #00000080}.ob-photo-busy{color:#fff;background:#00000073;border-radius:9999px;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex;position:absolute;inset:0}.ob-back{color:var(--ac-link);margin-top:.875rem;font-size:1rem}.ob-back:hover{text-decoration:underline}.ob-foot{color:var(--ac-sub);align-items:center;gap:.5rem;margin-top:2.5rem;font-size:.8125rem;display:flex}.ob-foot button:hover{color:var(--foreground);text-decoration:underline}@media (prefers-reduced-motion:no-preference){.pf-finish,.pf-common,.ob-step{animation:.45s cubic-bezier(.22,1,.36,1) .12s both pf-in}@keyframes pf-in{0%{opacity:0;transform:translateY(6px)}}}}@layer utilities;