:root{--bx-midnight:#070A16;--bx-raised:#0D1226;--bx-mint:#2EF2C2;--bx-blue:#5B8CFF;--bx-violet:#8A5CFF;--bx-gold:#F5C46B;--bx-mist:#EEF1FF;--bx-muted:#8A93B8;--bx-border:rgba(255,255,255,.09);--bx-glass:rgba(255,255,255,.055);--bx-grad:linear-gradient(135deg,#2EF2C2,#5B8CFF 55%,#8A5CFF);--r-card:34px;--r-main:28px;--r-nav:36px;--r-icon:18px;--shadow-card:0 22px 60px rgba(0,0,0,.55);--glow:0 0 22px rgba(46,242,194,.14),0 0 28px rgba(138,92,255,.12)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;background:var(--bx-midnight);color:var(--bx-mist);font-family:-apple-system,SF Pro Display,Inter,Helvetica Neue,Arial,sans-serif}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}.app{max-width:480px;margin:0 auto;min-height:100%;position:relative;background:radial-gradient(520px 320px at 90% -6%,rgba(91,140,255,.24),transparent 60%),radial-gradient(420px 320px at -10% 40%,rgba(46,242,194,.1),transparent 60%),var(--bx-midnight)}.scroll{padding-bottom:112px}.mut{color:var(--bx-muted)}.grad{background:var(--bx-grad);color:#061018}.glass{background:var(--bx-glass);border:1px solid var(--bx-border);backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18)}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 12px) 18px 10px;background:linear-gradient(180deg,rgba(7,10,22,.92),rgba(7,10,22,.6) 70%,transparent)}.wordmark{display:flex;align-items:center;gap:8px;font-weight:800;font-size:25px;letter-spacing:-.7px}.wordmark img{width:34px;height:34px;border-radius:10px}.icon-btn{width:40px;height:40px;border-radius:var(--r-icon);display:grid;place-items:center;position:relative}.dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--bx-gold);box-shadow:0 0 8px var(--bx-gold)}.chips{display:flex;gap:8px;padding:0 18px 12px;overflow-x:auto;scrollbar-width:none}.chip{padding:8px 15px;border-radius:999px;font-size:13px;font-weight:600;color:#b9c0e0;white-space:nowrap}.chip.on{background:var(--bx-mist);color:#0b1020}.av{border-radius:50%;display:grid;place-items:center;font-weight:700;position:relative;flex:none;color:#fff}.ai-badge{position:absolute;bottom:-2px;right:-4px;background:var(--bx-gold);color:#1a1300;font-size:8px;font-weight:800;padding:1px 4px;border-radius:6px;border:1.5px solid var(--bx-midnight)}.ring{padding:2.5px;border-radius:50%;background:var(--bx-grad)}.ring.seen{background:#ffffff2e}.ring>.inner{border-radius:50%;padding:2px;background:var(--bx-midnight)}.stories{display:flex;gap:12px;overflow-x:auto;padding:2px 16px 8px;scrollbar-width:none}.story{width:66px;text-align:center;font-size:11px;flex:none}.card{margin:14px 14px 0;padding:12px;border-radius:var(--r-card);box-shadow:var(--shadow-card)}.media{border-radius:24px;position:relative;overflow:hidden}.ai-label{position:absolute;left:12px;bottom:12px;background:#070a168c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 10px;border-radius:10px;font-size:11px}.actions{display:flex;gap:16px;align-items:center;padding:12px 4px 4px;font-size:13px;font-weight:600}.actions button{display:flex;gap:6px;align-items:center}.nav{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 14px);width:min(452px,calc(100% - 28px));height:68px;border-radius:var(--r-nav);display:flex;justify-content:space-around;align-items:center;z-index:30;background:#10162cb8;box-shadow:0 -12px 40px #00000073,var(--glow)}.nav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--bx-muted);min-width:54px}.nav a.active{color:var(--bx-mint)}.nav .plus{width:52px;height:52px;border-radius:19px;display:grid;place-items:center;box-shadow:0 8px 26px #5b8cff73}.row{display:flex;align-items:center;gap:12px;padding:11px 18px}.search{margin:2px 18px 12px;padding:11px 14px;border-radius:18px;display:flex;gap:8px;align-items:center;color:var(--bx-muted);font-size:14px}.search input{flex:1;background:none;border:0;outline:0;color:var(--bx-mist);font-size:14px}.badge{font-size:11px;font-weight:800;border-radius:10px;padding:2px 7px}.btn{flex:1;text-align:center;padding:12px;border-radius:16px;font-weight:700}.btn.ghost{background:#ffffff12;font-weight:600}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 14px}.tile{aspect-ratio:3/4;border-radius:16px}.bubble{max-width:74%;padding:10px 14px;border-radius:20px;font-size:14.5px;line-height:1.35}.composer{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 16px);width:min(456px,calc(100% - 24px));display:flex;gap:8px;align-items:center}.composer input{flex:1;padding:13px 16px;border-radius:18px;background:#ffffff12;border:1px solid var(--bx-border);color:var(--bx-mist);font-size:14px;outline:0}.section-title{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bx-muted);padding:18px 20px 8px}.list{margin:0 14px;border-radius:24px;overflow:hidden}.list .row{border-bottom:1px solid var(--bx-border)}.list .row:last-child{border-bottom:0}.switch{width:46px;height:28px;border-radius:999px;background:#ffffff24;position:relative;flex:none}.switch.on{background:var(--bx-mint)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s}.switch.on:after{left:21px}.reel{position:fixed;top:0;right:0;bottom:0;left:0;max-width:480px;margin:0 auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pageIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(.9)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(30px,-24px)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes inL{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes inR{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes dots{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes navGlow{0%,to{box-shadow:0 8px 26px #5b8cff73}50%{box-shadow:0 8px 34px #2ef2c28c}}@keyframes beat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.page{animation:pageIn .32s cubic-bezier(.2,.8,.2,1)}.fade-up{animation:fadeUp .45s cubic-bezier(.2,.8,.2,1) both}.press{transition:transform .15s ease,opacity .15s}.press:active{transform:scale(.94)}.pop{animation:pop .35s ease}.heart-burst{position:absolute;left:50%;top:50%;pointer-events:none;filter:drop-shadow(0 0 18px rgba(255,107,139,.7));animation:burst .9s ease forwards}.ring.live{background:conic-gradient(from 0deg,#2ef2c2,#5b8cff,#8a5cff,#f5c46b,#2ef2c2);animation:spin 6s linear infinite}.ring.live>.inner{animation:spin 6s linear infinite reverse}.shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.nav .plus{animation:navGlow 3s ease-in-out infinite}.nav a{transition:color .2s,transform .2s}.nav a.active{transform:translateY(-2px)}.nav a.active:after{content:"";width:5px;height:5px;border-radius:50%;background:var(--bx-mint);box-shadow:0 0 8px var(--bx-mint);margin-top:1px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:pageIn .2s}.sheet{width:100%;max-width:480px;border-radius:30px 30px 0 0;padding:10px 16px calc(env(safe-area-inset-bottom) + 20px);background:#0e1328f5;animation:sheetUp .32s cubic-bezier(.2,.8,.2,1)}.sheet-handle{width:40px;height:5px;border-radius:3px;background:#fff3;margin:0 auto 14px}.field{width:100%;padding:14px 16px;border-radius:18px;background:#ffffff0f;border:1px solid var(--bx-border);color:var(--bx-mist);font:inherit;font-size:15px;outline:0;resize:none;transition:border-color .2s,box-shadow .2s}.field:focus{border-color:#2ef2c299;box-shadow:0 0 0 4px #2ef2c21f}.msg-in-left{animation:inL .3s ease both}.msg-in-right{animation:inR .3s ease both}.typing{display:inline-flex;gap:4px;padding:12px 16px;border-radius:20px;background:#ffffff14}.typing i{width:7px;height:7px;border-radius:50%;background:#8a93b8;animation:dots 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:48px 30px}.toast{position:fixed;top:calc(env(safe-area-inset-top) + 14px);left:50%;transform:translate(-50%);z-index:80;padding:12px 18px;border-radius:18px;font-size:14px;font-weight:600;background:#121830e6;box-shadow:0 12px 40px #00000080;animation:toastIn .3s ease}.splash{display:grid;place-items:center;height:100vh}.splash img{width:120px;height:120px;border-radius:32px;animation:float 2.4s ease-in-out infinite}.welcome{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;position:relative;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;animation:drift 12s ease-in-out infinite;z-index:-1}.o1{width:260px;height:260px;background:#2ef2c2;top:-60px;left:-80px}.o2{width:300px;height:300px;background:#8a5cff;bottom:-80px;right:-100px;animation-delay:-4s}.o3{width:160px;height:160px;background:#f5c46b;top:40%;right:-40px;opacity:.25;animation-delay:-8s}.logo-float{width:128px;height:128px;border-radius:34px;box-shadow:0 20px 60px #5b8cff66;animation:float 4s ease-in-out infinite}.tagline{letter-spacing:.28em;font-size:12px;font-weight:700;margin-top:8px;animation-delay:.1s}.seg{display:flex;padding:4px;border-radius:18px;margin:34px 0 16px;width:100%;max-width:360px}.seg button{flex:1;padding:10px;border-radius:14px;font-size:13px;font-weight:700;color:var(--bx-muted);transition:.25s}.seg button.on{background:var(--bx-mist);color:#0b1020}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);background-size:250% 100%;animation:shimmer 3.5s infinite}.cover{margin:0 14px;height:120px;border-radius:28px;background:linear-gradient(120deg,#123a5a,#3a4db8,#8a5cff,#2ef2c2,#3a4db8,#123a5a);background-size:300% 100%;animation:shimmer 14s linear infinite}.cam{position:absolute;right:2px;bottom:4px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--bx-midnight)}.tab{color:var(--bx-muted);border-bottom:2px solid transparent;padding-bottom:6px;transition:.2s}.tab.on{color:var(--bx-mist);border-color:var(--bx-mint)}.notif-ic{position:absolute;left:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:#0d1226;display:grid;place-items:center}.online{position:absolute;top:1px;right:1px;width:12px;height:12px;border-radius:50%;background:#2ef2c2;border:2px solid #070A16;box-shadow:0 0 8px #2ef2c2}.pulse{animation:beat 2s infinite}.beat{animation:beat 1.6s infinite}.float{animation:float 3s ease-in-out infinite;background:#2ef2c21a}.zoom{transition:transform .3s}.zoom:hover{transform:scale(1.03)}.add-story{border:2px dashed #3A4570;transition:border-color .2s}.add-story:hover{border-color:var(--bx-mint)}.card{transition:transform .25s}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.logo-wordmark{width:min(300px,76vw);height:auto;animation:float 5s ease-in-out infinite}.form-msg{padding:12px 14px;border-radius:16px;font-size:13.5px;line-height:1.4;text-align:left;animation:fadeUp .3s ease}.form-msg.err{background:#ff6b8b1f;border:1px solid rgba(255,107,139,.35);color:#ffb3c1}.form-msg.ok{background:#2ef2c21a;border:1px solid rgba(46,242,194,.35);color:#b6f3e4}.spinner{display:inline-block;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(6,16,24,.25);border-top-color:#061018;animation:spin .8s linear infinite;vertical-align:middle}button:disabled{opacity:.75}