/* Screen UI uses the real phone viewport as its sizing reference. */
.phone-screen{isolation:isolate;container-type:inline-size;overflow:hidden;clip-path:inset(0 round 14.74% / 7.2%)}
.phone-screen .feed-ui{position:absolute;inset:0;display:block;padding:0;overflow:hidden;color:#fff;background:linear-gradient(180deg,#0005 0%,transparent 24%,transparent 50%,#0002 62%,#000b 91%);text-shadow:0 1px 3px #0009;pointer-events:none;font-family:Arial,Helvetica,sans-serif;line-height:1.2}
.feed-ui .feed-top{position:absolute;top:8.8%;left:5%;right:5%;display:flex;align-items:center;justify-content:center;gap:5%;font-size:3.65cqw;line-height:1.2;white-space:nowrap}
.feed-ui .feed-top>span{color:#ffffffa8}
.feed-ui .feed-top strong{position:relative;font-size:3.8cqw;line-height:1.2;border:0;padding:0 0 2.8cqw;font-weight:700}
.feed-ui .feed-top strong:after{content:'';position:absolute;left:24%;right:24%;bottom:0;height:2px;background:white;border-radius:2px}
.feed-ui .feed-top .feed-search{position:absolute;right:0;top:0;font-size:inherit;color:#fff;line-height:1}
.feed-ui .feed-top .feed-search svg{width:5.5cqw;height:5.5cqw}
.feed-ui .feed-actions{position:absolute;right:3.4%;bottom:25%;display:flex;align-items:center;flex-direction:column;gap:3.9cqw;width:12%;margin:0}
.feed-ui .feed-actions>span,.feed-ui .feed-like{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.2cqw;color:#fff;font-size:2.75cqw;line-height:1.15}
.feed-ui .feed-like{pointer-events:auto;background:none;border:0;padding:0;min-width:38px;min-height:44px;margin:0}
.feed-ui .feed-like span{font-size:2.75cqw;line-height:1.15}
.feed-ui .feed-actions svg{width:8.1cqw;height:8.1cqw;stroke:#fff;stroke-width:1.35;fill:#fff}
.feed-ui .feed-like[aria-pressed=true] svg{fill:#ff315a;stroke:#ff315a}
.feed-ui .feed-bubble svg{fill:#fff;stroke:#fff;stroke-width:1}
.feed-ui .feed-bookmark svg{width:6.7cqw;height:7.5cqw}
.feed-ui .feed-share svg{stroke-width:1}
.feed-ui .feed-caption{position:absolute;left:4.8%;right:19%;bottom:12.5%;margin:0;padding:0}
.feed-ui .feed-caption>strong{display:block;font-size:4.1cqw;font-weight:700;line-height:1.2}
.feed-ui .feed-caption p{font-size:3.3cqw;line-height:1.4;margin:2cqw 0 1.8cqw;font-weight:400;letter-spacing:0}
.feed-ui .feed-caption>span{display:flex;align-items:center;gap:1.2cqw;font-size:3.15cqw;line-height:1.25;font-weight:600;letter-spacing:0}
.feed-ui .feed-caption>span svg{width:3.6cqw;height:3.6cqw;stroke:currentColor;fill:none;stroke-width:1.6}
.feed-ui .feed-bottom{position:absolute;bottom:0;left:0;right:0;height:10.4%;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:space-around;background:#080808;border:0;border-top:1px solid #ffffff16;padding:3.2cqw 2% 0;font-size:inherit;text-shadow:none}
.feed-ui .feed-bottom>span{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.05cqw;width:19%;color:#ffffffa6;font-size:2.55cqw;line-height:1.1}
.feed-ui .feed-bottom>span:first-child{color:#fff}
.feed-ui .feed-bottom svg{width:6.1cqw;height:6.1cqw;stroke-width:1.6;fill:none;stroke:currentColor}
.feed-ui .feed-bottom>span:first-child svg{fill:currentColor;stroke-width:1}
.feed-ui .feed-bottom .feed-create{position:relative;margin-top:.65cqw;display:grid;place-items:center;width:11.5cqw;height:7.1cqw;border-radius:1.7cqw;background:white;color:#080808;box-shadow:-1.05cqw 0 #29e2db,1.05cqw 0 #ff355e;font-size:6.3cqw;font-weight:400;line-height:1}
.feed-ui .feed-bottom:after{content:'';position:absolute;bottom:1.4cqw;left:34%;width:32%;height:1.05cqw;border-radius:20px;background:#f6f6f6}
@media(prefers-reduced-motion:reduce){.feed-ui .feed-like[aria-pressed=true] svg{animation:none}}