:root{--bg:#f0f2f5;--text:#0f172a;--muted:#65676b;--card:#fff;--surface:#fffffff2;--border:#e4e6ea;--border-strong:#bcc0c4;--primary:#1877f2;--primary-contrast:#fff;--neutral-btn:#e4e6ea;--neutral-btn-contrast:#0f172a;--like:#e91e63;--comment:#10b981;--share:#2563eb;--avatar-bg:#e4e6ea;--avatar-border:#1e1b4b;--shadow-md:0 1px 2px #0000001a;--shadow-lg:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a;--facebook-blue:#1877f2;--facebook-green:#42b72a;--facebook-red:#f02849;--facebook-gray:#f0f2f5;--facebook-dark:#242526;--facebook-card:#fff}.App{align-items:center;background-color:#f0f2f5;background-color:var(--bg);color:#0f172a;color:var(--text);display:block;font-family:Helvetica,Arial,sans-serif;margin:0;min-height:100vh;padding:0;text-align:center}.App.dark{--bg:#18191a;--text:#e4e6ea;--muted:#b0b3b8;--card:#242526;--surface:#242526f2;--border:#3e4042;--border-strong:#4b4c4f;--primary:#1877f2;--primary-contrast:#fff;--neutral-btn:#3a3b3c;--neutral-btn-contrast:#e4e6ea;--like:#f43f5e;--comment:#059669;--share:#3b82f6;--avatar-bg:#3a3b3c;--avatar-border:#111827;--facebook-dark:#18191a;--facebook-card:#242526}.App h1{font-size:28px;font-weight:700;margin-bottom:16px}.App h1,.App.dark h1,h2{color:#0f172a;color:var(--text)}h2{font-size:17px;margin:0;text-transform:capitalize}h2,label{font-weight:600}label{color:#65676b;color:var(--muted);font-size:16px;padding:5px;text-align:center}textarea{line-height:1.3;text-transform:none}input,textarea{background-color:#fff;background-color:var(--card);border:1px solid #e4e6ea;border-color:var(--border);border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#0f172a;color:var(--text);cursor:text;font-family:Helvetica,Arial,sans-serif;font-size:15px;margin:8px auto;padding:10px 12px;text-align:start;width:100%}input{height:auto}input::placeholder,textarea::placeholder{color:#65676b;color:var(--muted);opacity:1}.App.dark input::placeholder,.App.dark textarea::placeholder{color:#65676b;color:var(--muted);opacity:.8}input:focus,textarea:focus{border-color:#1877f2;border-color:var(--primary);box-shadow:0 0 0 2px #1877f233;outline:none}.App.dark input:focus,.App.dark textarea:focus{border-color:#1877f2;border-color:var(--primary);box-shadow:0 0 0 2px #1877f24d}.sub{background:#fff;background:var(--card);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000001a;box-shadow:var(--shadow-md);margin-bottom:20px;padding:16px}.sub button,.sub input,.sub label{align-items:center;display:block}button{background-color:#1877f2;background-color:var(--primary);border:0 solid #0000;border-radius:6px;color:#fff;color:var(--primary-contrast);cursor:pointer;font-size:15px;font-weight:600;margin:10px auto 20px;padding:8px 16px;transition:all .15s ease}.toggle-theme{padding:6px 10px}.App.dark .toggle-theme{background-color:#e4e6ea;background-color:var(--neutral-btn)}.item{background-color:#fff;background-color:var(--card);border-radius:8px;box-shadow:0 1px 2px #0000001a;box-shadow:var(--shadow-md);color:#0f172a;color:var(--text);display:block;margin:12px 0;padding:16px;text-align:left;text-decoration:none}.App.dark .item{border-bottom-color:#e4e6ea;border-bottom-color:var(--border)}.item button{background-color:#e4e6ea;background-color:var(--neutral-btn);border:0 solid #0000;border-radius:6px;color:#0f172a;color:var(--neutral-btn-contrast);font-size:14px;font-weight:600;margin:auto auto auto 10px;padding:6px 10px;text-align:center}.item button:hover{cursor:pointer;filter:brightness(.95)}.image-preview,.image-wrapper{margin:10px auto;width:100%}.post-image{border:1px solid #bcc0c4;border:1px solid var(--border-strong);border-radius:8px;box-shadow:0 1px 2px #0000001a;max-height:500px;max-width:100%;object-fit:cover;width:100%}.App.dark .post-image{border-color:#e4e6ea;border-color:var(--border)}.sub input[type=file]{background:#0000;border:none;color:#1877f2;color:var(--primary);cursor:pointer;display:inline-block;font-size:14px;height:auto;margin-top:8px;padding:8px 0;width:auto}.like{background-color:#e91e63;background-color:var(--like);border-color:#0000}.liked{filter:brightness(1.05)}.actions{border-top:1px solid #e4e6ea;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;margin-top:12px;padding-top:12px}.action-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:#65676b;color:var(--muted);display:flex;flex:1 1;font-size:15px;font-weight:600;gap:6px;justify-content:center;padding:6px 8px}.action-btn:hover{background-color:#e4e6ea;background-color:var(--neutral-btn)}.action-btn.comment-toggle,.action-btn.like,.action-btn.share{color:#606770}.actions .comment-toggle,.actions .share{background-color:initial;color:#606770}.App.dark .actions .comment-toggle{background-color:initial}.comments{background:#fffffff2;background:var(--surface);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:12px;text-align:left}.comment-form{display:flex;gap:8px}.comment-form input{background-color:#fff;background-color:var(--card);border-color:#e4e6ea;border-color:var(--border);color:#0f172a;color:var(--text);flex:1 1;height:auto;padding:8px 12px}.comment-list{list-style:none;margin-top:10px;padding-left:0}.comment-item{border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:6px;font-size:15px;margin-bottom:6px;padding:8px 12px}.App.dark .comment-item,.comment-item{background:#fffffff2;background:var(--surface)}.app-header,.navbar{align-items:center;display:flex;justify-content:space-between}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--card);border-bottom:1px solid #e4e6ea;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000001a;height:64px;margin:0;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.navbar.compact{height:56px;padding:8px 24px}.navbar-inner{align-items:center;background:#0000;border-radius:0;display:flex;gap:16px;height:auto;justify-content:space-between;margin:0;max-width:none;padding:0;width:100%}.navbar.scrolled{-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:color-mix(in srgb,#fff 95%,#0000);background:color-mix(in srgb,var(--card) 95%,#0000);border-bottom:1px solid #e4e6ea;border-bottom:1px solid var(--border);box-shadow:0 1px 2px #0000001a}.brand{align-items:center;color:#1877f2;color:var(--primary);cursor:pointer;display:flex;font-size:28px;font-weight:700;gap:8px;padding:4px 0;transition:transform .2s ease,opacity .2s ease}.brand:hover{opacity:.8;transform:scale(1.05)}.brand .logo{align-items:center;color:#1877f2;color:var(--primary);display:flex}.brand .name{letter-spacing:-.5px}.brand .brand-accent,.brand .brand-primary{color:#1877f2;color:var(--primary)}.nav-actions{align-items:center;display:flex;gap:8px}.create-btn{background-color:#1877f2;background-color:var(--primary);border-radius:4px;font-size:14px;font-weight:600;padding:6px 16px;transition:all .2s ease}.create-btn:hover{background-color:#166fe5;box-shadow:0 2px 8px #1877f24d;transform:translateY(-1px)}.toggle-theme{background-color:#e4e6ea;background-color:var(--neutral-btn);border-radius:4px;color:#0f172a;color:var(--neutral-btn-contrast);font-size:14px;font-weight:600;padding:6px 12px}.nav-search{flex:1 1;margin:0 12px;max-width:420px}.nav-search input{background:#e4e6ea;background:var(--neutral-btn);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:9999px;box-shadow:inset 0 1px 2px #0000000d;color:#0f172a;color:var(--text);font-size:15px;padding:8px 16px;width:100%}.mobile-search-container{background:#fff;background:var(--card);border-top:1px solid #e4e6ea;border-top:1px solid var(--border);margin-top:8px;padding:8px 16px;width:100%}.mobile-search-container .nav-search{margin:0;max-width:none}.subtitle{color:#65676b;color:var(--muted);font-size:15px;margin-bottom:16px;margin-top:-6px}.post-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.post-menu{margin-left:auto;position:relative}.menu-btn{background:#0000;border:none;border-radius:4px;color:inherit;font-size:18px;padding:4px 8px}.menu-btn:hover{background-color:#e4e6ea;background-color:var(--neutral-btn)}.menu-dropdown{background:#fff;background:var(--card);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a;display:flex;flex-direction:column;min-width:200px;overflow:hidden;position:absolute;right:0;top:36px}.menu-dropdown button{background:#0000;border:none;color:#0f172a;color:var(--text);font-size:15px;font-weight:400;padding:10px 12px;text-align:left}.menu-dropdown button:hover{background:#e4e6ea;background:var(--neutral-btn)}.App.dark .menu-dropdown{background:#fff;background:var(--card);border-color:#e4e6ea;border-color:var(--border)}.App.dark .menu-dropdown button{color:#0f172a;color:var(--text)}.App.dark .menu-dropdown button:hover{background:#e4e6ea;background:var(--neutral-btn)}.edit-area input,.edit-area textarea{background-color:#fff;background-color:var(--card);border-color:#e4e6ea;border-color:var(--border);color:#0f172a;color:var(--text);margin:6px 0;width:100%}.avatar{background:#e4e6ea;background:var(--avatar-bg);border:1px solid #1e1b4b;border:1px solid var(--avatar-border);border-radius:9999px;color:#0f172a;color:var(--text);font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.avatar,.user-profile{align-items:center;display:flex}.user-profile{cursor:pointer;position:relative}.user-profile .avatar{border:2px solid #1877f2;border:2px solid var(--primary);font-size:16px;height:32px;width:32px}.user-profile .avatar img{border-radius:9999px;height:100%;object-fit:cover;width:100%}.profile-dropdown{background:#fff;background:var(--card);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a;display:flex;flex-direction:column;min-width:200px;overflow:hidden;position:absolute;right:0;top:40px;z-index:100}.profile-dropdown button{background:#0000;border:none;color:#0f172a;color:var(--text);cursor:pointer;font-size:15px;font-weight:400;padding:12px 16px;text-align:left}.profile-dropdown button:hover{background:#e4e6ea;background:var(--neutral-btn)}.App.dark .profile-dropdown{background:#fff;background:var(--card);border-color:#e4e6ea;border-color:var(--border)}.App.dark .profile-dropdown button{color:#0f172a;color:var(--text)}.App.dark .profile-dropdown button:hover{background:#e4e6ea;background:var(--neutral-btn)}.App.dark .avatar{background:#e4e6ea;background:var(--avatar-bg)}.meta h2{margin:0}.created-by{font-size:12px;font-weight:500;margin-bottom:2px}.created-by,.time-ago{color:#65676b;color:var(--muted);display:block;margin-top:2px}.time-ago{font-size:13px}.App.dark .created-by,.App.dark .time-ago{color:#65676b;color:var(--muted)}.fab{align-items:center;background-color:#1877f2;background-color:var(--primary);border:none;border-radius:9999px;bottom:20px;box-shadow:0 12px 28px 0 #0003,0 2px 4px 0 #0000001a;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:56px;z-index:100}.fab:hover{box-shadow:0 8px 25px #1877f266;transform:scale(1.1)}.fab:active{transform:scale(.95)}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;background:var(--card);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:420px;overflow:hidden;padding:40px;position:relative;width:100%}.auth-card:before{background:linear-gradient(90deg,#60a5fa,#6366f1,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-brand{margin-bottom:32px;text-align:center}.auth-logo{display:flex;justify-content:center;margin-bottom:16px}.auth-title{font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.auth-title .brand-primary{color:#1877f2;color:var(--primary)}.auth-title .brand-accent{color:#6366f1}.auth-subtitle{color:#65676b;color:var(--muted);font-size:14px;font-weight:500;margin:0}.auth-card h2{color:#0f172a;color:var(--text);font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.form-group{margin-bottom:20px}.form-group input{background:#fff;background:var(--card);border:2px solid #e4e6ea;border:2px solid var(--border);border-radius:8px;box-sizing:border-box;color:#0f172a;color:var(--text);font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#1877f2;border-color:var(--primary);box-shadow:0 0 0 3px #1877f21a;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.auth-btn{align-items:center;background:linear-gradient(135deg,#1877f2,#6366f1);background:linear-gradient(135deg,var(--primary) 0,#6366f1 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;overflow:hidden;padding:14px;position:relative;transition:all .3s ease;width:100%}.auth-btn:hover:not(:disabled){box-shadow:0 4px 12px #1877f24d;transform:translateY(-1px)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-btn.loading{padding-left:48px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-footer{margin-top:24px;text-align:center}.auth-footer p{color:#65676b;color:var(--muted);font-size:14px;margin:0}.auth-footer a{color:#1877f2;color:var(--primary);font-weight:600;text-decoration:none;transition:color .3s ease}.auth-footer a:hover{color:#6366f1;text-decoration:none}.error-message{background:linear-gradient(135deg,#ffebee,#fce4ec);border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px;text-align:center}.App.dark .auth-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.App.dark .error-message{background:linear-gradient(135deg,#3a1414,#4a1a1a);border-color:#5c2a2a;color:#f8bbd0}.profile-header .profile-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.profile-container{margin:0 auto;max-width:800px;padding:20px}.profile-header{background:#fff;background:var(--card);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000001a;box-shadow:var(--shadow-md);margin-bottom:20px;padding:30px;text-align:center}.profile-avatar{flex-direction:column}.avatar-large,.profile-avatar{align-items:center;display:flex}.avatar-large{background:#e4e6ea;background:var(--avatar-bg);border:3px solid #1877f2;border:3px solid var(--primary);border-radius:9999px;color:#0f172a;color:var(--text);font-size:40px;font-weight:700;height:100px;justify-content:center;margin-bottom:20px;width:100px}.avatar-large img{border-radius:9999px;height:100%;object-fit:cover;width:100%}.profile-header h2{font-size:24px;margin:10px 0 5px}.profile-header p{color:#65676b;color:var(--muted);margin:0}.profile-content{background:#fff;background:var(--card);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000001a;box-shadow:var(--shadow-md);padding:30px}.profile-section{margin-bottom:30px}.profile-section h3{border-bottom:1px solid #e4e6ea;border-bottom:1px solid var(--border);margin-bottom:20px;margin-top:0;padding-bottom:10px}.profile-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.profile-btn{background-color:#e4e6ea;background-color:var(--neutral-btn);border:none;border-radius:6px;color:#0f172a;color:var(--neutral-btn-contrast);cursor:pointer;font-size:16px;font-weight:600;padding:12px 16px;text-align:left}.profile-btn:hover{background-color:#d8dadf}.logout-btn{background-color:#f02849;color:#fff}.logout-btn:hover{background-color:#d92342}.App.dark .profile-btn:hover{background-color:#4b4c4f}.App.dark .logout-btn{background-color:#f02849}.App.dark .logout-btn:hover{background-color:#d92342}.dashboard-content{margin:0 auto;max-width:800px;padding:0 20px}.dashboard-page{min-height:calc(100vh - 64px)}.dashboard-header{margin-bottom:40px;padding:40px 0 20px;text-align:center}.page-title{color:#0f172a;color:var(--text);font-size:36px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.page-subtitle{color:#65676b;color:var(--muted);font-size:18px;line-height:1.6;margin:0 auto;max-width:600px}.posts-section{margin-top:40px}.section-header{align-items:center;border-bottom:2px solid #e4e6ea;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.section-header h2{color:#0f172a;color:var(--text);font-size:24px;font-weight:600;margin:0}.search-indicator{background:#fffffff2;background:var(--surface);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:20px;color:#65676b;color:var(--muted);font-size:14px;padding:6px 12px}.create-post-page{margin:0 auto;max-width:800px;min-height:calc(100vh - 64px)}.welcome-section{margin-bottom:20px;text-align:center}.posts-feed{margin-top:20px}.story-prompt{background:#fff;background:var(--card);border:2px dashed #e4e6ea;border:2px dashed var(--border);border-radius:12px;cursor:pointer;margin-bottom:24px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.story-prompt:hover{background:linear-gradient(135deg,#fff,#1877f205);background:linear-gradient(135deg,var(--card) 0,#1877f205 100%);border-color:#1877f2;border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.prompt-content{align-items:center;display:flex;gap:16px}.prompt-icon{font-size:32px;opacity:.8}.prompt-text{flex:1 1}.prompt-text h3{color:#0f172a;color:var(--text);font-size:18px;font-weight:600;margin:0 0 4px}.prompt-text p{color:#65676b;color:var(--muted);font-size:14px;line-height:1.4;margin:0}.prompt-arrow{color:#1877f2;color:var(--primary);font-size:20px;opacity:.7;transition:transform .3s ease}.story-prompt:hover .prompt-arrow{opacity:1;transform:translateX(4px)}.App.dark .story-prompt:hover{background:linear-gradient(135deg,#fff,#1877f20d);background:linear-gradient(135deg,var(--card) 0,#1877f20d 100%)}.app-layout{background:#f0f2f5;background:var(--bg);display:flex;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;transition:margin-left .3s ease}.main-content.with-sidebar{margin-left:280px}.main-content.full-width{margin-left:0}.content-area{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:900px;padding:20px;width:100%}.sidebar{background:#fff;background:var(--card);border-right:1px solid #e4e6ea;border-right:1px solid var(--border);box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease,transform .3s ease;width:280px;z-index:100}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #e4e6ea;border-bottom:1px solid var(--border);justify-content:space-between;min-height:60px;padding:20px}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{cursor:pointer;gap:12px;transition:transform .2s ease}.sidebar-brand:hover{transform:scale(1.02)}.sidebar-logo{flex-shrink:0}.sidebar-brand-text{font-size:24px;font-weight:700;white-space:nowrap}.sidebar-brand-text .brand-primary{color:#1877f2;color:var(--primary)}.sidebar-brand-text .brand-accent{color:#6366f1}.sidebar-toggle{align-items:center;background:#e4e6ea;background:var(--neutral-btn);border:none;border-radius:6px;color:#0f172a;color:var(--text);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.sidebar-toggle:hover{background:#e4e6ea;background:var(--border);transform:scale(1.1)}.sidebar-nav{flex:1 1;padding:20px 0}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:0 25px 25px 0;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:16px;gap:12px;margin-right:20px;padding:12px 20px;position:relative;text-align:left;transition:all .2s ease;width:100%}.sidebar-nav-item:hover{background:#e4e6ea;background:var(--neutral-btn);transform:translateX(4px)}.sidebar-nav-item.active{background:linear-gradient(135deg,#1877f2,#6366f1);background:linear-gradient(135deg,var(--primary) 0,#6366f1 100%);color:#fff;font-weight:600}.sidebar-nav-item.active:before{background:#fff;border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.nav-icon{flex-shrink:0;font-size:20px}.nav-label{font-weight:500;white-space:nowrap}.sidebar-footer{border-top:1px solid #e4e6ea;border-top:1px solid var(--border);padding:20px}.sidebar-user{display:flex;flex-direction:column;gap:12px}.sidebar-user-info{align-items:center;display:flex;gap:12px}.sidebar-avatar{align-items:center;background:#e4e6ea;background:var(--avatar-bg);border:2px solid #1877f2;border:2px solid var(--primary);border-radius:50%;color:#0f172a;color:var(--text);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.sidebar-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.sidebar-user-details{flex:1 1;min-width:0}.sidebar-user-name{color:#0f172a;color:var(--text);font-size:14px;font-weight:600}.sidebar-user-email,.sidebar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{color:#65676b;color:var(--muted);font-size:12px}.sidebar-user-actions{display:flex;gap:8px;justify-content:center}.sidebar-action-btn{align-items:center;background:#e4e6ea;background:var(--neutral-btn);border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.sidebar-action-btn:hover{background:#e4e6ea;background:var(--border);transform:translateY(-1px)}.sidebar-action-btn.logout{background:#fee;color:#c53030}.sidebar-action-btn.logout:hover{background:#fed7d7}.App.dark .sidebar-action-btn.logout{background:#3a1414;color:#f8bbd0}.App.dark .sidebar-action-btn.logout:hover{background:#5c2a2a}.search-results-info{background:#fffffff2;background:var(--surface);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:12px 16px}.search-info{color:#65676b;color:var(--muted);font-size:14px;font-weight:500;margin:0}.App.dark .search-results-info{background:#fffffff2;background:var(--surface);border-color:#e4e6ea;border-color:var(--border)}.landing-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.landing-card{background:#fff;background:var(--card);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:600px;overflow:hidden;padding:60px 40px;position:relative;text-align:center;width:100%}.landing-card:before{background:linear-gradient(90deg,#60a5fa,#6366f1,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.landing-brand{margin-bottom:40px}.landing-logo{display:flex;justify-content:center;margin-bottom:20px}.landing-title{font-size:48px;font-weight:700;letter-spacing:-1px;margin:0 0 16px}.landing-title .brand-primary{color:#1877f2;color:var(--primary)}.landing-title .brand-accent{color:#6366f1}.landing-subtitle{color:#65676b;color:var(--muted);font-size:18px;font-weight:500;line-height:1.6;margin:0 0 40px}.landing-actions{align-items:center;display:flex;flex-direction:column;gap:16px}.landing-btn{border:none;border-radius:12px;cursor:pointer;font-size:18px;font-weight:600;min-width:200px;padding:16px 32px;transition:all .3s ease}.landing-btn.primary{background:linear-gradient(135deg,#1877f2,#6366f1);background:linear-gradient(135deg,var(--primary) 0,#6366f1 100%);color:#fff}.landing-btn.secondary{background:#0000;border:2px solid #1877f2;border:2px solid var(--primary);color:#1877f2;color:var(--primary)}.landing-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.landing-btn.primary:hover{box-shadow:0 8px 20px #1877f24d}@media (max-width:768px){.dashboard-content{padding:0 12px}.landing-card{padding:40px 20px}.landing-title{font-size:36px}.landing-btn,.landing-subtitle{font-size:16px}.landing-btn{min-width:180px;padding:14px 24px}}.loading-container{align-items:center;background:#f0f2f5;background:var(--bg);display:flex;justify-content:center;min-height:100vh}.loading-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e4e6ea;border-top:3px solid #1877f2;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.create-post-container{margin:0 auto;max-width:800px;padding:0}.create-post-header{margin-bottom:40px;text-align:center}.back-btn{background:#0000;border:1px solid #1877f2;border:1px solid var(--primary);border-radius:6px;color:#1877f2;color:var(--primary);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 16px;transition:all .2s ease}.back-btn:hover{background:#1877f2;background:var(--primary);color:#fff;transform:translateY(-1px)}.create-post-header h1{color:#0f172a;color:var(--text);font-size:32px;margin:20px 0 10px}.create-subtitle{color:#65676b;color:var(--muted);font-size:16px;line-height:1.5;margin:0}.create-post-form{background:#fff;background:var(--card);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #0000001a;box-shadow:var(--shadow-md);padding:30px}.form-section{margin-bottom:25px}.form-section label{color:#0f172a;color:var(--text);display:block;font-size:15px;font-weight:600;margin-bottom:8px}.form-section input,.form-section textarea{background:#fff;background:var(--card);border:2px solid #e4e6ea;border:2px solid var(--border);border-radius:8px;box-sizing:border-box;color:#0f172a;color:var(--text);font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-section input:focus,.form-section textarea:focus{border-color:#1877f2;border-color:var(--primary);box-shadow:0 0 0 3px #1877f21a;outline:none}.form-section textarea{line-height:1.5;min-height:120px;resize:vertical}.remove-image-btn{background:#e4e6ea;background:var(--neutral-btn);border:none;border-radius:4px;color:#0f172a;color:var(--neutral-btn-contrast);cursor:pointer;font-size:14px;margin-top:10px;padding:6px 12px}.remove-image-btn:hover{background:#d8dadf}.form-actions{border-top:1px solid #e4e6ea;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.cancel-btn{background:#e4e6ea;background:var(--neutral-btn);border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--neutral-btn-contrast);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#d8dadf;transform:translateY(-1px)}.publish-btn{align-items:center;background:linear-gradient(135deg,#1877f2,#6366f1);background:linear-gradient(135deg,var(--primary) 0,#6366f1 100%);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .2s ease}.publish-btn:hover:not(:disabled){box-shadow:0 4px 12px #1877f24d;transform:translateY(-1px)}.publish-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.publish-btn.submitting{background:#65676b;background:var(--muted)}.loading-spinner.small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.App.dark .cancel-btn:hover:not(:disabled),.App.dark .remove-image-btn:hover{background:#4b4c4f}.edit-profile-form{align-items:center;display:flex;flex-direction:column;gap:15px;width:100%}.profile-input{border:1px solid #e4e6ea;border:1px solid var(--border);border-radius:6px;font-size:16px;max-width:300px;padding:12px 16px;text-align:center;width:100%}.App.dark .profile-input,.profile-input{background:#fff;background:var(--card);color:#0f172a;color:var(--text)}.App.dark .profile-input{border-color:#e4e6ea;border-color:var(--border)}.avatar-upload{margin:10px 0}.avatar-upload label{cursor:pointer;display:inline-block}.user-posts{display:flex;flex-direction:column;gap:20px}button:hover{box-shadow:0 2px 4px #00000026;transform:none}button:active{transform:scale(.98)}@media (max-width:768px){.App{padding:12px}.navbar{padding:8px 0}.navbar-inner{border-radius:0;padding:6px 8px}.nav-search{margin:0 8px}.nav-search input{font-size:14px;padding:6px 10px}.brand{font-size:20px;gap:6px}.create-btn,.toggle-theme{font-size:13px;padding:6px 10px}.item{padding:12px}.post-header{margin-bottom:10px}.avatar{height:36px;width:36px}.user-profile .avatar{font-size:14px;height:28px;width:28px}.actions{margin-top:10px;padding-top:10px}.action-btn{font-size:14px;padding:6px}input,textarea{font-size:14px;padding:8px 10px}button{font-size:14px;padding:6px 10px}.fab{bottom:16px;height:52px;right:16px;width:52px}.mobile-search-container{padding:8px 12px}.mobile-search-container .nav-search input{font-size:14px;padding:6px 10px}.auth-container{padding:12px}.auth-card{padding:20px}.auth-card h2{font-size:24px}.form-group input{font-size:15px;padding:10px 14px}.auth-btn{font-size:15px;padding:10px}.profile-header .profile-actions{align-items:center;flex-direction:column}.profile-dropdown{min-width:180px;right:-10px;top:36px}.profile-dropdown button{font-size:14px;padding:10px 14px}.profile-container{padding:12px}.profile-content,.profile-header{padding:20px}.avatar-large{font-size:32px;height:80px;width:80px}.profile-header h2{font-size:20px}.profile-btn,.profile-input{font-size:15px;padding:10px 14px}.profile-input{max-width:100%}.create-post-container{padding:0 12px}.create-post-header h1{font-size:24px}.create-subtitle{font-size:14px}.create-post-form{padding:20px}.form-actions{flex-direction:column;gap:8px}.cancel-btn,.publish-btn{justify-content:center;width:100%}.story-prompt{padding:16px}.prompt-content{gap:12px}.prompt-icon{font-size:24px}.prompt-text h3{font-size:16px}.prompt-text p{font-size:13px}.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translateX(0)}.main-content.with-sidebar{margin-left:0}.content-area{padding:12px}.dashboard-header{margin-bottom:24px;padding:20px 0 16px}.page-title{font-size:28px}.page-subtitle{font-size:16px}.section-header{align-items:flex-start;flex-direction:column;gap:8px}.section-header h2{font-size:20px}.navbar{padding:8px 16px}.navbar.compact{padding:6px 16px}}@media (max-width:480px){.App{padding:8px}.navbar{padding:6px 8px}.navbar-inner{padding:4px 6px}.nav-search{margin:0 4px}.brand{font-size:18px}.create-btn,.toggle-theme{font-size:12px;padding:4px 8px}.item{padding:10px}.post-header{margin-bottom:8px}.avatar{font-size:16px;height:32px;width:32px}.actions{margin-top:8px;padding-top:8px}.action-btn{font-size:13px;padding:4px}input,textarea{font-size:13px;padding:6px 8px}button{font-size:13px;padding:4px 8px}.fab{bottom:12px;font-size:20px;height:48px;right:12px;width:48px}}.discover-page{margin:0 auto;max-width:1200px;padding:2rem}.discover-header{margin-bottom:2rem;text-align:center}.discover-search{margin:0 auto 2rem;max-width:500px}.discover-search-input{border:2px solid #e2e8f0;border-radius:12px;font-size:16px;padding:12px 16px;transition:border-color .2s;width:100%}.discover-search-input:focus{border-color:#6366f1;outline:none}.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.user-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;transition:transform .2s,box-shadow .2s}.user-card:hover{box-shadow:0 8px 25px -8px #00000026;transform:translateY(-2px)}.user-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#60a5fa);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:60px;justify-content:center;position:relative;width:60px}.user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.verified-badge{align-items:center;background:#10b981;border:2px solid #fff;border-radius:50%;bottom:-5px;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-5px;width:24px}.user-info{flex:1 1}.user-name{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 .5rem}.user-bio{color:#64748b;font-size:14px;line-height:1.5;margin:0}.user-stats{border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;display:flex;justify-content:space-around;margin:1rem 0;padding:1rem 0}.stat{text-align:center}.stat-number{color:#1e293b;display:block;font-size:18px;font-weight:700}.stat-label{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.user-actions{display:flex;gap:.5rem;margin-bottom:1rem}.follow-btn,.view-profile-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.follow-btn{background:#6366f1;color:#fff}.follow-btn:hover{background:#5855eb}.follow-btn.following{background:#e2e8f0;color:#475569}.follow-btn.following:hover{background:#fee2e2;color:#dc2626}.view-profile-btn{background:#0000;border:1px solid #6366f1;color:#6366f1}.view-profile-btn:hover{background:#6366f1;color:#fff}.user-joined{color:#94a3b8;font-size:12px;text-align:center}.social-stats{background:#f8fafc;border-radius:12px;display:flex;gap:2rem;justify-content:center;margin:1rem 0;padding:1rem}.profile-bio{min-height:80px;resize:vertical}.user-email{color:#64748b;font-size:14px;margin:.5rem 0}.user-bio{color:#475569;font-style:italic;margin:.5rem 0}.author-info{align-items:center;display:flex;gap:.75rem;margin:.25rem 0}.follow-author-btn{background:#0000;border:1px solid #6366f1;border-radius:6px;color:#6366f1;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s}.follow-author-btn.following,.follow-author-btn:hover{background:#6366f1;color:#fff}.follow-author-btn.following:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}
/*# sourceMappingURL=main.b179cf36.css.map*/