*{box-sizing:border-box}html,body{margin:0;background:#f1f3f5;font-family:Arial,Helvetica,sans-serif;color:#111}.app{max-width:720px;margin:auto;background:#fff;min-height:100vh;overflow:hidden}.cover{height:330px;overflow:hidden;background:#ff751b}.cover img{width:100%;height:100%;object-fit:cover}.profile{position:relative;margin-top:-22px;background:#fff;border-radius:28px 28px 0 0;padding:0 25px}.avatar{position:relative;top:-58px;width:116px;height:116px;border-radius:50%;border:7px solid #fff;box-shadow:0 4px 15px #0002;overflow:hidden;margin-bottom:-45px;background:#ff7a16}.avatar img{width:100%;height:100%;object-fit:cover}.title-line{display:flex;align-items:center;gap:7px}.title-line h1{font-size:30px;margin:0;font-weight:800}.check{background:#1687f8;color:white;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:900}.bio{font-size:18px;color:#777;margin:14px 0 8px}.stats{font-size:17px;margin-bottom:20px}.stats i{font-style:normal;color:#999;margin:0 8px}.install{display:block;background:#1677ee;color:white;text-decoration:none;text-align:center;padding:17px;border-radius:12px;font-size:19px;font-weight:800}.stories{display:flex;gap:14px;overflow-x:auto;padding:26px 2px 20px}.stories::-webkit-scrollbar{display:none}.story{min-width:78px;text-align:center}.story a{display:block}.story img{width:76px;height:76px;display:block;border-radius:50%;border:4px solid #147cf0;padding:3px;background:#fff;object-fit:cover;margin:auto auto 6px}.story small{font-size:13px;color:#666}.tabs{display:flex;gap:12px;border-bottom:1px solid #eee;margin:0 -25px;padding:0 25px}.tab{border:0;background:transparent;color:#777;font-size:18px;font-weight:750;padding:14px 25px 16px;border-radius:24px 24px 0 0}.tab.active{background:#eef6ff;color:#1677ee}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.tile{position:relative;aspect-ratio:1/1;overflow:hidden;background:#ddd;cursor:pointer}.tile img{width:100%;height:100%;object-fit:cover;display:block}.play{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:12px;box-shadow:0 2px 7px #0004}.duration{position:absolute;bottom:7px;right:7px;background:#000b;color:#fff;border-radius:5px;padding:3px 5px;font-size:11px}@media(max-width:500px){.cover{height:310px}.title-line h1{font-size:28px}.grid{gap:2px}}
.play{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);

    width:40px;
    height:40px;

    border-radius:50%;
    background:rgba(0,0,0,.25);
    border:2px solid rgba(255,255,255,.9);

    display:grid;
    place-items:center;

    color:#fff;
    font-size:22px;
    line-height:1;

    box-shadow:0 3px 12px rgba(0,0,0,.28);
    backdrop-filter:blur(2px);
}