:root{--background:240 14% 7%;--foreground:0 0% 100%;--primary:257 100% 65%;--secondary:253 75% 71%;--muted:231 10% 72%;--destructive:0 82% 61%;--border:250 18% 22%;--card:240 13% 12%;--accent-yellow:48 100% 65%;--shadow-sm:0 8px 24px rgba(0,0,0,.22);--shadow-md:0 18px 60px rgba(124,77,255,.18);--shadow-lg:0 28px 100px rgba(157,107,255,.28);--transition-fast:160ms ease;--transition-smooth:420ms cubic-bezier(.2,.8,.2,1);--radius-sm:14px;--radius-md:22px;--radius-lg:34px}.dark{--background:240 14% 7%;--foreground:0 0% 100%;--primary:257 100% 65%;--secondary:253 75% 71%;--muted:231 10% 72%;--destructive:0 82% 61%;--border:250 18% 22%;--card:240 13% 12%}html:not(.dark){--background:260 40% 96%;--foreground:240 16% 10%;--card:0 0% 100%;--muted:238 8% 38%;--border:250 16% 82%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}button,a,input{font:inherit}button,a{min-height:44px}button:disabled{opacity:.55;cursor:not-allowed}input{font-size:max(16px,1rem);width:100%;border:1px solid hsl(var(--border));background:rgba(255,255,255,.06);color:hsl(var(--foreground));border-radius:var(--radius-sm);padding:14px 16px;outline:none}input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--primary)/.16)}.app-shell{min-height:100vh;background:radial-gradient(circle at 10% 0%,hsl(var(--primary)/.22),transparent 34%),radial-gradient(circle at 90% 20%,hsl(var(--accent-yellow)/.1),transparent 30%),hsl(var(--background))}.screen-center{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}.splash{position:relative;overflow:hidden}.logo-orb{width:118px;height:118px;border-radius:38px;display:grid;place-items:center;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));font-size:62px;font-weight:900;box-shadow:0 0 60px hsl(var(--primary)/.65);animation:float 3s ease-in-out infinite}.logo-orb.small{width:76px;height:76px;border-radius:24px;font-size:40px;margin:auto}.cinema-title,.auth-card h1{font-size:clamp(42px,12vw,96px);letter-spacing:.12em;margin:18px 0 8px;text-shadow:0 0 34px hsl(var(--primary)/.8)}.typing{color:hsl(var(--muted));overflow:hidden;white-space:nowrap;border-right:2px solid hsl(var(--primary));animation:type 2s steps(38),blink .8s infinite}.loading-bar{width:min(360px,80vw);height:10px;border-radius:99px;background:hsl(var(--card));overflow:hidden;margin-top:28px}.loading-bar span{display:block;height:100%;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--accent-yellow)));animation:load 2s ease forwards}.particles i{position:absolute;width:8px;height:8px;background:hsl(var(--secondary));border-radius:99px;animation:particle 5s linear infinite}.particles i:nth-child(1){left:14%;top:22%}.particles i:nth-child(2){left:78%;top:18%;animation-delay:.6s}.particles i:nth-child(3){left:58%;top:72%;animation-delay:1s}.particles i:nth-child(4){left:24%;top:78%;animation-delay:1.4s}.particles i:nth-child(5){left:88%;top:58%;animation-delay:2s}.login-page{min-height:100vh;display:grid;place-items:center;padding:22px}.glass-card{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid hsl(var(--border));box-shadow:var(--shadow-md);backdrop-filter:blur(18px);border-radius:var(--radius-lg)}.auth-card{width:min(460px,100%);padding:30px;text-align:center;animation:fadeUp .7s ease both}.muted,.microcopy{color:hsl(var(--muted))}.form-grid{display:grid;gap:12px;margin-top:14px}.primary-btn,.secondary-btn{border:0;border-radius:var(--radius-sm);padding:12px 18px;cursor:pointer;transition:var(--transition-smooth);color:white}.primary-btn{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));box-shadow:0 12px 34px hsl(var(--primary)/.28)}.secondary-btn{background:hsl(var(--foreground)/.08);border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.primary-btn:hover,.secondary-btn:hover,.nav-item:hover,.bottom-nav a:hover{transform:translateY(-2px) scale(1.02)}.text-link{background:transparent;border:0;color:hsl(var(--secondary));cursor:pointer;margin-top:12px}.toast{position:fixed;z-index:60;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);background:hsl(var(--card));border:1px solid hsl(var(--primary)/.45);border-radius:999px;padding:14px 18px;box-shadow:var(--shadow-lg);animation:toast .35s ease}.layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:18px;height:calc(100vh - 36px);margin:18px;padding:20px;display:flex;flex-direction:column;gap:16px}.brand-mini{font-size:22px;font-weight:900;text-decoration:none;color:hsl(var(--foreground));letter-spacing:.08em}.brand-mini span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:hsl(var(--primary));margin-right:8px}.side-nav{display:grid;gap:8px}.nav-item{display:flex;gap:12px;align-items:center;color:hsl(var(--muted));text-decoration:none;padding:12px;border-radius:18px;transition:var(--transition-smooth)}.nav-item.active{color:white;background:hsl(var(--primary)/.18);box-shadow:inset 0 0 0 1px hsl(var(--primary)/.32),0 0 26px hsl(var(--primary)/.18)}.content-frame{padding:22px 24px 110px}.page{animation:fadeUp .45s ease;max-width:1120px;margin:auto}.page h2{font-size:clamp(30px,6vw,56px);margin:10px 0 20px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.stories{display:flex;gap:14px;overflow-x:auto;padding:10px 0 18px}.story{min-width:78px;text-align:center;color:hsl(var(--muted))}.story span,.avatar-ring{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;margin:auto;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--accent-yellow)));box-shadow:0 0 24px hsl(var(--primary)/.45);animation:ring 2.2s linear infinite}.avatar-ring.mini{width:48px;height:48px;animation:none}.composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;margin-bottom:18px}.inline-status,.inline-error{padding:10px 14px;border-radius:999px;background:hsl(var(--primary)/.12);color:hsl(var(--muted));display:inline-block}.inline-error{background:hsl(var(--destructive)/.16);color:white}.feed-list{display:grid;gap:18px}.post-card{padding:18px}.post-top{display:flex;gap:12px;align-items:center}.post-top p{margin:2px 0;color:hsl(var(--muted))}.post-art,genmb-image{height:280px;border-radius:26px;margin:16px 0;display:block;overflow:hidden;background:radial-gradient(circle at 30% 30%,hsl(var(--accent-yellow)/.8),transparent 24%),linear-gradient(135deg,hsl(var(--primary)/.9),hsl(var(--card)),hsl(var(--secondary)/.65));box-shadow:var(--shadow-sm)}.post-actions{display:flex;flex-wrap:wrap;gap:8px}.post-actions button{border:0;border-radius:999px;padding:10px 14px;background:hsl(var(--foreground)/.08);color:hsl(var(--foreground));cursor:pointer}.reels-page{height:calc(100vh - 44px);display:grid;place-items:center}.reel-card{position:relative;width:min(430px,100%);height:min(760px,calc(100vh - 80px));border-radius:34px;overflow:hidden;background:hsl(var(--card));box-shadow:var(--shadow-lg)}.reel-gradient{height:100%;display:grid;place-items:center;background:linear-gradient(160deg,hsl(var(--primary)),hsl(var(--background)) 48%,hsl(var(--accent-yellow)/.55));font-size:84px}.reel-copy{position:absolute;left:18px;bottom:24px}.reel-controls{position:absolute;right:14px;bottom:90px;display:grid;gap:12px}.reel-controls button{border:0;border-radius:50%;width:54px;height:54px;background:hsl(var(--card)/.7);color:white}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.friend-card,.room-card,.capsule,.voice-card,.dna-card,.profile-grid{padding:22px}.dna-card{text-align:center}.dna-ring{width:220px;height:220px;margin:16px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(hsl(var(--primary)) 92%,hsl(var(--foreground)/.08) 0);box-shadow:0 0 50px hsl(var(--primary)/.34);animation:pulse 2s infinite}.dna-ring span{width:160px;height:160px;border-radius:50%;background:hsl(var(--card));display:grid;place-items:center;font-size:42px;font-weight:900}.stats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.stats span{padding:10px 12px;border-radius:999px;background:hsl(var(--primary)/.12);color:hsl(var(--primary))}.chat-box{padding:18px;min-height:420px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:78%;align-self:flex-start;background:hsl(var(--foreground)/.08);border-radius:22px 22px 22px 6px;padding:12px 14px}.bubble.me{align-self:flex-end;background:hsl(var(--primary));color:white;border-radius:22px 22px 6px 22px}.bubble small{display:block;opacity:.7;margin-top:4px}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.typing-dots i{display:inline-block;width:8px;height:8px;background:hsl(var(--secondary));border-radius:50%;margin:4px;animation:bounce 1s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.wave{height:120px;display:flex;align-items:center;gap:5px;justify-content:center}.wave i{width:6px;height:24px;border-radius:99px;background:hsl(var(--primary));animation:wave 1.2s ease-in-out infinite paused}.wave.playing i{animation-play-state:running}.wave i:nth-child(3n){animation-delay:.18s}.wave i:nth-child(4n){animation-delay:.32s}.bottom-nav{display:none}.loader-dot{width:34px;height:34px;border-radius:50%;border:4px solid hsl(var(--foreground)/.12);border-top-color:hsl(var(--primary));margin:14px auto;animation:spin 1s linear infinite}@keyframes float{50%{transform:translateY(-14px)}}@keyframes type{from{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes load{from{width:0}to{width:100%}}@keyframes particle{50%{transform:translateY(-40px) scale(1.8);opacity:.35}}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes toast{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes ring{to{filter:hue-rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.035);box-shadow:0 0 90px hsl(var(--primary)/.45)}}@keyframes bounce{50%{transform:translateY(-7px)}}@keyframes wave{50%{height:80px}}@keyframes spin{to{transform:rotate(360deg)}}.slide-up{animation:fadeUp .35s ease}.ripple{position:relative;overflow:hidden}@media(max-width:860px){.layout{display:block}.sidebar{display:none}.content-frame{padding:18px 14px 96px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:hsl(var(--card)/.88);border-top:1px solid hsl(var(--border));backdrop-filter:blur(18px);z-index:30}.bottom-nav a{display:grid;place-items:center;text-decoration:none;color:hsl(var(--muted));border-radius:18px;padding:6px 2px;min-height:56px}.bottom-nav a.active{color:white;background:hsl(var(--primary)/.22)}.bottom-nav span{font-size:20px}.bottom-nav small{font-size:11px}.post-art,genmb-image{height:220px}.chat-form,.composer{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}}