.yoan-iiaw-wrap{display:flex;justify-content:center;width:100%;perspective:1200px}
.yoan-iiaw-phone{width:100%;max-width:410px;height:820px;position:relative;background:linear-gradient(145deg,#363b47 0%,#11141b 38%,#050608 100%);border-radius:62px;padding:14px;border:1px solid rgba(255,255,255,.18);box-shadow:0 45px 130px rgba(0,0,0,.62),inset 0 0 0 2px rgba(255,255,255,.055),inset 0 0 35px rgba(255,255,255,.04);color:#f6f1e8;overflow:hidden;isolation:isolate}
.yoan-iiaw-side{position:absolute;background:linear-gradient(180deg,#606675,#151820);border-radius:999px;opacity:.65}
.yoan-iiaw-side-left{left:-3px;top:150px;width:5px;height:82px}.yoan-iiaw-side-right{right:-3px;top:210px;width:5px;height:118px}
.yoan-iiaw-reflection{position:absolute;top:-25%;left:-35%;width:85%;height:130%;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.02),transparent);transform:rotate(24deg);pointer-events:none;z-index:8;mix-blend-mode:screen}
.yoan-iiaw-notch{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:132px;height:34px;background:#030405;border-radius:999px;z-index:30;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 12px rgba(0,0,0,.5)}
.yoan-iiaw-speaker{width:48px;height:6px;border-radius:999px;background:#161a24;box-shadow:inset 0 0 5px #000}.yoan-iiaw-camera{width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#26344e,#080a10 70%);box-shadow:inset 0 0 4px #000}
.yoan-iiaw-ui{position:relative;height:100%;background:#090a0d;border-radius:50px;overflow:hidden;border:1px solid rgba(255,255,255,.08);z-index:2}
.yoan-iiaw-boot{position:absolute;inset:0;background:#000;z-index:25;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;animation:yoan-iiaw-boot 3.65s forwards}
.yoan-iiaw-instagram-logo{width:112px;height:112px;border-radius:30px;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);display:grid;place-items:center;box-shadow:0 22px 60px rgba(214,41,118,.38);animation:yoan-iiaw-logo .9s ease both}
.yoan-iiaw-instagram-logo div{width:56px;height:56px;border:6px solid #fff;border-radius:19px;position:relative}.yoan-iiaw-instagram-logo div:before{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:6px;right:6px}.yoan-iiaw-instagram-logo div:after{content:"";position:absolute;width:18px;height:18px;border:5px solid #fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.yoan-iiaw-boot strong{color:white;font-size:25px;letter-spacing:.05em}
@keyframes yoan-iiaw-logo{from{transform:scale(.72);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes yoan-iiaw-boot{0%,78%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
.yoan-iiaw-status{height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;color:#fff;font-size:13px}
.yoan-iiaw-icons{display:flex;gap:5px}.yoan-iiaw-icons span{width:14px;height:7px;border:1px solid rgba(255,255,255,.72);border-radius:2px}
.yoan-iiaw-profile{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:10px 17px 14px}
.yoan-iiaw-avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#c9a15d,#4d3518);color:#111;font-size:25px;font-weight:900;border:2px solid rgba(255,255,255,.18)}
.yoan-iiaw-profile-text h4{margin:0;color:#fff;font-size:17px;font-weight:900;display:flex;align-items:center;gap:7px}.yoan-iiaw-profile-text p{margin:4px 0 0;color:#aeb0b6;font-size:12px}.yoan-iiaw-dot{width:10px;height:10px;border-radius:50%;background:#c9a15d;display:inline-block}
.yoan-iiaw-follow{padding:9px 13px;border-radius:999px;background:#c9a15d;color:#111!important;text-decoration:none;font-weight:900;font-size:12px;white-space:nowrap}
.yoan-iiaw-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:4px 14px 13px}.yoan-iiaw-stat{text-align:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:9px 4px}.yoan-iiaw-stat strong{display:block;color:#c9a15d;font-size:14px}.yoan-iiaw-stat span{font-size:11px;color:#aeb0b6}
.yoan-iiaw-screen{height:calc(100% - 184px);margin:0 12px 0;border-radius:30px;background:#0b0c10;border:1px solid rgba(255,255,255,.12);overflow:hidden}
.yoan-iiaw-feed{height:100%;overflow-y:auto;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;scrollbar-width:thin}.yoan-iiaw-feed::-webkit-scrollbar{width:6px}.yoan-iiaw-feed::-webkit-scrollbar-thumb{background:rgba(201,161,93,.45);border-radius:999px}
.yoan-iiaw-post{position:relative;display:block;min-height:158px;border-radius:20px;overflow:hidden;background:#111;text-decoration:none;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 35px rgba(0,0,0,.24)}.yoan-iiaw-post img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s ease}.yoan-iiaw-post:hover img{transform:scale(1.08);filter:brightness(1.08)}
.yoan-iiaw-post small{position:absolute;left:0;right:0;bottom:0;padding:25px 10px 9px;color:#fff;font-size:11px;line-height:1.25;font-weight:700;background:linear-gradient(180deg,transparent,rgba(0,0,0,.84))}
.yoan-iiaw-video{position:absolute;top:9px;right:9px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:12px}
.yoan-iiaw-homebar{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:134px;height:5px;border-radius:999px;background:rgba(255,255,255,.72)}
@media(max-width:767px){.yoan-iiaw-phone{height:720px;border-radius:48px;padding:12px}.yoan-iiaw-ui{border-radius:39px}.yoan-iiaw-post{min-height:136px}.yoan-iiaw-screen{height:calc(100% - 184px)}}