@font-face{font-family:Urbanist;src:url(/fonts/Urbanist-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/fonts/Urbanist-Italic-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--bg: #fafafa;--card: #ffffff;--ink: #171f24;--muted: #aab2b7;--muted-2: #c7ccd0;--line: #eef0f1;--accent: #5a6cff;--shadow: 0 18px 40px -18px rgba(23, 31, 36, .22);--shadow-sm: 0 10px 24px -14px rgba(23, 31, 36, .2);--radius: 18px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:Urbanist,system-ui,-apple-system,sans-serif;background:#e9eaee;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul{list-style:none}.stage{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:28px 16px 120px;gap:22px}.stage-head{text-align:center;max-width:420px}.stage-head h1{font-size:22px;font-weight:800;letter-spacing:-.4px}.stage-head p{color:#6b7378;font-size:14px;margin-top:6px;font-weight:500}.phone{width:375px;max-width:100vw;height:812px;background:var(--bg);border-radius:44px;box-shadow:0 40px 90px -30px #14181e80,0 0 0 11px #11151a,0 0 0 13px #2b3138;overflow:hidden;position:relative;flex:none}.phone-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.phone-scroll::-webkit-scrollbar{display:none}.statusbar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 30px;font-weight:700;font-size:15px;color:var(--ink);flex:none}.statusbar .sb-icons{display:flex;align-items:center;gap:6px}.titlebar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex:none}.titlebar.center{justify-content:center;position:relative}.titlebar h2{font-size:17px;font-weight:700;letter-spacing:-.2px}.titlebar.center .tb-left{position:absolute;left:20px}.titlebar.center .tb-right{position:absolute;right:20px;display:flex;gap:16px}.tb-right{display:flex;gap:16px}.iconbtn{width:26px;height:26px;display:grid;place-items:center;color:#3b444a}.iconbtn.muted{color:var(--muted)}.tabs{display:flex;gap:24px;padding:6px 20px 14px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{font-size:26px;font-weight:800;letter-spacing:-.6px;color:var(--muted-2);white-space:nowrap;flex:none}.tab.active{color:var(--ink)}.avatar{border-radius:50%;object-fit:cover;flex:none;background:#d8dce0}.ring{padding:2px;border-radius:50%;background:linear-gradient(135deg,#6a8cff,#b65cff);flex:none}.ring img{border:2px solid var(--bg)}.uname{font-weight:700;font-size:15px;color:var(--ink);line-height:1.2}.utime{font-size:12px;color:var(--muted);font-weight:500;margin-top:2px}.caption{font-size:17px;font-weight:600;line-height:1.35;color:var(--ink);letter-spacing:-.2px}.stat{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:600}.stat svg{flex:none}.feed-pad{padding:0 20px 40px;display:flex;flex-direction:column}.photo{width:100%;object-fit:cover;background:#dde1e5;display:block}.dock{position:fixed;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:6px;padding:8px;background:#14181edb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;box-shadow:0 20px 50px -16px #0000008c;z-index:50;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}.dock::-webkit-scrollbar{display:none}.dock button{width:34px;height:34px;border-radius:50%;color:#cfd4da;font-weight:700;font-size:13px;flex:none;transition:background .2s,color .2s}.dock button.active{background:#fff;color:#11151a}@media (max-width: 420px){.stage{padding:14px 0 110px;gap:14px}.phone{width:100vw;height:auto;min-height:100svh;border-radius:0;box-shadow:none}.phone-scroll{position:relative;height:auto;min-height:100svh}}.f1-post{display:flex;flex-direction:column}.f1-head{display:flex;align-items:center;color:var(--muted)}.f1-head .uname{line-height:1.1}.f1-head svg{margin-left:auto}.f1-body{display:flex;gap:16px;margin-top:14px}.f1-stats{display:flex;flex-direction:column;gap:18px;padding-top:8px}.f1-card{flex:1;background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.f1-card .photo{border-radius:0}.f2-card{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.f2-card .photo{border-radius:20px}.f2-overlay{position:absolute;left:16px;bottom:16px;display:flex;align-items:center}.f2-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(to top,#0a0c108c,#0a0c1000 45%);pointer-events:none}.f2-overlay{z-index:2}.f3-masonry{columns:3;column-gap:8px;padding:6px 12px 40px}.f3-tile{width:100%;border-radius:12px;margin-bottom:8px;break-inside:avoid}.f4-card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.f4-card .photo{border-radius:0}.f4-foot{display:flex;align-items:center;gap:18px;padding:14px 16px}.f4-foot .avatar,.f4-foot .ring{margin-right:2px}.f4-foot .stat:last-child{margin-left:auto}.f5-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 20px 40px;scrollbar-width:none}.f5-rail::-webkit-scrollbar{display:none}.f5-card{flex:0 0 300px;scroll-snap-align:center;background:var(--card);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.f5-card .photo{border-radius:0}.f5-foot{display:flex;align-items:center}.f6-stories{display:flex;gap:18px;padding:6px 20px 18px;overflow-x:auto;scrollbar-width:none}.f6-stories::-webkit-scrollbar{display:none}.f6-story{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}.f6-story span{font-size:12px;color:var(--muted);font-weight:600}.f6-add{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6a3cff,#9b6bff);box-shadow:0 10px 22px -10px #6a3cffb3}.f6-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.f6-split .photo{border-radius:16px}.f6-foot,.f7-foot,.f8-foot{display:flex;align-items:center;padding-top:14px}.f6-foot .stat,.f7-foot .stat{margin-left:18px}.f7-foot{padding:14px 2px 0}.f7-foot .stat{margin-left:18px}.f8-foot{padding:0 2px;margin-top:-34px;position:relative;align-items:flex-end}.f8-thumb{width:56px;height:72px;border-radius:12px;object-fit:cover;box-shadow:var(--shadow);margin-right:12px;flex:none}.f8-foot>div{padding-bottom:6px}.f8-foot .stat{padding-bottom:8px}.f9-stack{position:relative}.f9-stack:before{content:"";position:absolute;top:14px;left:14px;right:-10px;bottom:-10px;background:#fff;border-radius:22px;box-shadow:var(--shadow-sm);opacity:.55}.f9-card{position:relative;background:var(--card);border-radius:22px;padding:16px;box-shadow:var(--shadow)}.f9-head{display:flex;align-items:center;margin-bottom:14px}.f10-card{background:var(--card);border-radius:20px;padding:16px;box-shadow:var(--shadow-sm)}.f10-head{display:flex;align-items:center;margin-bottom:14px;color:var(--muted-2)}.f10-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.f10-strip .photo{border-radius:12px}.f10-foot{display:flex;align-items:center;gap:22px;padding-top:14px}.f10-foot .stat:last-child{margin-left:auto}