:root{--bg:#070b16;--surface:#101729;--surface2:#151d31;--text:#f8fafc;--muted:#94a3b8;--line:rgba(255,255,255,.09);--primary:#4F46E5;--cyan:#06B6D4;--green:#22C55E;--danger:#ef4444;--radius:20px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;border:0;cursor:pointer}.muted{color:var(--muted)}.glass-card{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.brand-mark{display:grid;place-items:center;width:74px;height:74px;margin:auto;border-radius:22px;background:linear-gradient(135deg,var(--primary),var(--cyan));font-weight:900;letter-spacing:-2px}.brand-mark.small{width:44px;height:44px;border-radius:13px;font-size:15px}.primary-btn{display:block;width:100%;padding:13px 18px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--cyan));font-weight:800}.text-link{display:block;margin-top:18px;text-align:center;color:#a5b4fc}.auth-page{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card,.signup-card{width:min(430px,100%);padding:30px;border-radius:var(--radius)}.login-card h1,.signup-card h1{text-align:center;margin:18px 0 5px}.login-card>.muted,.signup-card>.muted{text-align:center}.login-card form,.signup-card form{display:grid;gap:14px;margin-top:24px}.login-card label,.signup-card label{display:grid;gap:7px;font-size:13px;color:#cbd5e1}.input-field,.signup-input,.search-box input,.message-search input{width:100%;padding:13px 14px;border-radius:13px;border:1px solid var(--line);background:#080d1b;color:var(--text);outline:0}.input-field:focus,.signup-input:focus,.search-box input:focus{border-color:#6366f1}.profile-upload{display:grid;place-items:center;gap:5px;margin:auto;width:92px;height:92px;border-radius:50%;border:1px dashed #64748b;color:#cbd5e1}.profile-upload span{font-size:25px}.profile-upload small{font-size:9px}.form-status{min-height:18px;color:#fbbf24;font-size:13px}.center-page,.splash-page{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;text-align:center;padding:25px}.splash-page h1{margin:0}.loader-ring{width:38px;height:38px;border:3px solid #334155;border-top-color:#06b6d4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-page{min-height:100vh;padding-bottom:82px}.page-header,.home-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:rgba(7,11,22,.82);backdrop-filter:blur(16px)}.page-header h1{font-size:19px;margin:0}.page-header button{background:none}.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;height:68px;display:flex;justify-content:space-around;align-items:center;background:rgba(8,12,24,.94);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.bottom-nav a{display:grid;place-items:center;gap:3px;color:#94a3b8;font-size:20px;min-width:58px}.bottom-nav a span{font-size:10px}.bottom-nav a.active{color:#fff}.fab{position:fixed;right:20px;bottom:88px;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--cyan));font-size:28px;box-shadow:0 12px 30px #0008;z-index:20}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#111827;border:1px solid var(--line);padding:10px 15px;border-radius:12px;z-index:50;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.empty-state{text-align:center;padding:45px 20px;color:var(--muted)}.post-head{display:flex;align-items:center;gap:10px}.avatar,.profile-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--cyan));font-weight:800}.avatar{width:40px;height:40px}.post-head small{display:block;color:var(--muted)}.placeholder-media{display:grid;place-items:center;min-height:310px;margin-top:14px;border-radius:16px;background:radial-gradient(circle at 30% 30%,#312e81,#0f172a 65%);font-weight:900;font-size:28px}.post-actions{display:flex;gap:22px;padding:12px 4px}.post-actions button{background:none;font-size:22px}.caption{line-height:1.5}.story-section{display:flex;gap:13px;padding:14px 18px;overflow:auto}.story,.story-add{min-width:64px;height:82px;border-radius:16px;display:grid;place-items:end center;padding:7px;font-size:10px;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid var(--line)}.story-add{place-items:center;font-size:25px}.feed-list{display:grid;gap:15px;padding:0 12px}.feed-card{padding:14px;border-radius:18px}.header-actions{display:flex;gap:18px;font-size:25px}.splash-page .primary-btn{max-width:250px}.search-box{display:flex;gap:8px;padding:14px}.search-box button{width:48px;border-radius:13px;background:var(--primary)}.settings-list{display:grid;margin:12px}.setting-row{display:flex;justify-content:space-between;padding:18px 5px;background:none;border-bottom:1px solid var(--line);text-align:left}.setting-row.danger{color:#f87171}.notification-list,.conversation-list,.search-results{padding:0 14px}.notification,.conversation,.result{display:flex;gap:12px;align-items:center;padding:15px 3px;border-bottom:1px solid var(--line)}