.modern-sidebar{display:flex;flex-direction:column;height:100dvh;width:100%;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;background:rgba(15,23,42,.85);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border-right:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1);scrollbar-width:none;-ms-overflow-style:none}.modern-sidebar::-webkit-scrollbar{display:none}@media (max-width:1024px){.modern-sidebar{background:rgba(10,15,28,.95);padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));border-right:none}.sidebar-header-mobile{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 8px}}.sidebar-header-mobile{display:none}.sidebar-logo{gap:14px;padding:12px 14px;margin-bottom:32px;text-decoration:none}.logo-icon,.sidebar-logo{display:flex;align-items:center;transition:all .3s ease}.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);border-radius:14px;justify-content:center;box-shadow:0 8px 16px -4px rgba(99,102,241,.4)}.logo-text{font-size:24px;font-weight:900;color:#fff;letter-spacing:-.04em;background:linear-gradient(180deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{display:flex;flex-direction:column;gap:6px;margin-bottom:32px}.nav-link{position:relative;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;text-decoration:none;color:#94a3b8;font-size:15px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.nav-link:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-link.active{color:#fff;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(168,85,247,.1));border-color:rgba(99,102,241,.2);box-shadow:0 4px 12px -2px rgba(0,0,0,.2)}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.nav-link.active .nav-icon{transform:scale(1.1);color:#a855f7}.nav-badge{position:absolute;top:8px;left:28px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;border:2px solid #0f172a;border-radius:10px;font-size:10px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center}.user-section{margin-top:auto;padding:16px;background:rgba(255,255,255,.03);border-radius:24px;border:1px solid rgba(255,255,255,.05)}.user-profile{display:flex;align-items:center;gap:12px}.user-avatar-container{position:relative;width:44px;height:44px;border-radius:14px;padding:2px;background:linear-gradient(135deg,#6366f1,#ec4899)}.user-avatar{width:100%;height:100%;background:#1e293b;border-radius:12px;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.status-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:#22c55e;border:3px solid #0a0f1c;border-radius:50%}.user-details{flex:1;min-width:0}.user-name{font-size:15px;font-weight:700;color:#f8fafc;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-handle{font-size:12px;color:#64748b;display:block}.logout-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.1);color:#ef4444;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.login-link{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:16px;color:#fff;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 8px 20px -6px rgba(99,102,241,.5)}.main-layout{display:flex;min-height:100vh;background-color:var(--background);background-image:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--primary),transparent 95%) 0,transparent 40%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--primary),transparent 95%) 0,transparent 40%);background-attachment:fixed;color:var(--foreground);transition:background-color .3s ease,color .3s ease}[data-accent=girls] .main-layout{background-image:radial-gradient(circle at 10% 10%,color-mix(in srgb,#f472b6,transparent 92%) 0,transparent 30%),radial-gradient(circle at 90% 90%,color-mix(in srgb,#f472b6,transparent 92%) 0,transparent 30%),url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f472b6' fill-opacity='0.05'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6h-2zm25.535 2.535l-1.414-1.414c.39-.39.39-1.024 0-1.414L35.535 8.3c.78-.78.78-2.047 0-2.828 0 0 0 0 0 0l-1.414-1.414c-.78-.78-2.047-.78-2.828 0L29.88 5.47c-.39.39-1.024.39-1.414 0l-1.414-1.414c-.78-.78-2.047-.78-2.828 0l-1.414 1.414c-.39.39-.39 1.024 0 1.414l1.414 1.414c.78.78.78 2.047 0 2.828l1.414 1.414c.78.78 2.047.78 2.828 0l1.414-1.414c.39-.39 1.024-.39 1.414 0l1.414 1.414c.78.78 2.047.78 2.828 0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}[data-accent=boys] .main-layout{background-image:radial-gradient(at 0 0,color-mix(in srgb,#38bdf8,transparent 96%) 0,transparent 50%),radial-gradient(at 100% 100%,color-mix(in srgb,#0ea5e9,transparent 96%) 0,transparent 50%),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 86c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm66 3c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm-46-45c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm26 26c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm-4-48c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1z' fill='%230ea5e9' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E")}.main-sidebar{border-right:1px solid var(--border);background:var(--background)}.main-content{padding:2rem 2rem 6rem}@media (min-width:1024px){.main-content{margin-left:280px;margin-right:320px;padding-bottom:2rem}}.main-right-sidebar{border-left:1px solid var(--border);background:var(--background)}.main-mobile-nav{background:transparent;border-top:none;pointer-events:none;height:0}.glass-card{background:color-mix(in srgb,var(--card),transparent 20%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border)}.glass-card:hover{background:rgba(15,23,42,.7);border-color:rgba(255,255,255,.15);transform:translateY(-4px);box-shadow:0 20px 40px -12px rgba(0,0,0,.5)}.gradient-primary{background:var(--primary)}.gradient-text{background:none;-webkit-text-fill-color:initial;color:var(--foreground)}.gradient-border{border:1px solid var(--border);border-radius:1rem}.gradient-border:before{display:none}.btn-premium{background:var(--primary);border:1px solid transparent;color:var(--primary-foreground);transition:all .2s ease}.btn-premium:hover{background:var(--primary);filter:brightness(.9);transform:translateY(-1px);box-shadow:0 4px 6px -1px color-mix(in srgb,var(--primary),transparent 80%)}.input-glass{background:var(--accent);border:1px solid var(--border);color:var(--foreground);transition:all .2s ease}.input-glass::placeholder{color:var(--muted-foreground)}.input-glass:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary),transparent 80%)}.main-right-sidebar::-webkit-scrollbar,.main-sidebar::-webkit-scrollbar{display:none}.main-right-sidebar,.main-sidebar{scrollbar-width:none;-ms-overflow-style:none}.blur-xs{-webkit-backdrop-filter:blur(4px)}.blur-sm{-webkit-backdrop-filter:blur(8px)}.blur-md{-webkit-backdrop-filter:blur(12px)}.blur-lg{-webkit-backdrop-filter:blur(16px)}.blur-xl{-webkit-backdrop-filter:blur(24px)}.blur-2xl{-webkit-backdrop-filter:blur(40px)}.noise-overlay:after{display:none}.article-content h1,.article-content h2,.article-content h3{color:var(--foreground)!important;margin-top:2.5rem!important;margin-bottom:1.25rem!important;letter-spacing:-.025em}.article-content h2{padding-bottom:.75rem;border-bottom:1px solid var(--border)}.article-content img{border-radius:var(--radius-lg)!important;margin:2.5rem 0!important;border:1px solid var(--border)}.article-content a{color:var(--primary)!important;text-decoration:none!important;border-bottom:1px solid transparent;transition:border-color .2s}.article-content a:hover{border-bottom-color:var(--primary)}.article-content blockquote{border-left:4px solid #6366f1!important;color:#cbd5e1!important;margin:2.5rem 0!important;background:#1e293b;padding:1.5rem;border-radius:0 .5rem .5rem 0}.article-content ol,.article-content ul{color:#cbd5e1}.article-content li{padding-left:.5rem}.article-content p{color:#cbd5e1;line-height:1.8;margin-bottom:1.5rem}.article-embed-card{background:#0f172a;border:1px solid #1e293b;border-radius:1rem;transition:all .2s ease}.article-embed-card:hover{border-color:#475569}.article-embed-image{position:relative}.article-embed-info{padding:1.5rem}.article-embed-tag{padding:.25rem .75rem;background:#1e293b;color:#818cf8;border-radius:9999px;font-size:.75rem;font-weight:600;margin-bottom:1rem}.article-embed-title{margin-bottom:.75rem}.article-embed-excerpt{font-size:.95rem}.article-embed-footer{margin-top:1.5rem;border-top:1px solid #1e293b;color:#818cf8;display:flex;align-items:center;gap:.5rem}.create-post{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:none;transition:border-color .2s ease}.create-post:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.avatar{background:var(--accent);border:1px solid var(--border);color:var(--foreground)}.avatar-glow{display:none}.input-wrapper{background:var(--accent);border:1px solid transparent;border-radius:var(--radius-md);transition:all .2s ease}.input-wrapper:hover{background:var(--accent);filter:brightness(.95)}.input-wrapper.expanded{background:transparent;border-color:transparent;padding:0}.placeholder{color:var(--muted-foreground);font-size:1rem;font-weight:500}.post-textarea{background:var(--background);color:var(--foreground);font-size:1.125rem;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border)}.post-textarea:focus{border-color:var(--primary)}.post-textarea::placeholder{color:#64748b}.quoted-preview{margin-top:1rem;padding:1rem;border-radius:var(--radius-md);background:var(--accent);border:1px solid var(--border);color:var(--foreground);margin-left:0}.quoted-author{font-size:.875rem;color:#f8fafc}.quoted-username{color:#94a3b8;font-size:.875rem}.quoted-content{font-size:1rem;color:#e2e8f0}.media-previews{gap:1rem;margin-top:1.5rem;padding-left:0}.media-preview{width:140px;height:140px;border-radius:.75rem;border:1px solid #334155}.remove-media{top:.5rem;right:.5rem;width:2rem;height:2rem;background:rgba(0,0,0,.75);border:none;font-size:.875rem}.remove-media:hover{background:#ef4444}.create-post-actions{margin-top:1.5rem;border-top:1px solid var(--border)}.media-buttons{gap:.5rem}.media-btn{gap:.5rem;padding:.625rem 1rem;background:transparent;border:1px solid transparent;border-radius:.5rem;color:#94a3b8;flex-direction:row}.media-btn:hover:not(:disabled){background:var(--accent);color:var(--primary)}.media-btn:disabled{opacity:.5}.media-label{font-size:.875rem;text-transform:none;letter-spacing:normal}.submit-area{gap:1.5rem}.char-counter{width:2rem;height:2rem}.char-ring circle{stroke:var(--border)}.char-ring circle:last-child{stroke:var(--primary)}.char-count{font-size:.65rem;color:#94a3b8}.submit-btn{padding:.625rem 1.5rem;background:var(--primary);border-radius:var(--radius-md);color:var(--primary-foreground);font-size:.9375rem;font-weight:600;transition:all .2s ease;box-shadow:none}.submit-btn:hover:not(:disabled){background:var(--primary);filter:brightness(.9);transform:translateY(-1px)}.submit-btn:disabled{background:var(--accent);color:var(--muted-foreground)}.submit-icon{font-size:1em}.main-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;padding:1rem;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;z-index:40;display:none}.main-sidebar::-webkit-scrollbar{display:none}.main-sidebar:before{content:"";position:absolute;inset:1rem;background:color-mix(in srgb,var(--card),transparent 60%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:1.5rem;z-index:-1;box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.05)}@media (min-width:1024px){.main-sidebar{display:block}}@media (min-width:1280px){.main-sidebar{width:320px}}.main-content{flex:1;min-height:100vh;padding:1rem 1rem 5rem;max-width:100%}@media (max-width:1024px){.main-content{padding-top:calc(85px + env(safe-area-inset-top))!important}}@media (min-width:1024px){.main-content{margin-left:280px;margin-right:320px;padding-bottom:1rem}}@media (min-width:1280px){.main-content{margin-left:320px;margin-right:380px}}.main-right-sidebar{position:fixed;right:0;top:0;bottom:0;width:320px;padding:1rem;overflow-y:auto;z-index:40;display:none}.main-right-sidebar:before{content:"";position:absolute;inset:1rem;background:rgba(15,23,42,.4);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.05);border-radius:1.5rem;z-index:-1;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}@media (min-width:1024px){.main-right-sidebar{display:block}}@media (min-width:1280px){.main-right-sidebar{width:380px}}.main-mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(10,15,26,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.08);padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom))}@media (min-width:1024px){.main-mobile-nav{display:none}}.glass-card{background:rgba(15,23,42,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;box-shadow:0 4px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:rgba(255,255,255,.12);box-shadow:0 8px 40px rgba(0,0,0,.3),0 0 0 1px rgba(139,92,246,.1),inset 0 1px 0 rgba(255,255,255,.08);transform:translateY(-2px)}.gradient-primary{background:linear-gradient(135deg,#8b5cf6,#ec4899 50%,#06b6d4)}.gradient-text{background:linear-gradient(135deg,#a78bfa,#f472b6 50%,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg,#8b5cf6,#ec4899,#06b6d4);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none}.glow-purple{box-shadow:0 0 20px rgba(139,92,246,.3),0 0 40px rgba(139,92,246,.1)}.glow-pink{box-shadow:0 0 20px rgba(236,72,153,.3),0 0 40px rgba(236,72,153,.1)}.glow-cyan{box-shadow:0 0 20px rgba(6,182,212,.3),0 0 40px rgba(6,182,212,.1)}.btn-premium{position:relative;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:.75rem;color:white;font-weight:600;cursor:pointer;overflow:hidden;transition:all .3s ease}.btn-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#a78bfa,#f472b6);opacity:0;transition:opacity .3s ease}.btn-premium:hover:before{opacity:1}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(139,92,246,.4),0 0 0 1px rgba(255,255,255,.1)}.btn-premium span{position:relative;z-index:1}.input-glass{background:rgba(15,23,42,.4);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.75rem 1rem;color:#f8fafc;font-size:.9375rem;outline:none;transition:all .3s ease}.input-glass::placeholder{color:rgba(148,163,184,.6)}.input-glass:focus{border-color:rgba(139,92,246,.5);box-shadow:0 0 0 3px rgba(139,92,246,.1),inset 0 1px 0 rgba(255,255,255,.05)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(139,92,246,.3)}50%{box-shadow:0 0 40px rgba(139,92,246,.5)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.05) 50%,rgba(255,255,255,0));background-size:200% 100%;animation:shimmer 2s infinite}.blur-xs{backdrop-filter:blur(4px)}.blur-sm{backdrop-filter:blur(8px)}.blur-md{backdrop-filter:blur(12px)}.blur-lg{backdrop-filter:blur(16px)}.blur-xl{backdrop-filter:blur(24px)}.blur-2xl{backdrop-filter:blur(40px)}.article-content h1,.article-content h2,.article-content h3{color:white!important;font-weight:800!important;margin-top:2rem!important;margin-bottom:1rem!important}.article-content h2{font-size:1.875rem!important}.article-content h3{font-size:1.5rem!important}.article-content img{border-radius:1.5rem!important;margin:2rem 0!important;box-shadow:0 10px 30px rgba(0,0,0,.3)!important;max-width:100%;height:auto}.article-content a{color:#a78bfa!important;text-decoration:underline!important}.article-content blockquote{border-left:4px solid #8b5cf6!important;padding-left:1.5rem!important;font-style:italic!important;color:#94a3b8!important;margin:2rem 0!important}.article-content ol,.article-content ul{margin:1.5rem 0!important;padding-left:1.5rem!important}.article-content li{margin-bottom:.5rem!important}.article-embed-card{display:block;background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;overflow:hidden;margin-top:1rem;transition:all .3s ease;text-decoration:none!important}.article-embed-card:hover{background:rgba(15,23,42,.6);border-color:rgba(139,92,246,.3);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.3)}.article-embed-image{width:100%;height:200px;overflow:hidden}.article-embed-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-embed-card:hover .article-embed-image img{transform:scale(1.05)}.article-embed-info{padding:1.25rem}.article-embed-tag{display:inline-block;padding:.25rem .625rem;background:rgba(139,92,246,.15);color:#a78bfa;border:1px solid rgba(139,92,246,.2);border-radius:.5rem;font-size:.65rem;font-weight:800;letter-spacing:.05em;margin-bottom:.75rem}.article-embed-title{font-size:1.25rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem;line-height:1.4}.article-embed-excerpt{font-size:.9375rem;color:#94a3b8;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-embed-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);color:#8b5cf6;font-size:.875rem;font-weight:600}.create-post{background:rgba(15,23,42,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:1.25rem;box-shadow:0 4px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);transition:all .3s ease}.create-post:focus-within{border-color:rgba(139,92,246,.3);box-shadow:0 8px 40px rgba(0,0,0,.3),0 0 0 1px rgba(139,92,246,.1),inset 0 1px 0 rgba(255,255,255,.08)}.create-post-header{display:flex;gap:1rem}.avatar,.avatar-container{position:relative}.avatar{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(236,72,153,.2));display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0;border:2px solid rgba(139,92,246,.3);z-index:1;overflow:hidden;color:white}.avatar-glow{position:absolute;inset:-4px;background:radial-gradient(circle,rgba(139,92,246,.3) 0,transparent 70%);border-radius:50%;filter:blur(8px);opacity:.6}.input-wrapper{flex:1;padding:.875rem 1.25rem;background:rgba(15,23,42,.4);border:1px solid rgba(255,255,255,.05);border-radius:1.25rem;cursor:text;transition:all .3s ease}.input-wrapper.expanded{border-radius:1rem;background:rgba(15,23,42,.3);border-color:rgba(255,255,255,.08)}.placeholder{color:rgba(148,163,184,.6);font-size:.9375rem}.post-textarea{width:100%;min-height:5rem;background:none;border:none;color:#f8fafc;font-size:.9375rem;line-height:1.6;resize:none;outline:none}.post-textarea::placeholder{color:rgba(148,163,184,.5)}.quoted-preview{margin-top:.75rem;padding:.75rem;border-radius:.75rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.03);color:rgba(255,255,255,.9);margin-left:4rem}.quoted-author{font-size:.8125rem;font-weight:700;margin-bottom:.25rem}.quoted-username{font-weight:400;color:rgba(148,163,184,.7);font-size:.8125rem;margin-left:.5rem}.quoted-content{font-size:.9375rem;color:rgba(255,255,255,.9)}.media-previews{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding-left:4rem}.media-preview{position:relative;width:120px;height:120px;border-radius:1rem;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.remove-media{position:absolute;top:6px;right:6px;width:1.75rem;height:1.75rem;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:white;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-media:hover{background:rgba(239,68,68,.8);transform:scale(1.1)}.create-post-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.media-btn,.media-buttons{display:flex;gap:.25rem}.media-btn{flex-direction:column;align-items:center;padding:.5rem .75rem;background:none;border:none;border-radius:.75rem;color:rgba(148,163,184,.8);cursor:pointer;transition:all .2s}.media-btn:hover:not(:disabled){background:rgba(139,92,246,.1);color:#a78bfa}.media-btn:disabled{opacity:.4;cursor:not-allowed}.media-icon{font-size:1.25rem}.media-label{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.submit-area{display:flex;align-items:center;gap:1rem}.char-counter{position:relative;width:2.25rem;height:2.25rem}.char-ring{width:100%;height:100%;transform:rotate(-90deg)}.char-count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.625rem;font-weight:600;color:rgba(148,163,184,.6)}.char-count.warning{color:#f59e0b}.submit-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:.875rem;color:white;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(139,92,246,.3)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(139,92,246,.5)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.submit-icon{font-size:1rem}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;cursor:zoom-out}.lightbox-close,.lightbox-overlay{display:flex;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;background:rgba(255,255,255,.1);border:none;border-radius:50%;width:3rem;height:3rem;color:white;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10000}.lightbox-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.lightbox-content{width:90vw;height:90vh;cursor:default}.lightbox-content,.lightbox-image-container{position:relative;display:flex;align-items:center;justify-content:center}.lightbox-image-container{width:100%;height:100%}.lightbox-image{object-fit:contain!important;border-radius:.5rem}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;border-radius:50%;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10000}.lightbox-nav:hover{background:rgba(255,255,255,.2);transform:translateY(-50%) scale(1.1)}.lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.lightbox-nav.prev{left:1.5rem}.lightbox-nav.next{right:1.5rem}.lightbox-counter{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.5);padding:.5rem 1rem;border-radius:999px;color:white;font-size:.875rem;font-weight:500;backdrop-filter:blur(4px)}@media (max-width:640px){.lightbox-close{top:1rem;right:1rem}.lightbox-close,.lightbox-nav{width:2.5rem;height:2.5rem}.lightbox-nav.prev{left:.5rem}.lightbox-nav.next{right:.5rem}.create-post-actions{flex-direction:column;align-items:stretch;gap:1rem}.media-buttons{justify-content:flex-start;gap:.125rem}.media-label{display:none}.media-btn{padding:.5rem}.submit-area{width:100%;justify-content:space-between;gap:.75rem}.submit-btn{flex:1;justify-content:center;padding:.625rem 1rem;font-size:.8125rem}}.shimmer{position:relative;overflow:hidden;background:rgba(148,163,184,.05)}.shimmer:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.02) 20%,rgba(255,255,255,.05) 60%,rgba(255,255,255,0));animation:shimmer 2s infinite;content:""}@keyframes shimmer{to{transform:translateX(100%)}}.skeleton{border-radius:.5rem}.skeleton,.skeleton-circle{background:rgba(148,163,184,.1)}.skeleton-circle{border-radius:50%}.skeleton-text{height:.75rem;margin:.5rem 0;background:rgba(148,163,184,.1);border-radius:4px}