:root{color-scheme:dark;--pink:#FF00A8;--coal:#302D33;--white:#F7F2F5;--surface:#3B373E;--surface-2:#443F47;--line:rgba(247,242,245,.10);--muted:#C0B8C0;--quiet:#99909B;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body{background:#EAE5E9;color:var(--white)}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:4px}img{display:block;max-width:100%}svg{display:block;flex-shrink:0}button svg,a svg{pointer-events:none}button>*{pointer-events:none}.desktop-stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;padding:30px 28px 42px;gap:95px}.stage-back{position:absolute;top:32px;left:40px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650;color:var(--coal)}.stage-back span{font-size:22px}.desktop-note{width:315px;color:var(--coal)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em}.desktop-note h1{font-size:48px;line-height:1.05;font-weight:780;letter-spacing:-.055em;margin:28px 0 20px}.desktop-note h1 span{color:#857780}.desktop-note p{font-size:16px;line-height:1.7;color:#746973}.desktop-note-bottom{margin-top:85px;display:flex;align-items:center;gap:9px;font-size:11px;color:#7C707B}.demo-dot{height:6px;width:6px;border-radius:50%;background:var(--pink)}.device{width:430px;height:min(900px,calc(100dvh - 74px));min-height:620px;border:9px solid #3B363D;border-radius:47px;background:var(--coal);box-shadow:0 32px 80px #302D3326,0 4px 12px #302D3326,inset 0 0 0 1px #655F67;overflow:hidden;position:relative;flex-shrink:0}.device-top{height:22px;display:flex;justify-content:center;padding-top:4px;background:var(--coal)}.device-top span{display:block;width:80px;height:8px;border-radius:20px;background:#221E25}.app-shell{height:calc(100% - 22px);display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--coal)}.desktop-caption{position:absolute;bottom:12px;margin:0;color:#8D818A;font-size:10px;letter-spacing:.03em;transform:translateX(205px)}.app-header{display:flex;align-items:center;justify-content:space-between;height:68px;flex-shrink:0;padding:12px 19px 14px;border-bottom:1px solid var(--line);z-index:12;background:var(--coal)}.brand-button{background:none;padding:0;display:block}.brand-button img{width:137px;height:auto}.header-actions{display:flex;align-items:center;gap:10px}.demo-badge{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.1em;font-weight:760;background:var(--surface);border:1px solid var(--line);padding:6px 8px;border-radius:30px;color:#D8CFD8}.demo-badge span{width:4px;height:4px;background:var(--pink);border-radius:50%}.website-link{width:28px;height:28px;display:grid;place-items:center;color:#C7BEC8}.website-link svg{width:18px;height:18px}.app-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;outline:none!important;position:relative}.app-scroll::-webkit-scrollbar{display:none}.view{padding:25px 19px 28px;animation:viewIn .36s var(--ease) both}.view-title{font-size:32px;line-height:1.08;letter-spacing:-.045em;font-weight:790;margin:0}.view-intro{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:24px 0 14px;gap:12px}.section-heading h2{font-size:16px;letter-spacing:-.02em;margin:0;font-weight:740}.section-heading>span{font-size:10px;color:var(--quiet)}.search-field{height:44px;display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-top:23px;padding:0 13px;gap:9px}.search-field svg{width:17px;height:17px;color:var(--muted)}.search-field input{min-width:0;width:100%;border:0;outline:none!important;background:none;color:var(--white);font-size:12px;padding:12px 0}.search-field input::placeholder{color:#AEA4B0}.filter-row{display:flex;gap:7px;overflow-x:auto;margin:13px -19px 0;padding:0 19px 5px;scrollbar-width:none}.filter-chip{white-space:nowrap;padding:8px 13px;border-radius:50px;border:1px solid #59505C;background:transparent;font-size:10px;font-weight:650;color:#CEC5CF;transition:background .2s,color .2s,border-color .2s}.filter-chip.active{background:var(--white);border-color:var(--white);color:var(--coal)}.creator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-card{position:relative;min-width:0;border-radius:20px;overflow:hidden;background:var(--surface);isolation:isolate;border:1px solid #FFFFFF09;transition:transform .25s var(--ease)}.creator-card.featured{grid-column:1/-1}.creator-photo-link{display:block;position:relative;width:100%;height:246px;padding:0;background:var(--surface);text-align:left;color:var(--white)}.featured .creator-photo-link{height:350px}.creator-photo-link>img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .7s var(--ease)}.creator-photo-link:active>img{transform:scale(1.035)}.creator-photo-link:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#221B2390 72%,#211B24EE 100%);pointer-events:none}.creator-copy{position:absolute;z-index:2;left:14px;right:12px;bottom:16px}.creator-copy h3{font-size:21px;line-height:1;letter-spacing:-.035em;margin:0 0 6px;font-weight:760}.featured .creator-copy{left:20px;bottom:21px}.featured .creator-copy h3{font-size:31px}.creator-copy .handle{font-size:10px;color:#EEE5F0}.creator-copy .creator-tagline{font-size:11px;line-height:1.5;max-width:230px;color:#E9DFEB;margin:10px 0 0}.creator-card-badge{position:absolute;top:14px;left:14px;z-index:4;background:#302D335C;backdrop-filter:blur(14px);border:1px solid #FFFFFF2A;border-radius:50px;font-size:8px;letter-spacing:.1em;padding:7px 9px;font-weight:700}.save-button{position:absolute;top:11px;right:11px;z-index:5;background:#302D335C;backdrop-filter:blur(12px);border:1px solid #FFFFFF38;color:var(--white);height:34px;width:34px;display:grid;place-items:center;border-radius:50%;transition:transform .2s,background .2s}.save-button svg{width:16px;height:16px}.save-button.saved{color:var(--pink);background:#302D33CF}.save-button.saved svg{fill:currentColor}.save-button:active{transform:scale(.86)}.creator-price{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;color:#E3DCE5;font-size:10px}.creator-price span{font-weight:700}.creator-price svg{width:13px;height:13px;color:var(--pink)}.creator-grid .featured .creator-price{padding:13px 18px}.demo-note{font-size:10px;line-height:1.6;color:var(--quiet);margin:20px 0 0;display:flex;align-items:flex-start;gap:7px}.demo-note svg{width:13px;height:13px;margin-top:1px}.bottom-nav{flex-shrink:0;display:grid;grid-template-columns:repeat(4,1fr);height:76px;padding:7px 9px 9px;background:var(--coal);border-top:1px solid var(--line);z-index:15}.nav-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:none;color:#AAA0AD;font-size:9px;font-weight:600;border-radius:17px;position:relative;transition:background .2s,color .2s}.nav-button svg{width:21px;height:21px;stroke-width:1.75}.nav-button.active{color:var(--white);background:#FF00A80A}.nav-button.active svg{color:var(--pink)}.nav-button.active:after{content:"";position:absolute;top:1px;width:13px;height:3px;border-radius:6px;background:var(--pink)}.nav-counter{position:absolute;top:8px;left:calc(50% + 6px);width:13px;height:13px;border-radius:50%;background:var(--pink);color:#221C23;font-size:8px;display:grid;place-items:center;border:2px solid var(--coal);box-sizing:content-box}.empty-state{padding:44px 18px;text-align:center;display:flex;align-items:center;flex-direction:column}.empty-symbol{width:65px;height:65px;display:grid;place-items:center;border-radius:23px;background:#FF00A810;color:var(--pink);margin-bottom:22px}.empty-symbol svg{width:28px;height:28px}.empty-state h2{font-size:24px;letter-spacing:-.04em;line-height:1.15;margin:0 0 9px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.7;margin:0;max-width:235px}.empty-state .button{margin-top:24px}.button{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--pink);color:#211D23;padding:15px 20px;border-radius:14px;font-size:12px;font-weight:780;min-height:45px;transition:transform .2s var(--ease),filter .2s}.button:active{transform:scale(.975)}.button:hover{filter:brightness(1.04)}.button svg{width:16px;height:16px}.button.full{width:100%}.button.secondary{background:var(--surface-2);color:var(--white);border:1px solid var(--line)}.button.ghost{background:none;border:1px solid #B3A6B5;color:var(--coal)}.button.danger{background:#F7E8EF;color:#A0155A}.profile{padding-bottom:25px;animation:viewIn .32s var(--ease)}.profile-hero{height:365px;position:relative;background:var(--surface);isolation:isolate}.profile-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.profile-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#302D3326 5%,transparent 32%,#302D3355 58%,var(--coal) 100%)}.profile-back{position:absolute;left:16px;top:16px;z-index:3;width:36px;height:36px;border:1px solid #FFFFFF3A;border-radius:50%;background:#302D3360;backdrop-filter:blur(12px);display:grid;place-items:center;color:white}.profile-back svg{width:17px;height:17px}.profile-hero .save-button{top:16px;right:16px;width:36px;height:36px}.profile-heading{position:absolute;bottom:24px;left:22px;right:20px;z-index:3}.profile-heading h1{font-size:43px;line-height:1;letter-spacing:-.055em;margin:9px 0 8px;font-weight:800}.profile-heading .profile-location{font-size:11px;color:#DED5E0;display:flex;align-items:center;gap:6px}.profile-category{font-size:9px;font-weight:720;letter-spacing:.11em;text-transform:uppercase;color:#F2CDE6}.profile-body{padding:0 21px}.profile-handle{font-size:11px;color:var(--pink);font-weight:650;margin:0 0 11px}.profile-bio{font-size:13px;line-height:1.7;color:#D0C6D2;margin:0}.profile-tags{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 20px}.profile-tags span{font-size:9px;color:#CABFCD;background:var(--surface);padding:6px 9px;border:1px solid var(--line);border-radius:20px}.profile-actions{display:grid;grid-template-columns:1fr 47px;gap:9px}.message-profile{background:var(--surface-2);border:1px solid var(--line);color:var(--white);display:grid;place-items:center;border-radius:14px}.message-profile svg{width:19px;height:19px}.subscription-note{text-align:center;font-size:9px;color:var(--quiet);line-height:1.5;margin:9px 0 22px}.feed-label{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.feed-label h2{font-size:16px;margin:0;letter-spacing:-.03em}.feed-label>span{font-size:9px;color:var(--quiet)}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.post-card{position:relative;background:var(--surface);border-radius:15px;overflow:hidden;text-align:left;padding:0;color:var(--white);border:1px solid var(--line);min-height:185px}.post-cover{height:156px;position:relative;overflow:hidden}.post-cover>img{width:100%;height:100%;object-fit:cover}.post-card.locked .post-cover>img{filter:blur(10px) brightness(.6);transform:scale(1.15)}.post-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#302D3340)}.post-type{position:absolute;top:9px;right:9px;z-index:2;display:grid;place-items:center;background:#302D3380;backdrop-filter:blur(7px);width:24px;height:24px;border-radius:50%}.post-type svg{width:12px;height:12px}.locked-mark{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:9px;color:#F2E5F4}.locked-mark>span{height:34px;width:34px;border:1px solid #FFFFFF44;background:#FFFFFF12;backdrop-filter:blur(10px);border-radius:50%;display:grid;place-items:center}.locked-mark svg{width:15px;height:15px}.post-title{padding:10px 11px;font-size:10px;line-height:1.35;font-weight:650;display:block}.feed-unlocked{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:11px;background:#FF00A80C;color:#FF9BD9;font-size:10px;margin:20px 0 14px;border:1px solid #FF00A824}.feed-unlocked svg{width:14px;height:14px}.inbox-list{margin-top:23px}.thread-row{display:flex;align-items:center;width:100%;gap:12px;text-align:left;background:none;color:var(--white);padding:16px 0;border-bottom:1px solid var(--line)}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center 28%;border:1px solid #FFFFFF17;flex-shrink:0}.thread-copy{flex:1;min-width:0}.thread-copy strong{display:block;font-size:13px;margin-bottom:6px}.thread-copy p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#B7ACBB;margin:0}.thread-row>svg{width:13px;height:13px;color:#9E91A3}.thread-meta{font-size:8px;color:var(--quiet);margin-left:auto;white-space:nowrap}.chat{height:100%;display:flex;flex-direction:column;animation:viewIn .3s var(--ease)}.chat-top{display:flex;align-items:center;gap:10px;padding:14px 17px;border-bottom:1px solid var(--line);flex-shrink:0}.chat-top .avatar{width:36px;height:36px}.icon-button{background:transparent;color:inherit;padding:6px;border-radius:50%;display:grid;place-items:center}.icon-button svg{width:18px;height:18px}.chat-top strong{font-size:12px;display:block}.chat-top small{font-size:8px;color:var(--quiet);display:block;margin-top:4px}.chat-top .creator-open{margin-left:auto;color:var(--pink)}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:19px 17px;scrollbar-width:none;overscroll-behavior:contain}.chat-notice{text-align:center;font-size:8px;letter-spacing:.02em;color:var(--quiet);margin:0 0 22px;line-height:1.6}.bubble-row{display:flex;margin-bottom:13px;flex-direction:column;align-items:flex-start}.bubble-row.me{align-items:flex-end}.bubble{max-width:87%;padding:12px 14px;border-radius:16px 16px 16px 4px;background:var(--surface-2);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.bubble-row.me .bubble{background:var(--pink);color:#211D23;border-radius:16px 16px 4px 16px}.bubble-time{font-size:7px;margin:5px 3px 0;color:var(--quiet)}.typing{display:flex;align-items:center;gap:4px;padding:14px 15px;width:max-content;border-radius:16px 16px 16px 4px;background:var(--surface-2)}.typing i{height:4px;width:4px;border-radius:50%;background:#D9CADB;animation:typePulse 1s infinite}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}.chat-compose{display:flex;align-items:flex-end;gap:8px;padding:12px 15px 16px;border-top:1px solid var(--line);flex-shrink:0}.chat-compose textarea{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:13px;color:var(--white);font-size:12px;min-height:44px;max-height:100px;height:44px;resize:none;width:100%;outline:none}.chat-compose textarea::placeholder{color:#A99CAC}.chat-compose button{height:44px;width:44px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;background:var(--pink);color:#211D23}.chat-compose button svg{height:17px;width:17px}.you-header{display:flex;align-items:center;gap:15px;margin:6px 0 23px}.you-avatar{width:64px;height:64px;border-radius:21px;background:var(--surface-2);border:1px solid #FFFFFF10;display:grid;place-items:center;color:var(--pink)}.you-avatar svg{height:28px;width:28px}.you-header h1{font-size:28px;letter-spacing:-.04em;margin:0 0 5px}.you-header p{font-size:10px;color:var(--quiet);margin:0}.your-counts{display:grid;grid-template-columns:repeat(3,1fr);padding:17px 7px;background:var(--surface);border-radius:17px;border:1px solid var(--line)}.your-counts>div{text-align:center;border-right:1px solid var(--line)}.your-counts>div:last-child{border:0}.your-counts strong{font-size:21px;letter-spacing:-.05em}.your-counts span{display:block;font-size:9px;color:var(--quiet);margin-top:6px}.settings-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;margin:26px 0 12px;color:#C6B7CA}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:0 15px}.setting-row{display:flex;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-symbol{color:#D2C7D5}.setting-symbol svg{height:18px;width:18px}.setting-copy{flex:1}.setting-copy strong{font-size:11px;font-weight:650;display:block}.setting-copy small{font-size:9px;color:var(--quiet);display:block;margin-top:5px;line-height:1.4}.toggle{background:#655A68;width:35px;height:21px;padding:3px;border-radius:30px;position:relative;flex-shrink:0}.toggle span{display:block;width:15px;height:15px;border-radius:50%;background:var(--white);transform:translateX(0);transition:transform .2s}.toggle[aria-checked="true"]{background:var(--pink)}.toggle[aria-checked="true"] span{transform:translateX(14px);background:#2C202C}.plain-setting{background:none;width:100%;color:var(--white);text-align:left}.plain-setting>svg{width:14px;height:14px;color:var(--quiet)}.subscription-row{display:flex;align-items:center;gap:10px;width:100%;background:none;color:var(--white);padding:14px 0;border-bottom:1px solid var(--line);text-align:left}.subscription-row:last-child{border:0}.subscription-row .avatar{width:35px;height:35px}.subscription-row strong{font-size:11px;display:block;margin-bottom:4px}.subscription-row small{font-size:9px;color:var(--quiet)}.subscription-row .subscribed-pill{margin-left:auto;font-size:8px;background:#FF00A815;color:#FF99DC;border-radius:20px;padding:5px 7px}.you-footer{margin-top:26px;display:flex;align-items:center;gap:8px;color:var(--quiet);font-size:9px;line-height:1.6}.you-footer>img{width:21px;height:27px}.sheet-backdrop{position:absolute;inset:0;background:#2018238C;backdrop-filter:blur(9px);z-index:80;animation:fadeIn .22s ease}.sheet{position:absolute;z-index:81;left:11px;right:11px;bottom:11px;max-height:calc(100% - 28px);overflow:auto;scrollbar-width:none;background:var(--white);border-radius:29px;padding:24px;color:var(--coal);box-shadow:0 20px 70px #150F2240;animation:sheetIn .4s var(--ease)}.sheet-handle{width:32px;height:4px;border-radius:5px;background:#D0C6CE;margin:-12px auto 22px}.sheet-close{position:absolute;right:16px;top:16px;height:28px;width:28px;border-radius:50%;background:#EAE2E9;color:#766476;display:grid;place-items:center}.sheet-close svg{height:14px;width:14px}.sheet-eyebrow{font-size:9px;letter-spacing:.11em;font-weight:760;text-transform:uppercase;color:#9A688A;margin:0 0 10px}.sheet h2{font-size:30px;line-height:1.07;letter-spacing:-.05em;margin:0 0 12px;font-weight:790}.sheet-description{font-size:12px;line-height:1.7;color:#8A7989;margin:0}.checkout-creator{display:flex;align-items:center;gap:12px;margin:22px 0;padding:14px;border-radius:16px;background:#EEE7ED}.checkout-creator img{height:49px;width:49px;border-radius:50%;object-fit:cover;object-position:center 25%}.checkout-creator strong{font-size:14px;display:block}.checkout-creator span{font-size:10px;color:#8A7989;display:block;margin-top:5px}.plan-card{border:1.5px solid var(--pink);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;background:#FF00A804}.plan-card strong{font-size:12px;display:block;margin-bottom:5px}.plan-card small{font-size:9px;color:#897887}.plan-price{font-size:25px;font-weight:780;letter-spacing:-.05em}.plan-price small{font-size:10px;letter-spacing:0;font-weight:500}.checkout-features{list-style:none;padding:4px 0 7px;margin:14px 0}.checkout-features li{display:flex;align-items:center;gap:8px;color:#776674;font-size:11px;padding:7px 0}.checkout-features svg{height:13px;width:13px;color:#A01A76}.checkout-total{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid #DCD0D9;font-size:11px;margin-bottom:4px}.checkout-total strong{font-size:15px}.checkout-disclaimer{text-align:center;color:#917F8D;font-size:9px;line-height:1.6;margin:12px 4px 0}.success-sheet{text-align:center;padding-top:7px}.success-orbit{height:84px;width:84px;display:grid;place-items:center;border:1px solid #FF00A830;border-radius:50%;background:#FF00A80B;margin:7px auto 23px;box-shadow:0 0 0 12px #FF00A804;color:var(--pink);animation:successPop .6s var(--ease)}.success-orbit svg{width:34px;height:34px;stroke-width:2.2}.success-sheet .sheet-description{margin:0 auto 24px;max-width:260px}.reset-actions{display:grid;gap:8px;margin-top:24px}.post-sheet{padding:0;overflow:hidden}.post-sheet .sheet-close{z-index:3;background:#302D3360;color:white;backdrop-filter:blur(12px)}.post-detail-photo{width:100%;height:310px;object-fit:cover;object-position:50% 25%}.post-detail-media{position:relative;overflow:hidden}.post-detail-media.playing .post-detail-photo{animation:demoPan 7s ease-in-out infinite alternate}.post-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:58px;width:58px;background:#F7F2F5CC;color:var(--coal);border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(9px)}.post-play svg{width:23px;height:23px}.post-preview-badge{position:absolute;left:16px;bottom:15px;background:#302D3375;backdrop-filter:blur(8px);font-size:8px;letter-spacing:.05em;border:1px solid #FFFFFF33;color:white;border-radius:30px;padding:6px 9px}.post-detail-copy{padding:22px}.post-detail-copy h2{font-size:22px;line-height:1.15;margin:7px 0 10px}.post-detail-copy .sheet-description{font-size:11px}.post-detail-copy .button{margin-top:19px}.toast{position:absolute;left:50%;bottom:88px;z-index:100;transform:translate(-50%,10px);max-width:calc(100% - 36px);background:var(--white);color:var(--coal);font-size:11px;font-weight:650;line-height:1.5;padding:12px 17px;border-radius:14px;box-shadow:0 8px 30px #120B1A30;opacity:0;pointer-events:none;transition:opacity .2s,transform .25s var(--ease);white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.boot{height:100%;display:grid;place-items:center}.boot-pulse{width:14px;height:14px;background:var(--pink);border-radius:50%;animation:typePulse 1s infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-scroll{overflow:hidden!important}.reduce-motion *, .reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@keyframes viewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes sheetIn{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes successPop{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes typePulse{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes demoPan{from{transform:scale(1)}to{transform:scale(1.055)}}
@media(min-width:1450px){.desktop-stage{gap:150px}.desktop-note{width:350px}.desktop-note h1{font-size:54px}.desktop-caption{transform:translateX(250px)}}@media(max-width:1000px){.desktop-note{display:none}.desktop-stage{padding-top:64px;gap:0}.device{height:calc(100dvh - 105px)}.desktop-caption{transform:none}.stage-back{left:28px;top:22px}}@media(max-width:600px){html,body{height:100%;overflow:hidden;background:var(--coal)}.desktop-stage{height:100dvh;min-height:0;padding:0;display:block}.stage-back,.desktop-caption,.device-top{display:none}.device{width:100%;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.app-shell{height:100%}.app-header{height:calc(66px + env(safe-area-inset-top));padding-top:calc(12px + env(safe-area-inset-top))}.bottom-nav{height:calc(72px + env(safe-area-inset-bottom));padding-bottom:calc(7px + env(safe-area-inset-bottom))}.toast{bottom:calc(85px + env(safe-area-inset-bottom))}.sheet{bottom:calc(9px + env(safe-area-inset-bottom));max-height:calc(100% - 35px - env(safe-area-inset-top))}.featured .creator-photo-link{height:370px}.creator-photo-link{height:255px}.profile-hero{height:390px}}@media(max-width:370px){.app-header{padding-left:15px;padding-right:15px}.brand-button img{width:124px}.view{padding-left:15px;padding-right:15px}.filter-row{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.creator-copy h3{font-size:19px}.creator-photo-link{height:226px}.featured .creator-photo-link{height:330px}.view-title{font-size:29px}.profile-body{padding:0 17px}.sheet{padding:20px}.sheet h2{font-size:27px}.post-sheet{padding:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

@media(max-width:600px){.search-field input,.chat-compose textarea{font-size:16px}}

/* Extended creator experience — exact portrait ratio on desktop. */
.device{--phone-height:min(844px,calc(100dvh - 80px));height:var(--phone-height);width:calc(var(--phone-height) * .4615384615);min-height:0;aspect-ratio:9/19.5;border-width:8px;border-radius:calc(var(--phone-height) * .05)}
.device-top{height:18px}.device-top span{width:66px;height:6px}
.app-shell{height:calc(100% - 18px);container-type:inline-size;container-name:phone}
.app-header{padding-left:15px;padding-right:15px;height:63px}
.brand-button img{width:125px}.header-actions{gap:5px}.demo-badge{font-size:7px;padding:5px 6px;gap:4px}
.website-link,.shop-link{width:27px;height:28px;display:grid;place-items:center;color:#C7BEC8}.website-link svg,.shop-link svg{width:18px;height:18px}.shop-link{color:var(--pink)}
.bottom-nav{grid-template-columns:repeat(5,1fr);padding-left:5px;padding-right:5px}.nav-button{font-size:8px;border-radius:13px}.nav-button svg{width:19px;height:19px}.nav-counter{top:9px;width:11px;height:11px;font-size:7px}
.discover-view{padding-top:22px}.discover-heading .view-title{font-size:27px;line-height:1.1}.discover-heading .view-intro{font-size:11px;margin-top:7px}
.stories-strip{display:flex;overflow-x:auto;gap:12px;margin:20px -19px 0;padding:0 19px 5px;scrollbar-width:none;overscroll-behavior-inline:contain}.stories-strip::-webkit-scrollbar{display:none}
.story-ring-button{padding:0;background:none;color:var(--white);text-align:center;flex:0 0 62px;min-width:0}.story-ring{display:block;width:62px;height:62px;padding:2px;background:var(--pink);border-radius:50%;transition:transform .2s var(--ease)}.story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 28%;border:3px solid var(--coal)}.story-ring-button.seen .story-ring{background:#6D646F}.story-ring-button:active .story-ring{transform:scale(.93)}.story-name{display:block;font-size:9px;margin-top:8px;max-width:62px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#D4CBD6}.seen .story-name{color:var(--quiet)}
.discover-view .search-field{margin-top:17px;height:41px}.discover-view .section-heading{margin-top:21px}.discover-view .section-heading h2{font-size:14px}.discover-view .section-heading>span{font-size:9px}
.creator-photo-link{height:auto;aspect-ratio:3/4}.featured .creator-photo-link{height:280px;aspect-ratio:auto}.creator-copy{left:12px;right:9px;bottom:14px}.creator-copy h3{font-size:20px;line-height:1.02}.creator-copy .handle{font-size:8px}.creator-price{padding:10px 9px;font-size:9px}.creator-price svg{width:12px;height:12px}.creator-card:not(.featured) .creator-card-badge{top:10px;left:10px;font-size:7px;padding:5px 6px;max-width:calc(100% - 48px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-card:not(.featured) .save-button{width:28px;height:28px;top:9px;right:9px}.creator-card:not(.featured) .save-button svg{width:13px;height:13px}
.live-schedule{padding-top:1px;border-top:1px solid var(--line);margin-top:24px}.live-schedule .section-heading{align-items:center}.live-schedule .section-heading h2{font-size:15px}.live-schedule .section-heading>span{font-size:8px}.live-cards{display:grid;gap:10px}.live-card{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:17px}.live-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-creator{display:flex;align-items:center;gap:8px;background:none;padding:0;color:var(--white);min-width:0;text-align:left}.live-creator .avatar{width:31px;height:31px}.live-creator strong{display:block;font-size:10px}.live-creator small{display:block;font-size:7px;letter-spacing:.04em;color:var(--quiet);margin-top:5px}.scheduled-pill{font-size:7px;color:#D0C5D4;border:1px solid #FFFFFF1C;padding:5px 6px;border-radius:20px;white-space:nowrap}.live-card h3{font-size:14px;letter-spacing:-.025em;margin:16px 0 15px;line-height:1.3}.live-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px}.live-card-bottom>span{font-size:8px;color:var(--quiet)}.reminder-button{display:flex;align-items:center;justify-content:center;gap:5px;background:#FF00A80F;color:#FF8AD4;border:1px solid #FF00A82A;padding:8px 9px;border-radius:20px;font-size:8px;font-weight:650;white-space:nowrap}.reminder-button svg{width:12px;height:12px}.reminder-button.active{background:var(--pink);color:#211D23;border-color:var(--pink)}.schedule-note{font-size:8px;color:var(--quiet);line-height:1.65;margin:12px 0 0}.profile-upcoming{margin-top:22px}
.feed-view .view-title{font-size:28px}.feed-view .view-intro{font-size:11px}.feed-filter-row{display:flex;gap:7px;margin:19px 0 18px}.feed-list{display:grid;gap:17px}.feed-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}.feed-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px;gap:7px}.feed-creator{display:flex;align-items:center;gap:9px;background:none;padding:0;color:var(--white);text-align:left;min-width:0}.feed-creator .avatar{width:32px;height:32px}.feed-creator strong{display:block;font-size:11px;line-height:1.2}.feed-creator small{display:block;font-size:8px;color:var(--quiet);margin-top:5px}.feed-date{font-size:8px;color:var(--quiet);white-space:nowrap}.feed-media{padding:0;position:relative;display:block;width:100%;aspect-ratio:4/3;background:var(--surface-2);overflow:hidden}.feed-media>img{width:100%;height:100%;object-fit:cover;object-position:center 33%;transition:transform .5s var(--ease)}.feed-media:active>img{transform:scale(1.025)}.feed-media.locked>img{filter:blur(10px) brightness(.55);transform:scale(1.1)}.feed-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--white);gap:9px;background:#302D331A;padding:16px;text-align:center}.feed-lock>span{display:grid;place-items:center;height:43px;width:43px;border-radius:50%;border:1px solid #FFFFFF42;background:#FFFFFF0C;backdrop-filter:blur(9px);margin-bottom:3px}.feed-lock strong{font-size:12px;font-weight:650}.feed-lock small{font-size:9px;color:#D3C6D6}.feed-media-label{position:absolute;left:11px;bottom:11px;display:flex;align-items:center;gap:5px;background:#302D3380;backdrop-filter:blur(9px);border:1px solid #FFFFFF24;padding:5px 7px;border-radius:20px;font-size:8px;color:var(--white)}.feed-card-content{padding:10px 13px 16px}.feed-actions{display:flex;align-items:center;gap:16px;margin-bottom:12px}.post-like,.feed-message,.feed-open{display:flex;align-items:center;gap:6px;padding:3px 0;background:none;color:#DCD1DF;font-size:10px}.post-like.liked{color:var(--pink)}.post-like.liked svg{fill:currentColor}.feed-message{font-size:9px;color:#B4A7BA}.feed-open{margin-left:auto;color:#DCD1DF}.feed-card-content h2{font-size:13px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.feed-card-content p{font-size:10px;line-height:1.65;color:#BDB0C3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.profile-hero{height:325px}.profile-heading h1{font-size:38px}.profile-handle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.profile-handle-row .profile-handle{margin:0}.profile-stories{display:flex;align-items:center;gap:5px;font-size:8px;color:#F5A2D9;background:#FF00A810;border:1px solid #FF00A825;border-radius:20px;padding:6px 8px}.profile-bio{font-size:12px}.profile-media-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:15px;padding:13px 0;margin-top:18px;background:#FFFFFF02}.profile-media-stats>div{text-align:center;border-right:1px solid var(--line)}.profile-media-stats>div:last-child{border-right:0}.profile-media-stats strong{display:block;font-size:17px;letter-spacing:-.03em}.profile-media-stats span{display:block;font-size:8px;color:var(--quiet);margin-top:5px}.post-cover{height:145px}.post-cover>img{object-position:50% 30%}.post-sheet{overflow-y:auto}.post-detail-photo{height:275px;object-position:center 30%}.post-detail-copy{padding:19px 21px}.post-detail-copy h2{font-size:22px}.gallery-post-actions{display:flex;align-items:center;justify-content:space-between;margin-top:19px}.gallery-post-actions .post-like{color:#7E6D7D}.gallery-post-actions .post-like.liked{color:#DC008F}.gallery-message{display:flex;align-items:center;gap:7px;background:none;color:#977188;font-size:10px;padding:5px 0}.gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 21px 17px;border-top:1px solid #DED4DC;background:var(--white);position:sticky;bottom:0}.gallery-controls>button{width:34px;height:34px;border-radius:50%;background:#EDE5EC;color:var(--coal);display:grid;place-items:center}.gallery-controls>span{font-size:12px;font-weight:700;text-align:center}.gallery-controls i{font-size:10px;font-style:normal;color:#A491A2;padding:0 4px}.gallery-controls small{display:block;font-size:7px;font-weight:500;letter-spacing:.1em;color:#947E90;margin-top:4px}
.story-viewer{position:absolute;inset:0;z-index:85;background:var(--coal);overflow:hidden;isolation:isolate;animation:fadeIn .25s ease}.story-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}.story-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#241D2AA6 0%,transparent 30%,#241D2A15 48%,#241D2AEA 100%)}.story-top{position:absolute;top:17px;left:15px;right:15px;z-index:2}.story-progress{display:flex;gap:4px}.story-progress>span{height:3px;flex:1;background:#FFFFFF3D;border-radius:5px}.story-progress>span.complete{background:var(--white)}.story-top-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.story-person{background:none;color:var(--white);padding:0;display:flex;align-items:center;gap:9px;text-align:left}.story-person .avatar{width:32px;height:32px;border-color:#FFFFFF55}.story-person strong{display:block;font-size:11px}.story-person small{display:block;font-size:8px;color:#D2C6D8;margin-top:5px}.story-close{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#302D3355;border:1px solid #FFFFFF30;color:var(--white)}.story-caption{position:absolute;bottom:103px;left:24px;right:24px;z-index:2}.story-caption>p{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#EED8E8;margin:0 0 13px;line-height:1.6}.story-caption h2{font-size:36px;line-height:1.04;letter-spacing:-.045em;margin:0;max-width:270px}.story-profile-link{display:flex;align-items:center;gap:9px;background:none;color:#E3CDDF;font-size:10px;padding:0;margin-top:21px}.story-controls{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;z-index:2}.story-controls>button{width:41px;height:41px;border-radius:50%;background:#FFFFFF12;backdrop-filter:blur(9px);border:1px solid #FFFFFF3D;color:var(--white);display:grid;place-items:center}.story-controls>span{font-size:10px;color:#E9DCE9;letter-spacing:.06em}.story-controls i{font-style:normal;color:#B69BB8;padding:0 6px}
.shop-tile{display:flex;align-items:center;gap:12px;padding:16px 14px;border-radius:17px;background:#FF00A80A;border:1px solid #FF00A82A;margin-top:24px}.shop-tile-icon{height:35px;width:35px;display:grid;place-items:center;border-radius:12px;background:#FF00A814;color:var(--pink)}.shop-tile-icon svg{width:20px;height:20px}.shop-tile strong{display:block;font-size:12px;letter-spacing:-.02em}.shop-tile small{display:block;font-size:9px;color:#B8A5BB;margin-top:5px}.shop-tile>svg{margin-left:auto;color:var(--pink)}
@container phone (max-width:330px){.app-header{padding-left:12px;padding-right:12px}.brand-button img{width:107px}.header-actions{gap:4px}.view{padding-left:15px;padding-right:15px}.stories-strip{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px;gap:9px}.story-ring-button{flex-basis:54px}.story-ring{width:54px;height:54px}.story-name{max-width:54px;font-size:8px}.creator-copy h3{font-size:16px}.creator-card:not(.featured) .creator-card-badge{display:none}.creator-copy .handle{font-size:7px}.creator-copy{left:10px}.creator-price{font-size:8px;padding:9px 8px}.creator-grid{gap:9px}.discover-heading .view-title,.feed-view .view-title{font-size:24px}.live-card{padding:12px}.live-card-bottom>span{font-size:7px}.reminder-button{font-size:7px;padding:7px}.feed-card-header{padding:10px}.feed-creator small{font-size:7px}.feed-creator strong{font-size:10px}.feed-date{font-size:7px}.profile-body{padding-left:17px;padding-right:17px}.profile-heading h1{font-size:34px}.profile-hero{height:290px}.post-cover{height:125px}.post-title{font-size:9px}.story-caption h2{font-size:31px}.sheet{padding:21px}.post-sheet{padding:0}.post-detail-photo{height:230px}}
@media(min-width:601px) and (max-width:1000px){.device{--phone-height:min(844px,calc(100dvh - 105px))}}
@media(max-width:600px){.device{width:100%;height:100dvh;min-height:0;aspect-ratio:auto;border:0;border-radius:0}.app-shell{height:100%}.app-header{height:calc(65px + env(safe-area-inset-top));padding-top:calc(12px + env(safe-area-inset-top))}.brand-button img{width:132px}.creator-photo-link{height:auto;aspect-ratio:3/4}.featured .creator-photo-link{height:280px;aspect-ratio:auto}.profile-hero{height:345px}.story-top{top:calc(17px + env(safe-area-inset-top))}.story-controls{bottom:calc(24px + env(safe-area-inset-bottom))}.story-caption{bottom:calc(103px + env(safe-area-inset-bottom))}}
html.embedded,html.embedded body{height:100%;overflow:hidden;background:var(--coal)}.embedded .desktop-stage{height:100dvh;min-height:0;padding:0;display:block}.embedded .stage-back,.embedded .desktop-note,.embedded .desktop-caption,.embedded .device-top{display:none}.embedded .device{width:100%;height:100dvh;min-height:0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.embedded .app-shell{height:100%}