/* A native device shell around the unchanged, uncropped profile screenshot. */
.phone-mockup{display:block;min-width:0;width:100%;margin:0}
.phone-mockup__open{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;text-align:initial}
.phone-mockup__shell{display:block;box-sizing:border-box;position:relative;width:100%;aspect-ratio:560/1140;padding:3.2%;border-radius:13%/6.4%;background:linear-gradient(105deg,#969ba0 0%,#f7f5ee 1%,#474b50 2%,#d2d5d5 3%,#17191c 4%,#17191c 96%,#eeeeeb 97%,#71767a 98%,#faf9f4 99%,#585c61 100%);box-shadow:inset 0 0 0 1px #25262a,inset 0 0 0 3px #c9c9c480}
.phone-mockup__screen{display:flex;flex-direction:column;position:relative;box-sizing:border-box;width:100%;height:100%;overflow:hidden;border-radius:11%/5.4%;background:#0d0e12;box-shadow:inset 0 0 0 1px #3b3d40;container-type:inline-size}
.phone-mockup__safe-top{display:block;position:relative;height:8%;flex:none}
.phone-mockup__notch{display:flex;align-items:center;justify-content:center;gap:6%;position:absolute;top:0;left:23.5%;width:53%;height:66%;border-radius:0 0 15% 15%/0 0 55% 55%;background:#050608}
.phone-mockup__speaker{display:block;width:27%;height:9%;border-radius:9px;background:#25282b;box-shadow:inset 0 1px 1px #000}
.phone-mockup__camera{display:block;width:5%;aspect-ratio:1;border-radius:50%;background:#0b1621;box-shadow:inset 0 0 0 1px #141c25}
.phone-mockup .phone-mockup__capture{display:block;flex:none;width:100%;height:auto;min-height:0;max-width:100%;max-height:none;object-fit:contain}
.phone-mockup__body{display:block;flex:1;min-height:0;overflow:hidden;width:100%;text-align:left}
.phone-mockup__navigation{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;flex:none;width:100%;height:9%;padding:0 7%;border-top:1px solid #24262a}
.phone-mockup__navigation svg{display:block;width:10%;height:auto;fill:none;stroke:#eeeeef;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.phone-mockup__safe-bottom{display:grid;place-items:center;flex:none;height:5%}
.phone-mockup__home{display:block;width:35%;height:3px;border-radius:10px;background:#eeeeef}
.phone-mockup__open:focus-visible{outline:1px solid var(--ink);outline-offset:5px}
.lightbox.phone-lightbox{display:block;overflow-y:auto;padding:75px 18px 28px}
.phone-lightbox .phone-mockup{width:min(360px,100%);margin-inline:auto}
.phone-lightbox .close{position:fixed}
.phone-lightbox .phone-mockup__body{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#555 #0d0e12}
.phone-mockup__body:focus-visible{outline:1px solid #eee;outline-offset:-2px}
.phone-profile{display:block;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:3.65cqw;line-height:1.35;letter-spacing:0;font-weight:400;text-transform:none;color:#f5f5f5}
.phone-profile__handle{display:flex;align-items:center;gap:4cqw;padding:2cqw 4cqw 3cqw;font-weight:600;font-size:4.4cqw;line-height:1.3}
.phone-profile__handle>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phone-profile__handle>svg{width:5cqw;height:5cqw;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.phone-profile__handle>svg:last-child{width:4cqw;fill:currentColor;stroke:none}
.phone-profile__summary{display:flex;align-items:center;justify-content:space-between;gap:4cqw;padding:0 5cqw 3cqw}
.phone-mockup .phone-profile__avatar{display:block;flex:none;width:24cqw;height:24cqw;max-width:none;max-height:none;border-radius:50%;object-fit:cover}
.phone-profile__stat{display:flex;flex:1;flex-direction:column;align-items:center;min-width:0;font-size:3.2cqw;line-height:1.3}
.phone-profile__stat-value{font-size:4.3cqw;font-weight:600}
.phone-profile__description{display:block;padding:0 4cqw 3cqw;overflow-wrap:anywhere}
.phone-profile__name,.phone-profile__bio-line{display:block;white-space:pre-line}
.phone-profile__name{font-weight:600}
.phone-profile__website{display:flex;align-items:center;gap:1.5cqw;margin-top:1cqw;color:#a3baff}
.phone-profile__website svg{width:3.5cqw;height:3.5cqw;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.phone-profile__actions{display:flex;gap:2cqw;padding:0 4cqw 3cqw;font-weight:600}
.phone-profile__actions>span{display:block;flex:1;padding:1.6cqw 0;border:1px solid #44464a;border-radius:1.7cqw;text-align:center}
.phone-profile__actions>span:first-child{border-color:#445cf7;background:#445cf7}
.phone-profile__highlights{display:flex;justify-content:space-between;gap:2cqw;padding:1cqw 4cqw 3cqw;overflow:hidden}
.phone-profile__highlight{display:flex;flex:1;flex-direction:column;align-items:center;gap:1cqw;min-width:0;font-size:2.65cqw;line-height:1.3}
.phone-mockup .phone-profile__highlight img{display:block;width:12cqw;height:12cqw;max-width:none;max-height:none;object-fit:cover;border:1px solid #4b4b4e;border-radius:50%;padding:.6cqw}
.phone-profile__highlight>span{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.phone-profile__tabs{display:flex;border-bottom:1px solid #33363b;color:#909298}
.phone-profile__tabs>span{display:flex;justify-content:center;align-items:center;flex:1;min-height:9cqw;border-bottom:1px solid transparent}
.phone-profile__tabs>span.is-selected{border-bottom-color:#e8e8eb;color:#e8e8eb}
.phone-profile__tabs svg{width:5cqw;height:5cqw;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}