:root{--background:255 100% 98%;--foreground:255 35% 14%;--primary:255 100% 62%;--secondary:265 72% 73%;--muted:250 30% 96%;--destructive:350 84% 55%;--border:252 30% 88%;--card:0 0% 100%;--accent:48 100% 65%;--shadow-sm:0 8px 20px hsl(255 80% 45%/.10);--shadow-md:0 18px 45px hsl(255 80% 45%/.16);--shadow-lg:0 30px 80px hsl(255 80% 45%/.22);--transition-fast:160ms ease;--transition-smooth:360ms cubic-bezier(.2,.8,.2,1);--radius-sm:14px;--radius-md:22px;--radius-lg:34px}.dark{--background:255 35% 8%;--foreground:0 0% 98%;--card:255 30% 13%;--muted:255 25% 16%;--border:255 20% 24%}*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;background:radial-gradient(circle at top left,hsl(var(--secondary)/.25),transparent 35%),linear-gradient(180deg,hsl(var(--background)),hsl(var(--muted)));color:hsl(var(--foreground));min-height:100vh}a{text-decoration:none;color:inherit}button,a,input,textarea{font-family:inherit}button,a{min-height:44px}input,textarea{width:100%;border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:18px;padding:15px 16px;font-size:max(16px,1rem);outline:none;transition:var(--transition-fast)}input:focus,textarea:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--primary)/.12)}.splash,.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#6C3BFF,#9F7AEA 55%,#FFD84D)}.splash-card,.phone-card,.login-card{width:min(430px,100%);text-align:center;background:hsl(var(--card)/.82);border:1px solid hsl(var(--card)/.55);box-shadow:var(--shadow-lg);border-radius:36px;padding:38px 24px;backdrop-filter:blur(24px);animation:rise .7s ease both}.logo-orb,.brand-mark{display:inline-grid;place-items:center;background:linear-gradient(135deg,#6C3BFF,#FFD84D);color:white;font-weight:900}.logo-orb{width:108px;height:108px;border-radius:34px;font-size:56px;animation:pulse 1.7s infinite}.splash h1,.login-card h1{font-size:42px;margin:18px 0 4px;letter-spacing:-1px}.loading{height:12px;background:hsl(var(--muted));border-radius:99px;overflow:hidden;margin-top:28px}.loading span{display:block;height:100%;background:#FFD84D;animation:load 2s ease forwards}.illus{height:230px;border-radius:32px;background:radial-gradient(circle,#FFD84D,transparent 30%),linear-gradient(135deg,#6C3BFF,#9F7AEA);display:grid;place-items:center;font-size:84px}.onboarding h1{font-size:30px}.dots b,.dots i{display:inline-block;width:10px;height:10px;border-radius:99px;margin:4px;background:hsl(var(--border))}.dots b{width:28px;background:hsl(var(--primary))}.primary-btn,.create-post{display:flex;align-items:center;justify-content:center;border:0;border-radius:18px;padding:14px 18px;background:linear-gradient(135deg,#6C3BFF,#9F7AEA);color:white;font-weight:800;box-shadow:var(--shadow-md);cursor:pointer;transition:var(--transition-smooth)}.primary-btn:hover,.create-post:hover{transform:translateY(-2px) scale(1.01)}.outline-btn,.social,.mini-btn{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:18px;padding:12px 16px;font-weight:700;cursor:pointer}.tabs{display:grid;grid-template-columns:1fr 1fr;background:hsl(var(--muted));border-radius:18px;padding:5px;margin:22px 0}.tabs button{border:0;background:transparent;border-radius:14px;font-weight:800}.tabs .active{background:white;color:hsl(var(--primary));box-shadow:var(--shadow-sm)}.form{display:grid;gap:13px}.row{display:flex;align-items:center;justify-content:space-between;font-size:14px}.row input{width:auto}.link-btn{border:0;background:transparent;color:hsl(var(--primary));font-weight:700}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:18px;top:18px;bottom:18px;width:250px;border-radius:30px;padding:18px;background:hsl(var(--card)/.72);border:1px solid hsl(var(--border));box-shadow:var(--shadow-md);backdrop-filter:blur(22px);display:none;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:22px;margin-bottom:18px}.brand-mark{width:42px;height:42px;border-radius:15px}.side-link{display:flex;gap:12px;align-items:center;padding:11px;border-radius:15px;font-weight:700;color:hsl(var(--foreground)/.78)}.side-link:hover{background:hsl(var(--primary)/.10);color:hsl(var(--primary));transform:translateX(3px)}.create-post{margin-top:auto}.content{width:100%;padding:18px 16px 96px;max-width:850px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin:8px 0 18px}.topbar h2{margin:0;font-size:28px}.topbar p,.muted{color:hsl(var(--foreground)/.58);margin:4px 0}.stories{display:flex;gap:14px;overflow:auto;padding:6px 0 18px}.story{text-align:center;min-width:74px;font-size:13px;font-weight:700}.story-ring{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#6C3BFF,#FFD84D);border:4px solid white;box-shadow:var(--shadow-sm)}.card{background:hsl(var(--card)/.86);border:1px solid hsl(var(--border));border-radius:28px;padding:18px;box-shadow:var(--shadow-sm);backdrop-filter:blur(18px)}.feed{display:grid;gap:18px}.post-head{display:flex;align-items:center;gap:12px}.avatar{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:hsl(var(--primary));color:white;font-weight:900}.big{width:70px;height:70px;font-size:30px;margin:auto}.post-head p{margin:2px 0;color:hsl(var(--foreground)/.55);font-size:13px}.post-art{height:310px;border-radius:26px;margin:16px 0;display:grid;place-items:center;color:white;font-weight:900;font-size:34px;letter-spacing:2px}.caption{line-height:1.55}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{padding:8px 12px;border-radius:99px;background:hsl(var(--primary)/.12);color:hsl(var(--primary));font-size:13px;font-weight:800}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.actions button{border:0;background:hsl(var(--muted));border-radius:14px;font-weight:800}.actions .liked{background:hsl(var(--destructive)/.12);color:hsl(var(--destructive));animation:pop .28s ease}.bottom-nav{position:fixed;left:0;right:0;bottom:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:hsl(var(--card)/.88);border-top:1px solid hsl(var(--border));backdrop-filter:blur(20px);z-index:20}.nav-item{display:grid;place-items:center;font-weight:800;font-size:18px}.nav-item small{font-size:11px}.reel-stack{display:grid;gap:18px}.reel{height:78vh;border-radius:34px;position:relative;color:white;overflow:hidden;padding:22px;box-shadow:var(--shadow-lg)}.playpulse{position:absolute;inset:0;display:grid;place-items:center;font-size:58px;animation:pulse 1.7s infinite}.reel-info{position:absolute;left:22px;bottom:28px}.reel-info h2{max-width:260px}.reel-info button{border:0;border-radius:99px;padding:10px 18px;font-weight:800;color:hsl(var(--primary))}.reel-actions{position:absolute;right:18px;bottom:38px;display:grid;gap:16px;font-weight:900}.search{margin-bottom:16px}.grid-cards{display:grid;grid-template-columns:1fr;gap:16px}.friend-card,.voice,.room,.capsule,.feature,.profile{text-align:center}.bar{height:10px;border-radius:99px;background:hsl(var(--muted));overflow:hidden;margin:12px 0}.bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#6C3BFF,#FFD84D)}.dna{text-align:center}.circle{width:190px;height:190px;border-radius:50%;margin:10px auto;display:grid;place-items:center;background:conic-gradient(#6C3BFF 0 92%,hsl(var(--muted)) 92%);box-shadow:var(--shadow-md)}.circle span{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:white;font-size:36px;font-weight:900;color:hsl(var(--primary))}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.memory-grid b{font-size:38px;background:hsl(var(--muted));border-radius:20px;padding:16px}.chat{height:calc(100vh - 130px);display:flex;flex-direction:column}.messages{flex:1;display:flex;flex-direction:column;gap:10px;overflow:auto}.msg{align-self:flex-start;max-width:75%;background:hsl(var(--muted));border-radius:20px 20px 20px 6px;padding:10px 13px}.msg.mine{align-self:flex-end;background:hsl(var(--primary));color:white;border-radius:20px 20px 6px 20px}.msg p{margin:0}.msg small{opacity:.7}.composer{display:grid;grid-template-columns:44px 1fr 44px 64px;gap:8px}.composer button{border:0;border-radius:15px;background:hsl(var(--primary));color:white;font-weight:800}.wave{height:46px;display:flex;align-items:center;justify-content:center;gap:5px}.wave i{width:7px;border-radius:99px;background:hsl(var(--primary));animation:wave 1s infinite alternate}.wave i:nth-child(2){animation-delay:.15s}.wave i:nth-child(3){animation-delay:.3s}.wave i:nth-child(4){animation-delay:.45s}.wave i:nth-child(5){animation-delay:.6s}.fab{position:fixed;right:22px;bottom:92px;border:0;border-radius:99px;background:#FFD84D;color:hsl(var(--foreground));padding:14px 20px;font-weight:900;box-shadow:var(--shadow-md)}.toast{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);background:hsl(var(--foreground));color:hsl(var(--background));padding:12px 18px;border-radius:99px;box-shadow:var(--shadow-lg);z-index:50;white-space:nowrap}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes load{from{width:0}to{width:100%}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes pop{50%{transform:scale(1.18)}}@keyframes wave{from{height:12px}to{height:40px}}@media(min-width:768px){.sidebar{display:flex}.content{margin-left:292px;padding:28px 28px 40px}.bottom-nav{display:none}.grid-cards{grid-template-columns:repeat(2,1fr)}.post-art{height:420px}}@media(min-width:1120px){.grid-cards{grid-template-columns:repeat(3,1fr)}.content{max-width:1060px}}