:root{--page:#eef1f5;--white:#fff;--ink:#171717;--muted:#747474;--line:#e7e7e7;--orange:#ff7d17;--orange2:#ff5b22;--blue:#1685f7}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--page);color:var(--ink)}
body{display:flex;justify-content:center}
a{text-decoration:none;color:inherit}.app-shell{width:100%;max-width:430px;min-height:100vh;background:#fff;box-shadow:0 0 40px rgba(0,0,0,.08)}
.profile-cover{height:158px;background:linear-gradient(135deg,#ff990d,#ff4d2c);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.profile-cover:before,.profile-cover:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}.profile-cover:before{width:230px;height:230px;top:-120px;left:-80px}.profile-cover:after{width:210px;height:210px;right:-80px;bottom:-130px}.cover-orb{width:138px;height:138px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;color:#fff;font-size:50px;font-weight:800;position:relative;z-index:1}
.profile-page{background:#fff}.profile-head{position:relative;padding:52px 9px 8px}.avatar{position:absolute;top:-7px;left:9px;width:51px;height:51px;border-radius:50%;background:linear-gradient(135deg,#ff9d16,#ff5d1f);border:3px solid #fff;box-shadow:0 1px 6px rgba(0,0,0,.18);display:grid;place-items:center;color:#111;font-size:22px;font-weight:900}.profile-main{padding-left:0}.profile-name{font-size:14px;font-weight:800;line-height:1.3}.verified{display:inline-grid;place-items:center;width:12px;height:12px;margin-left:2px;border-radius:50%;background:#1685f7;color:#fff;font-size:8px;vertical-align:1px}.bio{font-size:9px;color:#666;margin-top:3px}.stats{font-size:8px;color:#222;margin-top:4px}.stats span{color:#aaa;margin:0 3px}.install-btn{display:flex;align-items:center;justify-content:center;height:27px;margin-top:7px;border-radius:6px;background:#1685f7;color:#fff;font-size:10px;font-weight:800;box-shadow:0 3px 10px rgba(22,133,247,.22)}
.story-row{display:flex;gap:10px;padding:4px 9px 8px;overflow:hidden}.story{width:34px;flex:0 0 34px;text-align:center}.story:before{content:"N";display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ff970e,#ff5c20);border:2px solid #fff;box-shadow:0 0 0 2px #1685f7;color:#fff;font-size:11px;font-weight:800}.story span{display:block;margin-top:3px;color:#777;font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs{height:30px;display:flex;border-bottom:1px solid var(--line);border-top:1px solid #f3f3f3}.tab{flex:1;border:0;background:#fff;color:#777;font-size:9px;font-weight:700;cursor:pointer;position:relative}.tab.active{color:#1685f7}.tab.active:after{content:"";position:absolute;left:24%;right:24%;bottom:-1px;height:2px;background:#1685f7;border-radius:2px}
.status{text-align:center;color:#999;font-size:10px;padding:10px 0}.status:empty{display:none}.status.error{color:#e33}.video-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#fff}.video-card{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,#ff970d,#ff4e28);overflow:hidden;cursor:pointer}.video-card:before{content:"N";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:800;z-index:0}.video-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 45%,rgba(255,50,20,.08));pointer-events:none}.video-title{display:none}.video-wrap{position:absolute;inset:0;overflow:hidden}.video-player{display:block;width:100%;height:100%;object-fit:cover;background:transparent}.video-card video{opacity:.01;position:absolute;inset:0;z-index:1}.center-play{position:absolute;right:4px;top:4px;width:15px;height:15px;border:0;border-radius:50%;background:#fff;display:grid;place-items:center;padding:0;z-index:3;box-shadow:0 1px 4px rgba(0,0,0,.22);cursor:pointer}.play-triangle{display:block;width:0;height:0;margin-left:1px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #222}.center-play.is-hidden{opacity:0;pointer-events:none}.actions{position:absolute;inset:0;z-index:2}.download-now-centered{position:absolute;inset:0;opacity:0;font-size:0}.pagination{display:flex;justify-content:center;gap:5px;padding:14px 8px;flex-wrap:wrap}.page-btn{min-width:27px;height:26px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#555;font-size:9px;font-weight:700}.page-btn.active,.page-btn:disabled{background:#1685f7;color:#fff;border-color:#1685f7}.site-footer{text-align:center;padding:16px;color:#aaa;font-size:8px;border-top:1px solid #eee}
.player-modal{display:none;position:fixed;inset:0;z-index:100}.player-modal.open{display:flex;align-items:center;justify-content:center}.player-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.player-card{position:relative;width:min(92vw,430px);z-index:2}.player-close{position:absolute;right:-8px;top:-40px;width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:#111;font-size:24px;line-height:1;z-index:4;cursor:pointer}.modal-video-wrap{width:100%;aspect-ratio:9/16;background:#000;border-radius:14px;overflow:hidden;position:relative;box-shadow:0 20px 80px rgba(0,0,0,.55)}.modal-video{width:100%;height:100%;display:block;object-fit:cover}.modal-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:2px solid rgba(255,255,255,.95);background:rgba(0,0,0,.14);backdrop-filter:blur(3px);box-shadow:0 0 22px rgba(0,150,255,.4);display:grid;place-items:center;cursor:pointer}.modal-play span{width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:22px solid #fff;margin-left:5px}.modal-info{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-radius:0 0 14px 14px;padding:10px 12px;font-size:11px}.modal-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-info a{background:#1685f7;color:#fff;padding:7px 10px;border-radius:7px;font-weight:800;font-size:10px}
@media(min-width:700px){.app-shell{margin:0 auto}.profile-cover{height:180px}.profile-head{padding-left:12px;padding-right:12px}.story-row{padding-left:12px;padding-right:12px}}