.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,rgba(79,70,229,.12) 0%,transparent 40%),radial-gradient(circle at bottom right,rgba(245,158,11,.1) 0%,transparent 40%),radial-gradient(circle at center,rgba(255,251,245,.6),transparent 60%),linear-gradient(135deg,#fafbfc,#fff);position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;right:-10%;width:40%;height:100%;background:radial-gradient(circle,rgba(254,243,199,.4),transparent);border-radius:50%;pointer-events:none}.auth-card{background:#fff;padding:48px;border-radius:24px;box-shadow:0 24px 60px #1e293b1f,0 0 0 1px #e2e8f099;width:100%;max-width:480px;border:1px solid rgba(241,245,249,.9);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#4f46e5,#7c3aed,#f59e0b)}.auth-card:after{content:"✦";position:absolute;top:24px;right:24px;font-size:1.5rem;color:#fbbf24;opacity:.3}.auth-card h1{color:#1e293b;margin-bottom:12px;text-align:center;font-weight:800;font-size:2rem;letter-spacing:-.02em;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-card>p{color:#64748b;text-align:center;margin-bottom:30px}.auth-card form{display:flex;flex-direction:column}.error-message{background:#fff1f2;color:#be123c;padding:12px;border-radius:10px;margin-bottom:15px;border:1px solid #ffe4e6}.auth-footer{margin-top:20px;text-align:center;color:#6b7280}.auth-footer a{color:#2f80ed;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.divider{text-align:center;margin:20px 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#e2e8f0}.divider:before{left:0}.divider:after{right:0}.divider span{background:#fff;padding:0 10px;color:#999;font-size:14px}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f2937;border:1px solid #e2e8f0;padding:12px 20px;font-size:16px;font-weight:600;transition:all .3s}.btn-google:hover{background:#f8fafc;box-shadow:0 10px 18px #0f172a14}.btn-google svg{flex-shrink:0}.feed-container{max-width:820px;margin:0 auto;padding:24px 16px 40px}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.feed-header h2{margin:0 0 6px;color:#1e293b;font-weight:800;font-size:1.875rem;letter-spacing:-.02em;background:linear-gradient(135deg,#1e293b,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feed-header p{margin:0;color:#64748b}.feed-discover{margin:12px 0 18px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#fef3c7,#fef0e6,#fff);border:2px solid #fde68a;box-shadow:0 8px 24px #f59e0b26,0 0 0 1px #fbbf241a;position:relative;overflow:hidden}.feed-discover:before{content:"✦";position:absolute;top:12px;right:12px;font-size:2rem;color:#f59e0b;opacity:.2}.feed-discover-content h3{margin:0 0 6px;color:#1e293b;font-weight:700}.feed-discover-content p{margin:0;color:#64748b}.create-post-card h3{margin-bottom:16px;color:#1e293b;font-weight:700;font-size:1.125rem;display:flex;align-items:center;gap:8px}.create-post-card h3:before{content:"✍";font-size:1.25rem;color:#4f46e5}.create-post-card form{display:flex;flex-direction:column;gap:10px}.post-media-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#64748b}.post-media-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:999px;border:1px dashed #cbd5f5;background:#f8fafc}.post-media-count{font-weight:600}.post-media-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.post-media-preview{position:relative;border-radius:14px;overflow:hidden;border:1px solid #e2e8f0}.post-media-preview button{position:absolute;top:6px;right:6px;border:none;background:#0f172abf;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer}.user-search{margin-top:18px;padding:18px;border-radius:18px;border:1px solid #e2e8f0;background:linear-gradient(135deg,#fff,#eef2ff);box-shadow:0 12px 30px #4f46e514}.user-search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.user-search-header h4{margin:0;color:#0f172a}.user-search-header span{font-size:12px;color:#94a3b8}.user-search input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;margin-bottom:10px}.search-loading,.search-empty{margin:0;color:#94a3b8;font-size:13px}.search-results{display:flex;flex-direction:column;gap:10px}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.search-result-link{background:transparent;border:none;padding:0;text-align:left;cursor:pointer;width:100%;color:inherit;display:block}.search-result-link:hover strong{color:#7c3aed}.create-post-card textarea{border-radius:14px;border:1px solid #e2e8f0;padding:14px 16px;background:linear-gradient(180deg,#fff,#f8fafc);font-size:15px;transition:border-color .2s,box-shadow .2s}.create-post-card textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed2e}.create-post-card .btn{align-self:flex-end}.posts-list{margin-top:20px}.post-card{margin-bottom:20px;border:1px solid rgba(245,158,11,.2);border-radius:18px;background:linear-gradient(180deg,#fff,#fff7ed);box-shadow:0 12px 26px #b453091f;padding:18px;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px #b453092e}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.post-author{display:flex;align-items:center;gap:10px}.post-author-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.post-author-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid rgba(245,158,11,.35);flex-shrink:0}.post-author-avatar img{width:100%;height:100%;object-fit:cover;display:block}.post-author-initial{font-size:13px;font-weight:700;color:#b45309}.post-header strong{font-size:15px;color:#1e293b}.post-time{color:#94a3b8;font-size:13px}.post-content{margin:15px 0;color:#1f2937;font-size:15px;line-height:1.6}.post-media-grid img{width:100%;height:auto;max-height:420px;object-fit:contain;background:#0f172a;border-radius:12px;border:1px solid #e2e8f0;cursor:zoom-in;box-shadow:0 10px 24px #0f172a33}.post-actions{display:flex;gap:20px;padding-top:10px;border-top:1px solid #e2e8f0;color:#64748b;align-items:center;flex-wrap:wrap}.like-btn{background:linear-gradient(135deg,#fff,#eef2ff);border:1px solid #e2e8f0;cursor:pointer;font-size:14px;color:#475569;transition:color .2s,border-color .2s,box-shadow .2s,transform .2s;padding:8px 12px;border-radius:999px}.like-btn:hover{color:#ef4444;border-color:#fecdd3;box-shadow:0 6px 14px #ef444426;transform:translateY(-1px)}.post-edit-actions{display:flex;gap:8px;margin-left:auto}.post-edit-textarea{width:100%;border-radius:12px;border:1px solid #e2e8f0;padding:12px;resize:vertical}.post-comments{margin-top:12px;display:flex;flex-direction:column;gap:10px}.post-comment-item{padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;background:linear-gradient(135deg,#fff,#f8fafc)}.post-comment-item p{margin:6px 0 4px;color:#475569}.post-comment-item span{font-size:11px;color:#94a3b8}.post-comment-empty{margin:0;color:#94a3b8;font-size:13px}.post-comment-form{margin-top:10px;display:flex;flex-direction:column;gap:8px}.post-comment-form textarea{padding:12px 14px;border-radius:12px;border:1px solid #e2e8f0;resize:vertical;background:#fff}.post-comment-form .btn{align-self:flex-start}.churches-container h1{margin-bottom:24px;font-weight:800;font-size:2rem;letter-spacing:-.02em;color:#1e293b;display:flex;align-items:center;gap:12px}.churches-container h1:before{content:"u26ea";font-size:1.75rem;color:#f59e0b}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;background:linear-gradient(135deg,#fffbeb,#fef3c7,#fff7ed);padding:22px;border-radius:16px;border:1px solid rgba(245,158,11,.35);box-shadow:0 10px 28px #b4530926}.churches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.church-card h3{color:#b45309;margin-bottom:12px;font-weight:700;font-size:1.125rem;transition:color .2s}.church-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:linear-gradient(180deg,#fff,#fff7ed);border-radius:18px;border:1px solid rgba(245,158,11,.2);box-shadow:0 12px 26px #b453091f;padding:18px;overflow:hidden}.church-card:focus{outline:3px solid rgba(245,158,11,.4);outline-offset:2px}.church-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #b453092e,0 0 0 1px #f59e0b33;border-color:#f59e0b66}.church-card:hover h3{color:#92400e}.church-card p{margin:6px 0;color:#7c5b1a}.posted-by{position:absolute;right:16px;bottom:12px;margin:0;font-size:12px;color:#b45309;font-weight:600}.posted-by-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.posted-by-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid rgba(245,158,11,.35);flex-shrink:0}.posted-by-avatar img{width:100%;height:100%;object-fit:cover;display:block}.posted-by-initial{font-size:12px;font-weight:700;color:#b45309}.view-details-button{margin-top:12px}.view-details-button .btn,.view-details-button button{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 10px 22px #b4530938}.view-details-button .btn:hover,.view-details-button button:hover{box-shadow:0 14px 28px #b4530947;transform:translateY(-1px)}.no-results{text-align:center;padding:40px;color:#94a3b8}.create-church-container{max-width:800px;margin:0 auto;padding:24px}.create-church-card{padding:40px;border:1px solid rgba(245,158,11,.2);border-radius:20px;background:linear-gradient(180deg,#fff,#fff7ed);box-shadow:0 12px 26px #b453091f;position:relative;overflow:hidden}.create-church-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#b45309,#f59e0b 60%,#fbbf24)}.create-church-card h1{margin-bottom:12px;margin-top:8px;font-weight:800;font-size:2rem;letter-spacing:-.02em;color:#1e293b;display:flex;align-items:center;gap:12px}.create-church-card h1:before{content:"u26ea";font-size:1.75rem;color:#f59e0b}.create-church-card>p{color:#7c5b1a;margin-bottom:30px}.form-group{margin-bottom:20px;padding:12px 14px;background:#fffc;border-radius:14px;border:1px solid rgba(245,158,11,.15)}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#92400e}.form-group input,.form-group textarea{width:100%;margin:0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.photo-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:15px}.photo-previews img{width:100%;height:150px;object-fit:cover;border-radius:12px;border:1px solid rgba(245,158,11,.2);box-shadow:0 10px 22px #b453092e}.church-detail-container{padding:24px}.church-detail-card{background:linear-gradient(180deg,#fff,#fff7ed);padding:32px;position:relative;border-radius:20px;box-shadow:0 12px 26px #b453091f;border:1px solid rgba(245,158,11,.2)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.detail-header-actions{display:flex;gap:10px}.detail-header h1{margin:0 0 8px;color:#1e293b;font-weight:800;font-size:2rem;letter-spacing:-.02em;display:flex;align-items:center;gap:12px}.detail-header h1:before{content:"⛪";font-size:1.75rem;color:#4f46e5}.detail-subtitle{margin:0;color:#475569;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px}.detail-section h3{margin-bottom:14px;color:#1e293b;font-weight:700;font-size:1.125rem;padding-bottom:8px;border-bottom:2px solid var(--primary-100);display:flex;align-items:center;gap:8px}.detail-section p{margin:6px 0;color:#475569}.church-edit-form{border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:24px;background:linear-gradient(135deg,#fff,#eef2ff)}.church-edit-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.church-edit-form .form-group{display:flex;flex-direction:column;gap:6px}.church-edit-form .form-group input{padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0}.photo-edit-hint{margin:0 0 10px;font-size:13px;color:#64748b}.photo-edit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:12px}.photo-edit-item{position:relative;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;background:#fff}.photo-edit-item img{width:100%;height:120px;object-fit:cover;display:block}.photo-remove{position:absolute;inset:auto 8px 8px auto;padding:6px 10px;border-radius:999px;border:none;background:#0f172ad9;color:#fff;font-size:12px;cursor:pointer}.photo-remove:hover{background:#0f172a}.photo-empty{margin:0 0 8px;color:#94a3b8;font-size:13px}.edit-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.detail-posted-by{position:absolute;right:24px;bottom:18px;margin:0;font-size:12px;color:#94a3b8}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill{background:linear-gradient(135deg,#eef2ff,#fef3c7);color:#4338ca;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid rgba(99,102,241,.2)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.photo-button{padding:0;border:none;background:transparent;cursor:pointer}.photo-grid img{width:100%;height:120px;object-fit:cover;border-radius:10px;border:1px solid #e2e8f0}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ad9;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.photo-lightbox-content{position:relative;max-width:min(960px,90vw);max-height:90vh}.photo-lightbox-content img{width:100%;height:auto;max-height:90vh;border-radius:12px;object-fit:contain;background:#0f172a}.photo-lightbox-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:#0f172a;cursor:pointer;font-size:18px;box-shadow:0 8px 18px #0f172a33}.community-actions{display:flex;align-items:center;gap:12px;margin-bottom:12px}.community-hint{font-size:12px;color:#94a3b8}.comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.comment-item{padding:10px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#fff}.comment-item p{margin:6px 0 4px;color:#475569}.comment-time{font-size:11px;color:#94a3b8}.comment-empty{color:#94a3b8;font-size:13px;margin:0 0 8px}.comment-form{display:flex;flex-direction:column;gap:10px}.comment-form textarea{padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;resize:vertical}.events-container h1{margin-bottom:24px;font-weight:800;font-size:2rem;letter-spacing:-.02em;color:#1e293b;display:flex;align-items:center;gap:12px}.events-container h1:before{content:"u{1F4C5}";font-size:1.75rem}.header-with-button{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-with-button h1{margin:0}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.event-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;padding-bottom:12px;border-bottom:2px solid var(--primary-50)}.event-title-button{background:transparent;border:none;padding:0;cursor:pointer;text-align:left}.event-title-button h3{margin:0;color:#1e293b;font-weight:700;font-size:1.125rem;transition:all .2s}.event-title-button:hover h3{color:#92400e;transform:translate(2px)}.event-owner{position:absolute;right:16px;bottom:12px;margin:0;font-size:12px;color:#b45309;font-weight:600}.event-owner-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.event-owner-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid rgba(245,158,11,.35);flex-shrink:0}.event-owner-avatar img{width:100%;height:100%;object-fit:cover;display:block}.event-owner-initial{font-size:12px;font-weight:700;color:#b45309}.event-detail-link{margin-top:10px;background:transparent;border:none;padding:0;color:#b45309;font-weight:600;cursor:pointer;transition:color .2s,transform .2s}.event-detail-link:hover{color:#92400e;transform:translate(2px)}.btn-sm{padding:6px 10px;font-size:12px}.event-card h3{color:#b45309;margin:0;font-weight:700}.event-card{background:linear-gradient(180deg,#fff,#fff7ed);border:1px solid rgba(245,158,11,.2);border-radius:18px;padding:18px 18px 44px;box-shadow:0 12px 26px #b453091f;transition:transform .2s ease,box-shadow .2s ease;position:relative}.event-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #b453092e}.event-details-compact{margin:8px 0 12px;display:grid;gap:6px;font-size:13px;color:#64748b}.loading{text-align:center;padding:40px;color:#94a3b8}.create-event-container{max-width:800px;margin:0 auto;padding:24px}.create-event-card{padding:40px;border:1px solid rgba(245,158,11,.2);border-radius:20px;background:linear-gradient(180deg,#fff,#fff7ed);box-shadow:0 12px 26px #b453091f;position:relative;overflow:hidden}.create-event-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#b45309,#f59e0b 60%,#fbbf24)}.create-event-card h1{margin-bottom:12px;margin-top:8px;font-weight:800;font-size:2rem;letter-spacing:-.02em;color:#1e293b;display:flex;align-items:center;gap:12px}.create-event-card h1:before{content:"📅";font-size:1.75rem;color:#f59e0b}.create-event-card>p{color:#7c5b1a;margin-bottom:30px}.create-event-card .form-group{margin-bottom:20px;padding:12px 14px;background:#fffc;border-radius:14px;border:1px solid rgba(245,158,11,.15)}.create-event-card .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#92400e}select{width:100%;padding:12px 14px;margin:10px 0;border:1px solid rgba(245,158,11,.25);border-radius:14px;font-size:14px;background:linear-gradient(180deg,#fff,#fff7ed);cursor:pointer}select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.event-detail-container{max-width:900px;margin:0 auto;padding:20px 16px 40px}.event-back{background:transparent;border:none;color:#7c3aed;font-weight:600;cursor:pointer;margin-bottom:12px;transition:color .2s,transform .2s}.event-back:hover{color:#4f46e5;transform:translate(-2px)}.event-detail-card{padding:28px;border-radius:20px;border:1px solid rgba(245,158,11,.2);background:linear-gradient(180deg,#fff,#fff7ed);box-shadow:0 12px 26px #b453091f}.event-detail-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.event-detail-header h1{margin:0 0 4px;font-weight:800;font-size:2rem;letter-spacing:-.02em}.event-detail-owner{margin:0;color:#94a3b8;font-size:13px}.event-detail-description{margin-top:16px;color:#334155;line-height:1.6}.event-detail-meta{margin-top:16px;display:grid;gap:8px;color:#475569}.event-detail-photos{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.event-detail-photos img{width:100%;height:auto;max-height:420px;object-fit:contain;background:#0f172a;border-radius:12px;border:1px solid #e2e8f0;cursor:zoom-in;box-shadow:0 10px 24px #0f172a33}.image-viewer{position:relative;max-width:min(960px,92vw);max-height:90vh;background:#0f172a;border-radius:18px;box-shadow:0 20px 50px #0f172a59;overflow:hidden}.image-viewer img{display:block;max-width:100%;max-height:90vh;object-fit:contain}.event-detail-actions{margin-top:16px;display:flex;align-items:center;gap:12px;color:#64748b}.event-detail-comments{margin-top:16px;display:flex;flex-direction:column;gap:10px}.event-comment-item{padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;background:linear-gradient(135deg,#fff,#f8fafc)}.event-comment-item p{margin:6px 0 4px}.event-comment-item span{font-size:11px;color:#94a3b8}.event-comment-empty{margin:0;color:#94a3b8;font-size:13px}.event-comment-form{margin-top:12px;display:flex;flex-direction:column;gap:8px}.event-comment-form textarea{padding:12px 14px;border-radius:12px;border:1px solid #e2e8f0;resize:vertical}.edit-event-container{max-width:1100px;margin:0 auto;padding:24px 20px 40px;width:100%}.edit-event-card{padding:40px;border:1px solid rgba(245,158,11,.2);border-radius:20px;background:linear-gradient(180deg,#fff,#fff7ed);box-shadow:0 12px 26px #b453091f;position:relative;overflow:hidden}.edit-event-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#4f46e5,#7c3aed,#f59e0b)}.edit-event-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.edit-event-header h1{margin:0 0 6px;font-weight:800;font-size:2rem;letter-spacing:-.02em}.edit-event-header p{margin:0;color:#475569}.edit-event-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.photo-previews{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.photo-preview-item{position:relative;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 8px 18px #1e293b1f}.photo-preview-item img{width:100%;height:140px;object-fit:cover;display:block}.photo-preview-item button{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;background:#0f172abf;color:#fff;cursor:pointer}.profile-container{max-width:800px;margin:0 auto}.profile-cover{width:100%;height:300px;overflow:hidden;border-radius:20px;margin-bottom:-70px;position:relative;z-index:0;box-shadow:0 12px 40px #1e293b26,0 0 0 1px #e2e8f080;background:linear-gradient(135deg,#e0e7ff,#fef3c7)}.profile-cover-button{border:none;padding:0;background:transparent;cursor:zoom-in}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-header{display:flex;gap:30px;margin-bottom:30px;position:relative;z-index:1;border:1px solid #e2e8f0;border-radius:20px;padding:24px;background:linear-gradient(135deg,#fff,#fef3c7 45%,#eef2ff);box-shadow:0 12px 30px #1e293b1a}.profile-avatar{flex-shrink:0}.profile-avatar img,.avatar-placeholder{width:140px;height:140px;border-radius:50%;object-fit:cover;border:6px solid white;box-shadow:0 12px 30px #1e293b33,0 0 0 1px #e2e8f080;background:#fff}.profile-avatar-button{border:none;padding:0;background:transparent;cursor:zoom-in}.profile-avatar-button img{display:block}.avatar-placeholder{background:linear-gradient(135deg,#4f46e5,#7c3aed,#f59e0b);color:#fff;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2)}.profile-info{flex:1}.profile-info h1{margin-bottom:12px;font-weight:800;font-size:2.25rem;letter-spacing:-.02em;color:#1e293b;text-shadow:0 1px 2px rgba(30,41,59,.1)}.bio{color:#475569;margin-bottom:20px;line-height:1.6}.profile-stats{display:flex;gap:30px;margin:20px 0;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#4f46e514,#f59e0b14);border:1px solid rgba(99,102,241,.2)}.stat{display:flex;flex-direction:column;align-items:center;padding:10px 14px;border-radius:12px;background:#fffc;box-shadow:0 4px 12px #1e293b14}.stat strong{font-size:20px;color:#1e293b}.stat span{color:#94a3b8;font-size:13px}.profile-actions{margin-top:15px}.profile-posts h2{margin-bottom:20px;font-weight:800;font-size:1.6rem;letter-spacing:-.02em;background:linear-gradient(135deg,#1e293b,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-card{margin-bottom:18px;border-radius:18px;border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#fff7ed);box-shadow:0 10px 24px #1e293b14}.post-content p{margin:15px 0;line-height:1.6}.post-edit-textarea{width:100%;min-height:120px;border-radius:12px;border:1px solid #e2e8f0;padding:12px;font-size:14px;resize:vertical;background:#fff}.post-media-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}.post-media-label{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px dashed #c7d2fe;background:linear-gradient(135deg,#fef3c7,#eef2ff);color:#334155;cursor:pointer;font-size:13px}.post-media-label input{display:none}.post-media-count{font-size:12px;color:#64748b}.post-media-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:12px}.post-media-preview{position:relative;border-radius:12px;overflow:hidden;background:#0f172a;border:1px solid #e2e8f0;box-shadow:0 8px 18px #0f172a33}.post-media-preview img{width:100%;height:120px;object-fit:cover;display:block}.post-media-preview button{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:none;background:#0f172ab3;color:#fff;cursor:pointer}.post-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}.post-media-grid img{width:100%;height:auto;max-height:420px;object-fit:contain;background:#0f172a;border-radius:12px;border:1px solid #e2e8f0;cursor:zoom-in}.post-footer{display:flex;gap:20px;padding-top:10px;border-top:1px solid #f1f5f9;color:#64748b;font-size:13px;align-items:center;flex-wrap:wrap}.post-time{margin-left:auto}.post-edit-actions{display:flex;gap:8px}.no-posts,.loading,.error{text-align:center;padding:40px;color:#999}.image-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;display:flex;align-items:center;justify-content:center;z-index:999;padding:24px}.image-viewer{position:relative;width:min(1200px,96vw);height:min(90vh,900px);background:#0f172a;border-radius:18px;box-shadow:0 20px 50px #0f172a59;overflow:hidden}.image-viewer img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.image-viewer-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#0f172ab3;color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.edit-profile-container{max-width:800px;margin:0 auto;padding:20px}.edit-profile-card{padding:40px;border:1px solid rgba(245,158,11,.2);border-radius:20px;background:linear-gradient(180deg,#fff,#fff7ed);box-shadow:0 12px 26px #b453091f;position:relative;overflow:hidden}.edit-profile-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#4f46e5,#7c3aed,#f59e0b)}.edit-profile-card h1{margin-bottom:12px;font-weight:800;font-size:2rem;letter-spacing:-.02em;color:#1e293b;display:flex;align-items:center;gap:12px}.edit-profile-card h1:before{content:"✨";font-size:1.5rem;color:#f59e0b}.edit-profile-card>p{color:#6b7280;margin-bottom:30px}.cover-photo-section{margin-bottom:30px}.cover-photo-section label{display:block;margin-bottom:10px;font-weight:500}.cover-photo-wrapper{position:relative;width:100%;height:250px;background:linear-gradient(135deg,#e0e7ff,#fef3c7);border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;box-shadow:0 10px 24px #1e293b1a}.cover-preview{width:100%;height:100%;object-fit:cover}.upload-btn{position:absolute;bottom:15px;right:15px;background:linear-gradient(135deg,#fff,#f8fafc);padding:10px 18px;border-radius:999px;cursor:pointer;font-weight:600;box-shadow:0 8px 20px #1018282e;transition:all .2s}.upload-btn:hover{background:#f8fafc}.avatar-photo-section{margin-bottom:30px}.avatar-photo-section label{display:block;margin-bottom:10px;font-weight:500}.avatar-wrapper{display:flex;align-items:center;gap:20px}.avatar-preview{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #4f46e5;box-shadow:0 10px 24px #1e293b26}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed,#f59e0b);color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2)}.upload-btn-small{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:10px 18px;border-radius:999px;cursor:pointer;font-weight:600;transition:all .2s}.upload-btn-small:hover{filter:brightness(.96)}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.layout{display:flex;flex-direction:column;min-height:100vh}.navbar{background:linear-gradient(135deg,#fff7ed,#fffbeb 45%,#fff);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 6px 24px #b453091f,0 0 0 1px #f59e0b33;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(245,158,11,.25)}.navbar-brand h2{margin:0;font-weight:800;letter-spacing:.02em;background:linear-gradient(135deg,#92400e,#f59e0b 60%,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.75rem;position:relative}.navbar-brand h2:after{content:"✙";position:absolute;right:-20px;top:-4px;font-size:.75rem;color:#f59e0b;-webkit-text-fill-color:#f59e0b;opacity:.7}.navbar-links{display:flex;gap:18px;flex:1;justify-content:center}.navbar-search{position:relative;margin-right:16px}.search-toggle{width:40px;height:40px;border-radius:50%;border:1px solid #e2e8f0;background:linear-gradient(135deg,#fff,#eef2ff);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:box-shadow .2s,border-color .2s,transform .2s}.search-toggle:hover{border-color:#c7d2fe;box-shadow:0 10px 20px #6366f140;transform:translateY(-1px)}.search-dropdown{position:absolute;top:52px;right:0;width:300px;padding:12px;z-index:20;animation:fadeIn .2s ease-out}.search-dropdown input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;margin-bottom:8px}.search-status{margin:0;font-size:12px;color:#94a3b8}.search-results{display:flex;flex-direction:column;gap:8px;margin-top:8px}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid #e2e8f0;background:#fff}.search-result-link{background:transparent;border:none;padding:0;text-align:left;cursor:pointer;width:100%;color:inherit;display:block;display:flex;align-items:center;gap:10px}.search-result-link:hover strong{color:#2f80ed}.search-result-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid rgba(245,158,11,.35);flex-shrink:0}.search-result-avatar img{width:100%;height:100%;object-fit:cover;display:block}.search-result-initial{font-size:13px;font-weight:700;color:#b45309}.search-result-item p{margin:4px 0 0;font-size:12px;color:#94a3b8}.navbar-links a{text-decoration:none;color:#334155;font-weight:600;padding:8px 14px;border-radius:999px;position:relative;transition:background .2s,color .2s,box-shadow .2s}.navbar-links a.active{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;box-shadow:0 8px 18px #b4530940;border:1px solid rgba(245,158,11,.35)}.navbar-links a:hover{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#b45309;box-shadow:0 8px 18px #b4530933}.navbar-user{display:flex;align-items:center;gap:15px}.navbar-user span{font-weight:600;color:#1f2937}.main-content{flex:1;padding:32px 20px 70px;max-width:1200px;margin:0 auto;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.navbar{flex-wrap:wrap;gap:12px}.navbar-links{order:3;width:100%;justify-content:center;flex-wrap:wrap}}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--primary: #b45309;--primary-600: #a16207;--primary-700: #92400e;--primary-100: #fef3c7;--primary-50: #fffbeb;--accent: #f59e0b;--accent-light: #fbbf24;--gold: #d97706;--gold-200: #fde68a;--gold-100: #fef3c7;--rose: #f43f5e;--emerald: #10b981;--sky: #38bdf8;--text: #1e293b;--text-light: #475569;--muted: #64748b;--border: #e2e8f0;--border-light: #f1f5f9;--surface: #ffffff;--surface-muted: #fafbfc;--surface-warm: #fffbf5;--shadow-lg: 0 20px 50px rgba(30, 41, 59, .1);--shadow-md: 0 10px 30px rgba(30, 41, 59, .06);--shadow-sm: 0 4px 12px rgba(30, 41, 59, .04);--gradient-primary: linear-gradient(135deg, #b45309 0%, #f59e0b 100%);--gradient-warm: linear-gradient(135deg, #fef3c7 0%, #fffbeb 100%);--gradient-divine: linear-gradient(135deg, #fef3c7 0%, #fde68a 30%, #ffffff 100%);--gradient-aurora: linear-gradient(135deg, rgba(245, 158, 11, .18), rgba(251, 191, 36, .18));--gradient-sunrise: linear-gradient(135deg, #fde68a 0%, #fef3c7 45%, #fff7ed 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top right,rgba(245,158,11,.14),transparent 45%),radial-gradient(circle at bottom left,rgba(251,191,36,.12),transparent 45%),radial-gradient(circle at top left,rgba(217,119,6,.1),transparent 50%),radial-gradient(circle at bottom right,rgba(254,243,199,.6),transparent 55%),radial-gradient(circle at center,rgba(255,255,255,.85),transparent),linear-gradient(180deg,#fafbfc,#fff);color:var(--text);min-height:100vh}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:24px}.btn{padding:12px 20px;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s}.btn:focus-visible{outline:3px solid rgba(37,99,235,.3);outline-offset:2px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 10px 25px #4f46e54d,0 4px 12px #4f46e533;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px #4f46e566,0 6px 15px #4f46e540}.btn-secondary{background:linear-gradient(135deg,#fff,#f8fafc);color:var(--primary-600);border:1px solid var(--border);box-shadow:0 6px 16px #0f172a0f;position:relative;overflow:hidden}.btn-secondary:hover{background:var(--gradient-warm);border-color:#4f46e559;box-shadow:0 10px 22px #4f46e526}input,textarea,select{width:100%;padding:12px 14px;margin:10px 0;border:1px solid var(--border);border-radius:14px;font-size:14px;background:linear-gradient(180deg,#fff,#f8fafc);color:var(--text)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e52e}.card{background:linear-gradient(180deg,#fff,#fff7ed);box-shadow:0 12px 26px #b453091f;border:1px solid rgba(245,158,11,.2);border-radius:18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 18px 40px #b453092e;transform:translateY(-3px);border-color:#f59e0b59}h1,h2,h3{color:var(--text);font-weight:700;letter-spacing:-.02em}h1{font-size:2rem;margin-bottom:.5rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.divider-ornamental{height:2px;background:linear-gradient(90deg,transparent,var(--primary-100),transparent);margin:2rem 0;position:relative}.divider-ornamental:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:0 1rem;color:var(--accent);font-size:.875rem}border-radius: 20px; padding: 24px; margin: 16px 0; box-shadow: var(--shadow-md); border: 1px solid rgba(226,232,240,.8); } a{color:inherit}