.personal-entry{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--mark-face);--personal-entry-duration:var(--entry-profile-door);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.personal-entry[data-entry=name]{--personal-entry-duration:var(--entry-profile-name)}.personal-entry[data-entry=brand]{--personal-entry-duration:var(--entry-profile-brand)}.personal-entry[data-preview]{z-index:1;height:100%;position:absolute}.personal-entry::backdrop{background:0 0}.personal-entry-scene{background:var(--mark-bg);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;container-type:size}.personal-entry-camera{aspect-ratio:1;transform-origin:53.25% 59.25%;width:min(76cqw,62cqh,440px);position:relative}.personal-entry-logo{perspective:900px;width:100%;height:100%;transform-style:preserve-3d;position:relative}.personal-entry-frame{width:100%;height:100%}.personal-entry-leaf{transform-origin:57.7% 77.4%;transform-style:preserve-3d;position:absolute;inset:0}.personal-entry-leaf svg{width:100%;height:100%;display:block;overflow:visible}.personal-entry[open] .personal-entry-scene{animation:personal-entry-out var(--personal-entry-duration) linear both}.personal-entry[open] .personal-entry-logo{animation:personal-logo-in var(--personal-entry-duration) linear both}.personal-entry[open] .personal-entry-leaf{animation:personal-door-in var(--personal-entry-duration) linear both}.personal-entry[open] .personal-entry-camera{animation:personal-camera-in var(--personal-entry-duration) linear both}@keyframes personal-entry-out{0%,84%{opacity:1;animation-timing-function:var(--entry-ease-in-out)}to{opacity:0}}@keyframes personal-logo-in{0%{opacity:0;animation-timing-function:var(--ease-fluid);transform:scale(.96)}17%,to{opacity:1;transform:scale(1)}}@keyframes personal-door-in{0%,22%{opacity:1;animation-timing-function:var(--entry-ease-in-out);transform:translateZ(0)rotateY(0)}49%{opacity:1;transform:translateZ(-16px)rotateY(-74deg)}59%,to{opacity:0;transform:translateZ(-50px)rotateY(-74deg)}}@keyframes personal-camera-in{0%,50%{animation-timing-function:var(--entry-ease-in-out);transform:translate(0)scale(1)}83%,to{transform:translate(-3.25%, -9.25%) scale(var(--personal-entry-zoom,46))}}.personal-entry-name{text-align:center;width:100%;padding:28px}.personal-entry-name strong{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(30px,10cqw,80px);line-height:1.18;display:block}.personal-entry-name>span{background:var(--profile-entry-accent);border-radius:var(--radius-sm);transform-origin:0;width:44px;height:4px;margin:22px auto 0;display:block}.personal-entry[open] .personal-entry-name{animation:personal-name var(--personal-entry-duration) linear both}.personal-entry[open] .personal-entry-name>span{animation:personal-line var(--personal-entry-duration) linear both}@keyframes personal-name{0%{opacity:0;animation-timing-function:var(--ease-fluid);transform:translateY(12px)}36%,64%{opacity:1;animation-timing-function:var(--ease-fluid);transform:translateY(0)}83%,to{opacity:0;transform:translateY(-8px)}}@keyframes personal-line{0%,14%{opacity:0;animation-timing-function:var(--ease-fluid);transform:scaleX(0)}42%,to{opacity:1;transform:scaleX(1)}}.personal-entry-brand{aspect-ratio:1;place-items:center;width:min(40cqw,28cqh,190px);display:grid;position:relative}.personal-entry-brand img{object-fit:contain;border-radius:var(--radius-xl);width:100%;height:100%;position:relative}.personal-entry-brand strong{color:var(--profile-entry-accent);font-size:clamp(32px,14cqw,88px)}.personal-entry-ring{border:1px solid var(--profile-entry-accent);border-radius:var(--radius-2xl);opacity:.5;position:absolute;inset:-13%}.personal-entry[open] .personal-entry-brand{animation:personal-brand var(--personal-entry-duration) linear both}.personal-entry[open] .personal-entry-ring{animation:personal-ring var(--personal-entry-duration) linear both}@keyframes personal-brand{0%{opacity:0;animation-timing-function:var(--ease-fluid);transform:scale(.88)}36%,65%{opacity:1;animation-timing-function:var(--ease-fluid);transform:scale(1)}86%,to{opacity:0;transform:scale(1.07)}}@keyframes personal-ring{0%,8%{opacity:0;animation-timing-function:var(--ease-fluid);transform:scale(.86)rotate(-8deg)}46%,to{opacity:.5;transform:scale(1)rotate(0)}}.entrance-picker{gap:20px;display:grid}.entrance-options{border:0;gap:10px;margin:0;padding:0;display:grid}.entrance-option{border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;background:var(--surface);transition:border-color var(--dur-fast) var(--ease-fluid), background-color var(--dur-fast) var(--ease-fluid), box-shadow var(--dur-fast) var(--ease-fluid);align-items:center;gap:14px;padding:13px;display:flex;position:relative}.entrance-option:has(input:checked){border-color:var(--platform);background:var(--platform-tint);box-shadow:inset 0 0 0 1px var(--platform)}.entrance-option:has(input:focus-visible){outline:2px solid var(--platform);outline-offset:4px}.entrance-option input{opacity:0;width:1px;height:1px;position:absolute}.entrance-option-art{background:var(--surface-2);width:48px;height:48px;color:var(--platform);border-radius:var(--radius-md);flex-shrink:0;place-items:center;display:grid}.entrance-option-art[data-door]{background:var(--mark-bg)}.entrance-option-copy{flex:1;min-width:0}.entrance-option-copy strong{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.entrance-option-copy small{background:var(--platform-tint);color:var(--platform);border-radius:var(--radius-sm);padding:2px 6px;font-size:10px}.entrance-option-copy>span{color:var(--ink-muted);margin-top:4px;font-size:12px;display:block}.entrance-option-radio{border:1px solid var(--ink-subtle);border-radius:var(--radius-pill);flex-shrink:0;width:18px;height:18px}.entrance-option:has(input:checked) .entrance-option-radio{border:5px solid var(--platform);background:var(--surface)}.entrance-preview-overlay{background:var(--scrim);z-index:var(--z-sheet);position:fixed;inset:0}.entrance-preview-modal{z-index:var(--z-modal);background:var(--bg);border-radius:var(--radius-xl);flex-direction:column;display:flex;position:fixed;inset:24px;overflow:hidden}.entrance-preview-modal>header{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.entrance-preview-modal>header h2{font-size:15px}.entrance-preview-modal>header p{color:var(--ink-muted);margin-top:4px;font-size:12px}.entrance-preview-stage{isolation:isolate;flex:1;min-height:0;position:relative;overflow:hidden}.entrance-preview-scroll{isolation:isolate;overscroll-behavior:contain;height:100%;overflow-y:auto}@media (max-width:767px){.entrance-preview-modal{border-radius:0;height:100dvh;inset:0}.entrance-preview-modal>header{padding:max(12px, env(safe-area-inset-top)) 16px 12px}.entrance-option{gap:10px}.entrance-option-copy>span{font-size:11px}}@media (prefers-reduced-motion:reduce){.personal-entry{display:none!important}.personal-entry *{animation:none!important}}
