:root{--background:var(--background);--surface:#fff;--ink:#000;--muted:#8e8e8e;--line:#dbdbdb;--soft:#f4f4f4;--accent:#4a5df9;--accent-strong:#4a5df9;--danger:#ff3040;--radius:22px;--topbar-bg:#ffffffe0;--comment-bg:#fffffff5;--overlay-bg:#fffffff0;--feed-bg:#fff;--ring-color:#c7c7c7}@media (prefers-color-scheme:dark){:root{--background:#0b0b0c;--surface:#0b0b0c;--ink:#f5f5f5;--muted:#a8a8a8;--line:#262626;--soft:#262626;--accent:#4a5df9;--accent-strong:#4a5df9;--danger:#ff3040;--topbar-bg:#0b0b0ce0;--comment-bg:#0b0b0cf5;--overlay-bg:#0b0b0cf0;--feed-bg:#0b0b0c;--ring-color:#2b3036}}*{box-sizing:border-box;scrollbar-width:none}::-webkit-scrollbar{display:none}html{background:var(--background)}body{color:var(--ink);margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}button{font:inherit;-webkit-tap-highlight-color:transparent}.profile-shell{background:var(--background);place-items:start center;min-height:100svh;padding:0;display:grid}.phone-frame{background:var(--surface);width:min(100%,430px);min-height:100svh;box-shadow:none;border:0;border-radius:0;animation:.56s cubic-bezier(.2,.8,.2,1) both phoneIn;position:relative}.topbar{z-index:5;background:var(--feed-bg);grid-template-columns:1fr 48px 48px;align-items:center;height:52px;display:grid;position:sticky;top:0}.topbar strong{text-align:left;letter-spacing:-.02em;padding-left:16px;font-size:18px}.topbar-spacer{width:48px;height:48px}.icon-button,.ghost-menu{color:var(--ink);cursor:pointer;background:0 0;border:0}.icon-button{text-align:center;justify-self:end;place-items:center;width:48px;height:48px;font-size:30px;line-height:1;display:grid}.story-overlay-dark{z-index:10;cursor:pointer;background:#0009;animation:.2s storyFadeIn;position:absolute;inset:0}.story-toast{color:#fff;z-index:20;background:#262626e6;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:500;animation:.3s cubic-bezier(.2,.8,.2,1) toastFadeIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000080}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-40%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.story-quick-reactions{z-index:14;grid-template-columns:repeat(3,auto);justify-content:center;gap:24px 32px;max-width:300px;margin:0 auto;padding:0 20px;animation:.2s reactionsFadeIn;display:grid;position:absolute;bottom:80px;left:0;right:0}@keyframes reactionsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.story-reaction-btn{cursor:pointer;filter:drop-shadow(0 4px 8px #00000080);background:0 0;border:none;padding:0;font-size:44px;transition:transform .1s}.story-reaction-btn:active{transform:scale(1.2)}.profile-header{grid-template-columns:94px 1fr;gap:18px;padding:22px 20px 10px;display:grid}.avatar-ring{border-radius:999px;place-items:center;width:86px;height:86px;display:grid}.avatar-ring img,.highlight img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.avatar-ring img{border:3px solid var(--surface)}.name-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.name-row h1{letter-spacing:-.04em;margin:0;font-size:14px;font-weight:700;line-height:1}.ghost-menu{color:var(--ink);letter-spacing:1px;padding:6px}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.stats div{min-width:0}.stats dt{letter-spacing:-.02em;font-size:15px;font-weight:500}.stats dd{color:var(--muted);margin:2px 0 0;font-size:13px}.bio{padding:0 20px 14px;font-size:14px;line-height:1.38}.bio strong{margin-bottom:3px;display:block}.bio p{margin:0}.bio a{max-width:100%;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;margin-top:8px;font-weight:500;display:inline-flex;overflow:hidden}.actions{grid-template-columns:1fr 1fr;gap:8px;padding:0 20px 18px;display:grid}.primary-action,.secondary-action{cursor:pointer;border:0;border-radius:9px;place-items:center;height:32px;font-weight:500;display:grid}.primary-action{color:#fff;background:var(--accent);transition:transform .18s,background .18s}.primary-action:hover{background:var(--accent-strong);transform:translateY(-1px)}.secondary-action{color:var(--ink);background:var(--soft)}.highlights{scrollbar-width:none;gap:16px;padding:0 20px 18px;display:flex;overflow-x:auto}.highlights::-webkit-scrollbar{display:none}.highlight{color:var(--ink);cursor:pointer;background:0 0;border:0;justify-items:center;gap:7px;font-size:11px;font-weight:500;display:grid}.highlight span{border:3px solid var(--ring-color);border-radius:999px;width:64px;height:64px;padding:3px}.tabs{z-index:5;border-bottom:1px solid var(--line);background:var(--feed-bg);grid-template-columns:repeat(4,1fr);display:grid;position:sticky;top:52px}.tabs button{background:var(--feed-bg);height:48px;color:var(--muted);text-transform:uppercase;cursor:pointer;border:0;font-size:12px;font-weight:500;position:relative}.tabs button:after{content:"";background:0 0;height:2px;transition:transform .18s,background .18s;position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(.35)}.tabs button.active{color:var(--ink)}.tabs button.active:after{background:var(--ink);transform:scaleX(1)}.post-grid{background:var(--feed-bg);grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid}.post-tile{aspect-ratio:3/4;color:inherit;cursor:pointer;text-align:left;animation:.46s both tileIn;animation-delay:var(--delay);background:#111;border:0;padding:0;position:relative;overflow:hidden}.post-tile img{object-fit:cover;width:100%;height:100%;transition:transform .32s,filter .32s;display:block}.reel-badge{color:#fff;text-shadow:0 1px 10px #000000b3;font-size:13px;position:absolute;top:8px;right:8px}.comments-sheet-overlay{z-index:100;background:#0009;flex-direction:column;justify-content:flex-end;width:100%;margin:0 auto;animation:.2s overlayFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.post-overlay{color:#fff;opacity:0;background:linear-gradient(#0000 38%,#000000bf);flex-direction:column;justify-content:flex-end;gap:4px;padding:10px;transition:opacity .22s,transform .22s;display:flex;position:absolute;inset:0;transform:translateY(8px)}.post-overlay strong{font-size:13px}.post-overlay small{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.post-tile:hover img{filter:saturate(1.12)contrast(1.05);transform:scale(1.06)}.post-tile:hover .post-overlay{opacity:1;transform:translateY(0)}.post-topbar{z-index:50;background:var(--feed-bg);grid-template-columns:52px 1fr 52px;align-items:center;height:52px;display:grid;position:sticky;top:0}.post-topbar h1{text-align:center;letter-spacing:0;margin:0;font-size:16px;font-weight:700}.post-back{width:52px;height:52px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.post-back svg{transform:rotate(270deg)}.reel-detail{background:var(--feed-bg);min-height:100svh;position:relative}.reel-author{z-index:10;pointer-events:none;background:linear-gradient(#00000080 0%,#0000 100%);align-items:center;gap:12px;width:100%;min-height:58px;padding:14px;display:flex;position:absolute;top:0;left:0}.reel-author>*{pointer-events:auto}.reel-author img{object-fit:cover;border:1px solid #fff3;border-radius:999px;width:36px;height:36px}.reel-author-info{flex-direction:column;flex:1;gap:3px;display:flex}.reel-author-info strong{color:#fff;text-shadow:0 1px 4px #0009;font-size:14px;font-weight:600}.reel-audio-inline{color:#fff;opacity:.95;text-shadow:0 1px 4px #0009;align-items:center;gap:6px;font-size:12px;display:flex}.reel-audio-inline svg{opacity:.9;filter:drop-shadow(0 1px 2px #00000080)}.reel-author button{cursor:pointer;background:0 0;border:0}.reel-author .reel-options{color:#fff;filter:drop-shadow(0 1px 4px #0009);place-items:center;width:40px;height:40px;margin-left:auto;display:grid}.reel-author .reel-options:active,.icon-button:active,.story-header button:active,.story-footer button:active,.story-tap:active{background:0 0}.reel-media{aspect-ratio:9/16;background:#050505;place-items:center;width:100%;display:grid;overflow:hidden}.reel-media img,.reel-media video{object-fit:cover;width:100%;height:100%;display:block}.reel-actions{justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 4px;display:flex}.reel-actions>div{align-items:center;gap:6px;min-width:0;display:flex}.reel-actions button{width:32px;height:32px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.reel-actions span{margin-right:6px;font-size:13px;font-weight:700}.reel-actions button.is-liked{color:var(--danger)}.reel-actions button.is-saved polygon{fill:currentColor}.reel-copy{padding:2px 14px 14px;font-size:14px;line-height:1.36}.reel-copy p{margin:0 0 7px}.reel-copy p:not(.is-expanded){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reel-copy strong{font-weight:700}.reel-copy p button,.comment-link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.reel-copy p button{margin-left:4px;display:inline}.comment-link{margin:6px 0;font-size:14px;display:block}.comment-preview{color:var(--ink)}.reel-copy time{color:var(--muted);text-transform:uppercase;margin-top:10px;font-size:11px;display:block}.comment-form{background:var(--comment-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 12px;display:grid}.comment-form input{background:0 0;border:0;outline:0;min-width:0;height:38px;font-size:14px}.comment-form button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-weight:700}.comment-form button:disabled{color:#b9dffc;cursor:default}.story-viewer{z-index:20;color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#090909;place-items:center;padding:0;animation:.18s both storyFadeIn;display:grid;position:fixed;inset:0}.story-stage{isolation:isolate;touch-action:none;background:#111;width:min(100vw,430px);height:100svh;transition:transform .18s,opacity .18s;position:relative;overflow:hidden}.story-stage:before,.story-stage:after{content:"";z-index:2;pointer-events:none;position:absolute;left:0;right:0}.story-stage:before{background:linear-gradient(#0000009e,#0000);height:140px;top:0}.story-stage:after{background:linear-gradient(#0000,#000000a8);height:180px;bottom:0}.story-media{object-fit:cover;pointer-events:none;background:#151515;width:100%;height:100%;animation:.22s both storyMediaIn;display:block}.story-progress{z-index:4;gap:4px;display:flex;position:absolute;top:10px;left:8px;right:8px}.story-progress span{background:#ffffff59;border-radius:999px;flex:1;height:2px;overflow:hidden}.story-progress i{background:var(--ink);height:100%;transition:width .1s linear;display:block}.story-header{z-index:4;grid-template-columns:32px minmax(0,1fr) 40px 40px;align-items:center;gap:9px;display:grid;position:absolute;top:20px;left:12px;right:8px}.story-header img{object-fit:cover;border-radius:999px;width:32px;height:32px}.story-header div{align-items:center;gap:7px;min-width:0;display:flex}.story-header strong,.story-header span{text-shadow:0 1px 8px #0000008c;font-size:13px;font-weight:400;line-height:1}.story-header span{color:#ffffffb8}.story-header button,.story-footer button{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid}.story-tap{z-index:3;cursor:pointer;appearance:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:50%;position:absolute;top:76px;bottom:92px}.story-tap-left{left:0}.story-tap-right{right:0}.story-footer{z-index:14;grid-template-columns:minmax(0,1fr) 42px 42px;align-items:center;gap:6px;transition:all .2s;display:grid;position:absolute;bottom:14px;left:10px;right:10px}.story-footer.is-focused{grid-template-columns:1fr}.story-input-wrapper{align-items:center;display:flex;position:relative}.story-footer input{color:#fff;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;background:#0000002e;border:1px solid #ffffffb8;border-radius:999px;outline:none;width:100%;height:42px;padding:0 46px 0 16px}.story-footer.is-focused input{background:0 0}.story-footer input::placeholder{color:#ffffffeb}.story-send-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;place-items:center;width:30px;height:30px;animation:.2s tileIn;display:grid;position:absolute;right:6px}.story-footer button.is-active{color:#ff3040}.story-stage.is-paused .story-progress i{transition:none}@keyframes phoneIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tileIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes storyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes storyMediaIn{0%{opacity:.78;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media (max-width:520px){.profile-shell{background:var(--feed-bg);padding:0;display:block}.phone-frame{width:100%;min-height:100svh;box-shadow:none;border:0;border-radius:0}.profile-header{grid-template-columns:82px 1fr;gap:14px;padding:18px 16px 8px}.avatar-ring{width:85px;height:85px}.bio,.actions,.highlights{padding-left:16px;padding-right:16px}.stats dd{font-size:12px}.tabs button{font-size:11px}}.reels-feed{scrollbar-width:none;background:var(--feed-bg);height:100svh;overflow-y:scroll}.reels-feed::-webkit-scrollbar{display:none}.reel-detail{background:var(--feed-bg);min-height:100svh;scroll-margin-top:52px;position:relative}.comments-sheet-overlay{z-index:100;background:#0009;flex-direction:column;justify-content:flex-end;animation:.2s overlayFadeIn;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.comments-sheet{color:#fff;touch-action:none;background:#1a1a1a;border-radius:16px 16px 0 0;flex-direction:column;align-self:stretch;width:100%;max-width:none;height:70svh;margin:0;animation:.25s cubic-bezier(.2,.8,.2,1) sheetSlideUp;display:flex}.comments-sheet.is-dragging{transition:none;animation:none}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.comments-sheet-handle{background:#555;border-radius:2px;width:36px;height:4px;margin:12px auto 16px}.comments-sheet-title{text-align:center;border-bottom:1px solid #333;margin:0 0 16px;padding-bottom:16px;font-size:14px;font-weight:700}.comments-sheet-list{flex:1;padding:0 16px;overflow-y:auto}.comments-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.comments-empty-state h3{margin:0 0 8px;font-size:18px;font-weight:700}.comments-empty-state p{color:#a8a8a8;margin:0;font-size:14px}.comment-item{gap:12px;margin-bottom:18px;display:flex}.comment-item>img{object-fit:cover;border-radius:50%;width:34px;height:34px}.comment-content{flex:1}.comment-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.comment-header strong{font-size:13px;font-weight:600}.comment-time{color:#a8a8a8;font-size:12px}.comment-text{margin:0 0 6px;font-size:14px;line-height:1.4}.comment-actions button{color:#a8a8a8;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.comment-replies{align-items:center;gap:12px;margin-top:12px;display:flex}.reply-line{background:#555;width:24px;height:1px;display:block}.comment-replies button{color:#a8a8a8;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.comment-like-container{flex-direction:column;align-items:center;gap:4px;display:flex}.comment-like-btn{color:#a8a8a8;cursor:pointer;background:0 0;border:0;padding:0}.comment-like-btn.is-liked{color:#ff3040}.comment-like-container span{color:#a8a8a8;font-size:11px}.comments-input-area{border-top:1px solid #333;padding:12px 16px}.quick-emojis{justify-content:space-between;margin-bottom:14px;padding:0 4px;display:flex}.quick-emojis button{cursor:pointer;background:0 0;border:0;padding:0;font-size:22px;transition:transform .1s}.quick-emojis button:active{transform:scale(.9)}.comments-input-row{align-items:center;gap:12px;display:flex}.comments-input-row>img{object-fit:cover;border-radius:50%;width:36px;height:36px}.comments-input-wrapper{background:#333;border-radius:20px;flex:1;align-items:center;height:40px;padding:0 12px;display:flex}.comments-input-wrapper input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.comments-input-wrapper input::placeholder{color:#a8a8a8}.gif-badge{color:#a8a8a8;cursor:pointer;background:0 0;border:1px solid #a8a8a8;border-radius:4px;margin-left:8px;padding:2px 4px;font-size:10px;font-weight:700}.gift-btn{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}