.toast-container{position:fixed;bottom:24px;right:24px;z-index:300;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 20px;background:#12122af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass-hover);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:.88rem;font-weight:500;box-shadow:var(--shadow-lg);animation:toastIn .35s ease forwards;max-width:360px}.toast.exiting{animation:toastOut .3s ease forwards}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast.success{border-left:3px solid var(--accent-primary)}.toast.info{border-left:3px solid var(--like-color)}.toast.error{border-left:3px solid var(--dislike-color)}@keyframes toastIn{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px) scale(.95)}}@media(max-width:768px){.toast-container{bottom:16px;right:16px;left:16px}.toast{max-width:100%}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);box-shadow:0 4px 30px #0006;height:75px;transition:all var(--transition-normal)}.navbar-inner{height:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-xl);display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;transition:transform var(--transition-fast)}.navbar-brand:hover{transform:scale(1.05)}.navbar-logo-img{width:42px;height:42px;border-radius:12px;object-fit:cover;flex-shrink:0;border:1px solid var(--border-glass);box-shadow:0 0 15px var(--accent-glow)}.navbar-title{font-size:1.4rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#fff,var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.8px}.navbar-nav{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-full);padding:4px;margin:0 var(--space-md)}.navbar-nav-item{background:transparent;border:none;padding:8px 20px;border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-family);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.navbar-nav-item:hover{color:#fff;text-shadow:0 0 8px var(--accent-glow)}.navbar-nav-item.active{background:var(--accent-primary);color:#fff;box-shadow:0 0 15px var(--accent-glow)}.navbar-actions{display:flex;align-items:center}.navbar-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;background:var(--accent-gradient);color:#fff;border:none;border-radius:999px;font-family:var(--font-family);font-size:.95rem;font-weight:800;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 15px var(--accent-glow);letter-spacing:.03em}.navbar-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-glow);filter:brightness(1.1)}.navbar-btn:active{transform:translateY(0) scale(.96)}.navbar-btn-icon{font-size:1.3rem;font-weight:400;line-height:1}.mobile-bottom-nav,.mobile-fab{display:none}@media(max-width:768px){.desktop-only{display:none!important}.navbar{height:60px}.navbar-inner{padding:0 var(--space-md);justify-content:center}.navbar-title{display:block}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;background:#0a0a0acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-glass);z-index:100;justify-content:space-around;align-items:center;padding:0 var(--space-sm) env(safe-area-inset-bottom,0)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-family);font-size:.75rem;font-weight:600;width:100%;height:100%;gap:6px;transition:all var(--transition-fast);padding-top:4px}.mobile-nav-icon{font-size:1.4rem;filter:grayscale(100%) brightness(.7);transition:all var(--transition-fast)}.mobile-nav-item.active{color:var(--accent-secondary)}.mobile-nav-item.active .mobile-nav-icon{filter:none;transform:translateY(-4px) scale(1.2);filter:drop-shadow(0 0 10px var(--accent-cyan-glow))}.mobile-fab{display:flex;position:fixed;bottom:90px;right:20px;align-items:center;gap:10px;padding:14px 24px;background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-family);font-size:1rem;font-weight:800;letter-spacing:.03em;z-index:110;box-shadow:0 8px 25px var(--accent-glow);transition:all var(--transition-fast);cursor:pointer}.mobile-fab:active{transform:scale(.95);box-shadow:0 4px 15px var(--accent-glow)}}.post-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-normal);animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) both;position:relative;overflow:hidden}.post-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover);box-shadow:var(--shadow-neon),var(--shadow-lg);transform:translateY(-4px) scale(1.01)}.post-card:nth-child(1){animation-delay:0s}.post-card:nth-child(2){animation-delay:.05s}.post-card:nth-child(3){animation-delay:.1s}.post-card:nth-child(4){animation-delay:.15s}.post-card:nth-child(5){animation-delay:.2s}.post-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.post-card-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.post-card-meta{display:flex;flex-direction:column}.post-card-anonymous{font-size:.85rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.post-card-you-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full)}.post-card-time{font-size:.75rem;color:var(--text-muted)}.post-card-content{font-size:1rem;line-height:1.7;color:var(--text-primary);margin-bottom:var(--space-lg);word-wrap:break-word;white-space:pre-wrap}.post-card-actions{display:flex;align-items:center;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--border-glass)}.post-card-actions-right{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff08;border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-family);font-size:.9rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);user-select:none;letter-spacing:.01em}.action-btn:hover{transform:scale(1.04)}.action-btn:active{transform:scale(.96)}.action-svg-icon{width:18px;height:18px;flex-shrink:0;transition:transform var(--transition-fast)}.action-btn:hover .action-svg-icon{transform:scale(1.18)}.action-btn.like:hover,.action-btn.like.active{color:var(--like-color);border-color:var(--like-color);background:#22d3ee14;box-shadow:0 0 12px var(--like-glow)}.action-btn.dislike:hover,.action-btn.dislike.active{color:var(--dislike-color);border-color:var(--dislike-color);background:#f43f5e14;box-shadow:0 0 12px var(--dislike-glow)}.action-btn.share{padding:7px 16px}.action-btn.share:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:#a855f714}.action-btn.delete{padding:7px 12px}.action-btn.delete:hover{color:var(--dislike-color);border-color:var(--dislike-color);background:#f43f5e14}.action-btn-count{font-variant-numeric:tabular-nums}@media(max-width:768px){.post-card{padding:var(--space-md) var(--space-lg);border-radius:0;border-left:none;border-right:none;border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass)}.post-card-content{font-size:1rem;line-height:1.6}.action-btn{padding:10px 16px;font-size:.9rem;min-height:44px}.action-btn.share,.action-btn.delete{padding:10px 14px;min-height:44px}.post-card-actions{flex-wrap:wrap;gap:var(--space-sm)}}.ad-slot{width:100%;margin:var(--space-xl) 0;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-glass);border:1px solid var(--border-glass);backdrop-filter:blur(10px);position:relative}.ad-slot-container{width:100%;max-width:100%;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-sm)}.ad-slot-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs);pointer-events:none}.adsbygoogle{width:100%;min-width:250px;min-height:90px}.ad-slot-dev-note{width:100%;min-height:90px;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-sm);color:var(--text-muted);font-size:.8rem}@media(max-width:768px){.ad-slot{margin:var(--space-md) 0;border-radius:0;border-left:none;border-right:none}}.feed{display:flex;flex-direction:column;gap:var(--space-md)}.feed-header{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-sm);animation:fadeIn .4s ease}.feed-stats{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-xl);background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);font-size:.9rem;color:var(--text-secondary)}.feed-stats-count{font-weight:800;color:var(--accent-secondary);text-shadow:0 0 10px var(--accent-cyan-glow)}.feed-empty{text-align:center;padding:var(--space-2xl) var(--space-md);animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1)}.feed-empty-emoji{font-size:5rem;display:block;margin-bottom:var(--space-md);animation:float 4s ease-in-out infinite;filter:drop-shadow(0 0 20px var(--accent-glow))}.feed-empty h3{font-size:1.5rem;font-weight:900;color:#fff;margin-bottom:var(--space-sm)}.feed-empty p{color:var(--text-secondary);font-size:1rem;max-width:350px;margin:0 auto var(--space-lg)}.feed-empty-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-family);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 12px var(--accent-glow)}.feed-empty-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--accent-glow)}@media(max-width:768px){.feed{gap:0}.feed-stats{flex-direction:column;gap:var(--space-xs);text-align:center;border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:1px solid var(--border-glass)}}.post-form-overlay{position:fixed;inset:0;z-index:200;background:#000000d9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:fadeIn .3s ease}.post-form-modal{width:100%;max-width:560px;background:#0a0a0a;border:1px solid var(--border-glass-hover);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:0 20px 60px #000000e6,0 0 20px #bf00ff1a;animation:fadeInUp .4s cubic-bezier(.2,.8,.2,1)}.post-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.post-form-title{font-size:1.5rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#fff,var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.post-form-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border-glass);border-radius:var(--radius-full);color:#fff;font-size:1.1rem;cursor:pointer;transition:all var(--transition-fast)}.post-form-close:hover{background:#f053;border-color:var(--dislike-color);color:#fff;transform:rotate(90deg)}.post-form-textarea{width:100%;min-height:150px;padding:var(--space-lg);background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-lg);color:#fff;font-family:var(--font-family);font-size:1.1rem;line-height:1.6;resize:vertical;outline:none;transition:all var(--transition-normal)}.post-form-textarea::placeholder{color:var(--text-muted)}.post-form-textarea:focus{border-color:var(--accent-primary);background:#ffffff0a;box-shadow:0 0 20px #bf00ff26}.post-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-md)}.post-form-counter{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.post-form-counter.over-limit{color:var(--dislike-color);font-weight:600}.post-form-submit{padding:12px 28px;background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-family);font-size:1rem;font-weight:800;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 15px var(--accent-glow)}.post-form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px var(--accent-glow)}.post-form-submit:active:not(:disabled){transform:translateY(0) scale(.97)}.post-form-submit:disabled{opacity:.4;cursor:not-allowed}.post-form-anon-note{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#0f172a0a;border:1px solid rgba(15,23,42,.08);border-radius:var(--radius-md);font-size:.78rem;color:var(--text-secondary)}.post-form-anon-note span:first-child{font-size:1rem}@media(max-width:768px){.post-form-overlay{padding:0}.post-form-modal{width:100%;height:100%;max-width:none;border-radius:0;border:none;display:flex;flex-direction:column;padding:var(--space-lg) var(--space-md);padding-top:max(var(--space-lg),env(safe-area-inset-top))}.post-form-textarea{flex:1;min-height:auto}.post-form-title{font-size:1.2rem}.post-form-footer{margin-top:auto;padding-top:var(--space-md)}}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:104px var(--space-lg) var(--space-2xl)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-xl);padding:36px 28px;border-radius:28px;border:1px solid var(--border-glass);background:radial-gradient(circle at top right,rgba(56,189,248,.2),transparent 35%),radial-gradient(circle at bottom left,rgba(168,85,247,.2),transparent 40%),#0a0e1cbf;box-shadow:0 18px 45px #02061773;animation:fadeInUp .5s ease}.hero-kicker{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-full);margin-bottom:var(--space-sm);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c4b5fd;background:#7c3aed2e;border:1px solid rgba(196,181,253,.25)}.hero h1{font-size:clamp(2rem,5vw,2.8rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--space-sm);color:var(--text-primary)}.hero p{color:var(--text-secondary);font-size:1.02rem;max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:var(--space-lg);flex-wrap:wrap;justify-content:center}.hero-primary-btn,.hero-secondary-btn{border:none;border-radius:var(--radius-full);padding:12px 20px;font-family:var(--font-family);font-size:.95rem;font-weight:700;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.hero-primary-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4);box-shadow:0 10px 24px #4f46e559}.hero-secondary-btn{color:#dbeafe;background:#0f172ab3;border:1px solid rgba(148,163,184,.25)}.hero-primary-btn:hover,.hero-secondary-btn:hover{transform:translateY(-1px)}.hero-metrics{margin-top:var(--space-lg);display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.hero-metric-chip{border-radius:var(--radius-full);border:1px solid rgba(148,163,184,.25);background:#02061799;padding:7px 12px;color:#cbd5e1;font-size:.84rem}.hero-metric-chip strong{color:#f8fafc;margin-right:4px}.hero-metric-chip-active{border-color:#38bdf880;color:#67e8f9}.app-footer{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--text-muted);font-size:.82rem;border-top:1px solid var(--border-glass)}@media(max-width:768px){.app-main{padding:78px 0 calc(var(--space-2xl) + 72px)}.hero{border-radius:0;border-left:none;border-right:none;padding:28px var(--space-md);margin-bottom:var(--space-lg)}.hero h1{font-size:1.9rem}.hero p{font-size:.95rem}.hero-actions,.hero-primary-btn,.hero-secondary-btn{width:100%}}:root{--bg-primary: #050816;--bg-secondary: #0d1229;--bg-card: rgba(15, 23, 42, .58);--bg-card-hover: rgba(15, 23, 42, .75);--bg-glass: rgba(15, 23, 42, .4);--border-glass: rgba(148, 163, 184, .2);--border-glass-hover: rgba(96, 165, 250, .42);--accent-primary: #8b5cf6;--accent-secondary: #22d3ee;--accent-gradient: linear-gradient(135deg, #8b5cf6, #22d3ee);--accent-glow: rgba(99, 102, 241, .35);--accent-cyan-glow: rgba(34, 211, 238, .4);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--like-color: #22d3ee;--like-glow: rgba(34, 211, 238, .28);--dislike-color: #fb7185;--dislike-glow: rgba(251, 113, 133, .28);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 6px 18px rgba(2, 6, 23, .35);--shadow-md: 0 12px 28px rgba(2, 6, 23, .45);--shadow-lg: 0 20px 48px rgba(2, 6, 23, .55);--shadow-glow: 0 0 24px var(--accent-glow);--shadow-neon: 0 0 18px rgba(34, 211, 238, .18);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;background:radial-gradient(1200px 600px at 8% 8%,rgba(139,92,246,.16),transparent 55%),radial-gradient(1000px 600px at 92% 20%,rgba(34,211,238,.14),transparent 52%),linear-gradient(145deg,#050816,#0b1025 55%,#111c3a)}#root{position:relative;z-index:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#020617cc}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#22d3ee);border-radius:var(--radius-full)}::selection{background:#6366f159;color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.error-boundary-content{text-align:center;max-width:400px;animation:scaleIn .4s ease}.error-boundary-emoji{font-size:4rem;display:block;margin-bottom:var(--space-lg)}.error-boundary-content h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-boundary-content p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.error-boundary-btn{padding:var(--space-sm) var(--space-lg);background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-full);font-family:var(--font-family);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 12px var(--accent-glow)}.error-boundary-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px var(--accent-glow)}