body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#f5f4f8;color:#24212d}.shell{max-width:680px!important;background:#f8f7fa!important}.shell>header{height:60px;background:rgba(83,43,157,.97);backdrop-filter:blur(14px);padding:0 18px}.shell{padding-top:60px!important;padding-bottom:78px!important}.brand{font-size:19px}.brand .logo{width:34px;height:34px;border-radius:11px}.announcement{margin:10px 14px!important;padding:10px 12px!important;border:0!important;background:#fff5cc!important;box-shadow:0 2px 10px #31204c0a}.announcement b{font-size:13px}.announcement span{font-size:12px!important;color:#5f552e}.page-title,.flow-head,.inbox-head,.profile-top{display:flex;align-items:center;justify-content:space-between;padding:22px 16px 12px}.page-title h1,.flow-head h1,.inbox-head h1,.profile-top h1{font-size:27px;letter-spacing:-.7px;margin:0}.page-title small,.flow-head small,.inbox-head small,.profile-top small{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#7445c7}.coin-pill{box-shadow:0 4px 14px #b984161a}.search{margin:0 14px 18px!important;border:0!important;box-shadow:0 5px 18px #3525540d;border-radius:16px!important}.search input{padding:15px!important;background:#fff}.online-strip{padding:0 14px 20px!important}.online-strip:empty{display:none}.people{gap:10px!important;padding:0 14px 18px!important}.people article{grid-template-columns:58px minmax(0,1fr) auto!important;border:0!important;border-radius:18px!important;padding:14px!important;box-shadow:0 5px 20px #3823530c}.people article .chat{border-radius:12px;padding:10px 13px;background:linear-gradient(135deg,#7445ca,#58309e);font-size:12px}.people article p{color:#575260}.people article span{margin-top:3px}.person-name{font-size:15px}.flow-head{padding-bottom:8px}.story-add{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;text-decoration:none;background:#6b3fbd;color:#fff;font-size:28px;box-shadow:0 6px 18px #6b3fbd3d}.story-rail{display:flex;gap:14px;overflow-x:auto;padding:4px 16px 18px;scrollbar-width:none}.story-rail button,.story-create{min-width:68px;border:0;background:transparent;text-align:center;text-decoration:none;color:#292532;padding:0}.story-rail button>span,.story-create>span{display:grid;place-items:center;width:64px;height:64px;margin:auto;border-radius:50%;padding:3px;background:linear-gradient(135deg,#f09b41,#8b3fd0)}.story-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid #fff}.story-rail b,.story-create b{display:block;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-create>span{padding:0;background:#eee8f8;color:#6b3fbd;font-size:28px;border:2px dashed #9b7bd0}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 12px}.story-grid button{position:relative;aspect-ratio:9/13;border:0;border-radius:20px;overflow:hidden;padding:0;background:#ddd;box-shadow:0 7px 22px #271d3c17;text-align:left}.story-grid img{width:100%;height:100%;object-fit:cover}.story-grid button:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000b)}.story-grid span,.story-grid small{position:absolute;z-index:2;left:13px;color:#fff}.story-grid span{bottom:30px;font-weight:700}.story-grid small{bottom:13px}.story-empty{text-align:center;padding:65px 28px;color:#77717f}.story-empty>div{font-size:48px}.story-empty h2{color:#282431}.story-empty .primary{display:inline-block;margin-top:12px}.story-viewer{position:fixed;z-index:100;inset:0;background:#0b0910;display:grid;place-items:center}.story-viewer.hidden{display:none}.story-close{position:absolute;z-index:3;right:18px;top:20px;border:0;background:#0006;color:#fff;width:40px;height:40px;border-radius:50%;font-size:28px}.story-progress{position:absolute;z-index:3;left:14px;right:70px;top:27px;height:3px;background:#ffffff42;border-radius:4px;overflow:hidden}.story-progress i{display:block;height:100%;background:#fff;animation:storytime 7s linear}@keyframes storytime{from{width:0}to{width:100%}}#story-stage{position:relative;width:min(100%,480px);height:100%;max-height:100dvh;background:#15121b;display:flex;flex-direction:column;justify-content:center}#story-stage>img{width:100%;max-height:82dvh;object-fit:contain}.viewer-user{position:absolute;z-index:2;top:48px;left:18px;color:#fff;display:grid;text-shadow:0 1px 4px #000}.viewer-user span{font-size:11px;opacity:.8}#story-stage>p{position:absolute;left:20px;right:20px;bottom:55px;color:#fff;font-size:17px;text-align:center;text-shadow:0 2px 5px #000}.viewer-actions{position:absolute;right:20px;bottom:20px;color:#fff}.compose-head{display:flex;align-items:center;gap:14px;padding:18px}.compose-head a{text-decoration:none;color:#5d35a6;font-size:34px}.compose-head h1{font-size:22px;margin:0}.compose-head span{margin-left:auto;color:#766f80;font-size:11px}.story-compose{padding:0 14px}.story-compose form{background:#fff;border-radius:20px;padding:18px;box-shadow:0 8px 30px #2c1d440c}.photo-picker{min-height:170px!important;border:2px dashed #b9a4da;border-radius:17px;place-items:center!important;align-content:center;background:#faf8fe;color:#6a3db6}.photo-picker:first-letter{font-size:34px}.photo-picker span{font-weight:400;color:#8b8494}.photo-picker input{border:0!important;padding:8px!important;width:auto!important}.inbox-head>span{background:#e9fff2;color:#177544;border-radius:20px;padding:8px 11px;font-size:11px}.chat-list{display:grid;gap:8px;padding:0 12px}.chat-list>a{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;text-decoration:none;color:#27232e;background:#fff;padding:13px;border-radius:17px;box-shadow:0 4px 18px #2f21450c}.chat-list p{margin:4px 0 0;color:#827d88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list time{font-size:11px;color:#99929f}.anon-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#292235,#61536f);color:#fff;font-size:21px;font-weight:bold}.anon-avatar.small{width:40px;height:40px}.chat-head>a{text-decoration:none;font-size:30px;color:#5f36aa}.privacy-chip{width:max-content;max-width:90%;margin:12px auto 0;padding:7px 11px;border-radius:20px;background:#e9fff1;color:#267049;font-size:10px}.messages{padding:12px 14px 90px!important;background:linear-gradient(#f7f5fa,#f1eff5);min-height:calc(100dvh - 184px)!important}.bubble{border:0!important;box-shadow:0 3px 12px #21162e0b}.bubble.mine{background:linear-gradient(135deg,#7042c0,#58319b)!important}.composer{bottom:72px!important;padding:10px 12px!important}.composer input{outline:none}.profile-top>a{background:#eee8f8;color:#6338ad;text-decoration:none;padding:9px 12px;border-radius:11px;font-weight:700;font-size:12px}.profile-card.modern{border:0!important;margin:0 12px!important;border-radius:22px!important;padding:20px!important;box-shadow:0 8px 28px #2e20440d}.profile-card.modern>.avatar{box-shadow:0 0 0 5px #eee8fa}.profile-card.modern h2{margin-bottom:3px}.profile-card.modern>p{margin-top:0;color:#7d7783}.wallet-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;text-align:left;gap:10px;padding:13px;border-radius:15px;background:linear-gradient(135deg,#fff5d5,#fffaf0);text-decoration:none;color:#463612;margin:16px 0}.wallet-row>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffd66e}.wallet-row div{display:grid}.wallet-row small{color:#806f46}.wallet-row i{font-size:25px}.edit-profile{border-top:1px solid #eeeaf2;text-align:left}.edit-profile summary{list-style:none;padding:16px 3px;font-weight:700;cursor:pointer}.edit-profile summary span{float:right}.edit-profile .form{margin:0!important;padding-top:5px}.logout-link{width:100%;border:0;background:transparent;color:#d04555;padding:16px;font-weight:700}.privacy-note{font-size:11px;color:#367052!important;background:#ebfaf1;padding:8px;border-radius:10px}.shell>nav{grid-template-columns:repeat(4,1fr)!important;height:70px!important;box-shadow:0 -4px 20px #3020400b}.shell>nav a{font-size:21px!important}.shell>nav span{font-size:10px!important;margin-top:2px}.auth-card.inline{margin:18px 12px!important;width:auto!important}@media(min-width:560px){.story-grid{grid-template-columns:repeat(3,1fr)}.people{max-width:650px;margin:auto}}@media(max-width:380px){.packages{grid-template-columns:1fr!important}.profile-stats{gap:18px!important}}