:root{color:#111;font-synthesis:none;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#f5f5f7;min-height:100%;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}.shell{min-height:100vh}.app{background:#fff;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:76px;position:relative;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#fffffff5;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:58px;padding:7px 15px;display:flex;position:sticky;top:0}.wordmark{background:0 0;border:0;padding:6px;font-family:Georgia,Times New Roman,serif;font-size:25px;font-style:italic;font-weight:700}.topActions{gap:7px;display:flex}.topActions button,.postHead button,.actions button,.composeHead button,.chatHead button,.pageTitle button,.profileHeader button,.search button,.sendbar button{background:0 0;border:0;place-items:center;min-width:42px;min-height:42px;padding:0;display:grid}.topActions svg{width:25px}.notice{color:#6a4d00;background:#fff3cd;align-items:center;gap:8px;padding:10px 13px;font-size:13px;display:flex}.notice span{flex:1}.notice button{background:0 0;border:0}.notice svg{width:17px}.bottomNav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:15;width:min(480px,100%);height:68px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff7;border-top:1px solid #e7e7e7;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottomNav button{background:0 0;border:0;place-items:center;width:20%;display:grid}.bottomNav svg{width:25px;height:25px}.bottomNav .active svg{transform:scale(1.04)}.avatar{background:linear-gradient(145deg,#f0f0f0,#ddd);border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.sm{width:36px;height:36px;font-size:13px}.stories{scrollbar-width:none;border-bottom:1px solid #efefef;gap:13px;padding:13px 12px 12px;display:flex;overflow-x:auto}.stories::-webkit-scrollbar{display:none}.story{text-align:center;background:0 0;border:0;flex:none;width:67px;padding:0}.story small{white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:11px;display:block;overflow:hidden}.storyRing{background:linear-gradient(135deg,#ffcf3f 5%,#ff5348 38%,#d52d8a 67%,#7136d8);border-radius:50%;padding:2.5px;display:inline-grid}.storyRing .avatar{border:2.5px solid #fff}.storyAvatar{display:inline-block;position:relative}.storyAvatar i{color:#fff;background:#0a84ff;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;font-style:normal;font-weight:700;line-height:1;display:grid;position:absolute;bottom:0;right:-1px}.post{border-bottom:1px solid #ececec;padding-bottom:8px}.postHead{align-items:center;gap:10px;height:54px;padding:8px 12px;display:flex}.postWho{flex-direction:column;min-width:0;display:flex}.postWho b{font-size:13px}.postWho small{color:#777;font-size:10px}.postHead>button{margin-left:auto}.mediaWrap{background:#050505;position:relative}.mediaWrap .media,.mediaWrap>video{object-fit:cover;width:100%;max-height:640px;display:block}.videoBadge{color:#fff;filter:drop-shadow(0 1px 2px #0008);position:absolute;top:12px;right:12px}.videoBadge svg{width:20px}.actions{justify-content:space-between;padding:5px 7px 0;display:flex}.actions>div{display:flex}.actions button{background:0 0;border:0;place-items:center;min-width:42px;min-height:42px;display:grid}.actions svg{width:26px;height:26px}.actions .liked{color:#ff3040}.caption{padding:0 12px 9px;font-size:13px}.caption>p{margin:5px 0;line-height:1.4}.tags{color:#2867a8}.mutedBtn{color:#777;background:0 0;border:0;padding:4px 0}.timestamp{color:#999;margin-top:6px;font-size:10px;display:block}.commentList p{margin:6px 0}.comment{border-top:1px solid #eee;margin-top:8px;padding-top:8px;display:flex}.comment input{border:0;outline:0;flex:1;padding:8px 0;font-size:13px}.comment button{color:#1687ff;background:0 0;border:0;font-weight:700}.end{text-align:center;justify-items:center;gap:5px;padding:46px 18px 90px;display:grid}.endCheck{border:2px solid #111;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:6px;display:grid}.endCheck svg{width:21px}.end b{font-size:15px}.end span{color:#777;font-size:12px}.empty{text-align:center;padding:70px 28px}.emptyIcon{border:1.5px solid #111;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 17px;display:grid}.emptyIcon svg{width:31px;height:31px}.empty h2{margin:0 0 7px;font-size:20px}.empty p{color:#777;margin:0;font-size:13px;line-height:1.5}.welcome{background:linear-gradient(165deg,#fff 35%,#faf7ff 70%,#fff4f7);place-items:center;min-height:100vh;padding:30px 20px;display:grid;position:relative;overflow:hidden}.welcomeGlow{filter:blur(10px);opacity:.28;border-radius:50%;position:absolute}.welcomeGlow.a{background:#ff8bb4;width:240px;height:240px;top:-90px;right:-100px}.welcomeGlow.b{background:#9c8cff;width:220px;height:220px;bottom:-100px;left:-100px}.welcomeCard{text-align:center;width:100%;max-width:400px;position:relative}.brandMark{color:#fff;background:linear-gradient(145deg,#161616,#3a3a3a);border-radius:19px;place-items:center;width:64px;height:64px;margin:0 auto 13px;font-family:Georgia,serif;font-size:34px;font-style:italic;display:grid;box-shadow:0 12px 28px #0002}.logo{font-family:Georgia,serif;font-size:24px;font-style:italic;font-weight:700}.welcome h1{letter-spacing:-1.5px;margin:28px 0 12px;font-size:40px;line-height:1.02}.welcome h2{letter-spacing:-.7px;margin:25px 0 6px;font-size:28px}.lead,.sub{color:#6f6f75;max-width:330px;margin:0 auto 24px;line-height:1.5}.welcomeMock{justify-content:center;align-items:center;height:88px;margin:22px auto 25px;display:flex}.welcomeMock div{background:#fff;border:1px solid #eee;border-radius:17px;width:62px;height:78px;margin:0 -5px;transform:rotate(-6deg);box-shadow:0 9px 25px #0001}.welcomeMock div:nth-child(2){z-index:2;background:linear-gradient(160deg,#fff,#f8e7ef);height:88px;transform:none}.welcomeMock div:nth-child(3){transform:rotate(6deg)}.primary,.secondary{border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;font-weight:700;display:flex}.primary{color:#fff;background:#111;box-shadow:0 6px 16px #0001}.primary:disabled{opacity:.55}.secondary{color:#111;background:#f0f0f2}.secondary.danger{color:#d60000;background:#ffe8e8}.welcome small{color:#8a8a8f;margin-top:13px;font-size:11px;display:block}.backlink{color:#666;background:0 0;border:0;align-items:center;margin-left:-8px;display:flex}.backlink svg{width:18px}.field{text-align:left;margin:13px 0;display:block}.field>span{color:#555;margin:0 0 6px 3px;font-size:12px;font-weight:700;display:block}.field input,.field textarea,.usernameInput{background:#fff;border:1px solid #ddd;border-radius:13px;outline:none;width:100%;min-height:52px;font-size:16px}.field input,.field textarea{padding:13px}.field textarea{resize:none;min-height:100px}.field input:focus,.field textarea:focus,.usernameInput:focus-within{border-color:#777;box-shadow:0 0 0 3px #00000008}.usernameInput{align-items:center;padding-left:13px;display:flex}.usernameInput svg{color:#888;width:18px}.usernameInput input{min-height:48px;box-shadow:none!important;border:0!important}.error{color:#b00020;text-align:left;background:#fff0f0;border-radius:10px;margin:8px 0;padding:10px 12px;font-size:12px}.welcome .primary{margin-top:17px}.overlay{z-index:30;background:#0008;justify-content:center;display:flex;position:fixed;inset:0}.tutorial{align-items:center;padding:20px}.tutorialCard{text-align:center;background:#fff;border-radius:28px;width:min(390px,100%);padding:28px 23px 23px;position:relative;box-shadow:0 30px 80px #0005}.close{background:#f2f2f2;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:14px;right:14px}.close svg{width:19px}.tutorialIcon{place-items:center;height:100px;font-size:54px;display:grid}.tutorialCard h2{margin:5px 0 8px;font-size:25px}.tutorialCard p{color:#6e6e73;max-width:290px;margin:0 auto 22px;line-height:1.5}.dots{justify-content:center;gap:6px;margin:0 0 20px;display:flex}.dots span{background:#ddd;border-radius:50%;width:6px;height:6px}.dots .on{background:#111;border-radius:10px;width:18px}.composerOverlay{align-items:flex-end}.composer{width:min(480px,100%);max-height:96vh;padding-bottom:max(18px,env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;overflow:auto}.composeHead,.chatHead{border-bottom:1px solid #eee;grid-template-columns:48px 1fr 70px;align-items:center;height:58px;padding:0 5px;display:grid}.composeHead b{text-align:center}.composeHead>span{width:70px}.shareText{font-weight:700;color:#1687ff!important}.createStart{text-align:center;padding:20px 18px 30px}.cameraStage{background:linear-gradient(145deg,#181818,#333);border-radius:22px;place-items:center;height:260px;display:grid;position:relative;overflow:hidden}.cameraStage video{object-fit:cover;width:100%;height:100%}.cameraGlyph{color:#fff8;position:absolute}.cameraGlyph svg{width:50px;height:50px}.rec{color:#e00;background:#fff;border-radius:20px;padding:5px 8px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.createStart h2{margin:22px 0 5px}.createStart p{color:#777;margin:0 15px 20px;font-size:13px;line-height:1.45}.createStart .secondary{margin-top:10px}.editPost{padding-bottom:20px}.previewBox{background:#000;place-items:center;display:grid}.previewBox img,.previewBox video{object-fit:contain;width:100%;max-height:440px;display:block}.captionRow{border-bottom:1px solid #eee;gap:10px;padding:14px;display:flex}.captionRow textarea{resize:none;border:0;outline:none;flex:1;min-height:70px}.editOption{padding:14px}.editOption>span{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.editOption svg{width:18px}.chips{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.chips button{background:#fff;border:1px solid #ddd;border-radius:20px;align-items:center;gap:4px;padding:8px 11px;font-size:12px;display:flex}.chips button.selected{color:#fff;background:#111;border-color:#111}.chips svg{width:13px}.explore,.inbox,.profile{min-height:calc(100vh - 130px)}.explore>h1,.pageTitle h1{letter-spacing:-.7px;margin:18px 14px 10px;font-size:27px}.search{background:#f1f1f3;border-radius:12px;align-items:center;height:42px;margin:10px 12px 14px;padding:0 9px;display:flex}.search>svg{color:#777;width:18px}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0 8px;font-size:16px}.search button{min-width:30px;min-height:30px}.search button svg{width:15px}.grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.gridItem{aspect-ratio:1;background:#eee;position:relative;overflow:hidden}.gridItem img,.gridItem video{object-fit:cover;width:100%;height:100%}.gridItem>svg{color:#fff;filter:drop-shadow(0 1px 2px #0008);width:18px;position:absolute;top:7px;right:7px}.people{padding:0 12px}.people>button{text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:9px 2px;display:flex}.people button>span:nth-child(2){display:grid}.people small{color:#777;margin-top:2px}.noResults,.emptySmall{text-align:center;color:#888;padding:40px 10px}.pageTitle{justify-content:space-between;align-items:center;padding:0 7px;display:flex}.inbox>h3{margin:20px 14px 7px;font-size:14px}.chatRow{text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:8px 14px;display:flex}.chatRow>span:nth-child(2){flex:1;display:grid}.chatRow small{color:#777;margin-top:3px}.chatRow .chev{color:#aaa;width:18px;transform:rotate(180deg)}.chat{background:#fff;align-items:stretch}.chatPanel{background:#fff;flex-direction:column;width:min(480px,100%);height:100%;margin:auto;display:flex}.chatHead{grid-template-columns:45px 38px 1fr 45px}.chatHead>span{display:grid}.chatHead small{color:#777;font-size:10px}.messages{flex-direction:column;flex:1;gap:8px;padding:15px;display:flex;overflow:auto}.chatIntro{text-align:center;justify-items:center;gap:3px;padding:30px 0;display:grid}.chatIntro small{color:#777}.msg{align-self:flex-start;max-width:78%}.msg>span{background:#eee;border-radius:19px;padding:10px 13px;display:block}.msg.mine{align-self:flex-end}.msg.mine>span{color:#fff;background:#1687ff}.sharedPost{background:#fff;border:1px solid #ddd;border-radius:14px;width:190px;margin-bottom:4px;overflow:hidden}.sharedPost img,.sharedPost video{object-fit:cover;width:100%;height:190px;display:block}.sharedPost b{padding:8px;font-size:12px;display:block}.sendbar{padding:8px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid #eee;align-items:center;display:flex}.sendbar input{border:1px solid #ddd;border-radius:22px;outline:none;flex:1;min-width:0;padding:10px 14px}.sendbar button{min-width:40px}.sheetOverlay{align-items:flex-end}.shareSheet{background:#fff;border-radius:24px 24px 0 0;width:min(480px,100%);max-height:70vh;padding:8px 14px 25px;overflow:auto}.handle{background:#ccc;border-radius:4px;width:38px;height:4px;margin:2px auto 13px}.shareSheet h2{text-align:center;font-size:17px}.sharePeople button{text-align:left;background:0 0;border:0;grid-template-rows:27px 27px;grid-template-columns:54px 1fr 42px;align-items:center;column-gap:10px;width:100%;padding:7px 0;display:grid}.sharePeople .avatar{grid-row:1/3}.sharePeople button>span{align-self:end;font-weight:700}.sharePeople button>small{color:#777;align-self:start}.sharePeople i{background:#f1f1f3;border-radius:50%;grid-area:1/3/3;place-items:center;width:36px;height:36px;font-style:normal;display:grid}.sharePeople i.sent{color:#fff;background:#111}.sharePeople i svg{width:17px}.profile{padding-bottom:20px}.profileHeader{justify-content:space-between;align-items:center;height:56px;padding:0 13px;display:flex}.profileHeader h1{font-size:18px}.profileTop{align-items:center;gap:26px;padding:10px 18px 8px;display:flex}.avatarButton{background:0 0;border:0;padding:0;position:relative}.avatarButton .avatar{width:86px;height:86px;font-size:25px}.avatarButton>span{color:#fff;background:#1687ff;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:700;display:grid;position:absolute;bottom:0;right:0}.stats{flex:1;justify-content:space-between;display:flex}.stats b{text-align:center;font-size:17px}.stats small{margin-top:2px;font-size:11px;font-weight:400;display:block}.bio{padding:5px 16px 2px;font-size:13px}.bio p{margin:3px 0;line-height:1.4}.edit{background:#efeff1;border:0;border-radius:9px;width:calc(100% - 28px);min-height:36px;margin:12px 14px;font-weight:700}.profileTabs{border-top:1px solid #eee;height:47px;margin-top:15px;display:flex}.profileTabs button{color:#888;background:0 0;border:0;place-items:center;width:33.333%;display:grid}.profileTabs .selected{color:#111;border-bottom:1.5px solid #111}.profileTabs svg{width:21px}.logout{color:#d22;background:0 0;border:0;margin:30px auto;display:block}.editOverlay{align-items:flex-end}.editSheet{background:#fff;border-radius:24px 24px 0 0;width:min(480px,100%);padding:0 16px 30px}.editSheet .composeHead{margin:0 -16px 15px}.editAvatar{justify-items:center;gap:7px;margin:15px;display:grid}.editAvatar .avatar{width:80px;height:80px}.editAvatar button{color:#1687ff;background:0 0;border:0;font-weight:700}@media (width>=700px){.app{box-shadow:0 0 45px #00000012}.welcomeCard{transform:scale(1.02)}}@media (width<=350px){.welcome h1{font-size:34px}.profileTop{gap:15px;padding-left:12px;padding-right:12px}.avatarButton .avatar{width:74px;height:74px}.stats{gap:8px}}