@import url("https://fonts.googleapis.com/css2?family=Satoshi:wght@400;500;700;900&family=General+Sans:wght@400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--sol-green:#14f195;--sol-purple:#9945ff;--sol-gradient:linear-gradient(135deg,#14f195,#9945ff);--bg-primary:#06070b;--bg-secondary:#0d0f17;--bg-card:#111420;--bg-card-hover:#161a28;--bg-elevated:#1a1f30;--bg-input:#0f1119;--text-primary:#edf0f7;--text-secondary:#8b92a8;--text-tertiary:#5a6177;--text-accent:#14f195;--border-default:#1e2336;--border-subtle:#161a28;--border-focus:#14f195;--success:#14f195;--warning:#fbbf24;--error:#ef4444;--info:#38bdf8;--glow-green:0 0 20px rgba(20,241,149,.15);--glow-purple:0 0 20px rgba(153,69,255,.15);--glow-soft:0 0 40px rgba(20,241,149,.08);--font-display:"Satoshi",-apple-system,sans-serif;--font-body:"General Sans",-apple-system,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--sidebar-width:260px;--feed-max-width:640px;--header-height:64px}[data-theme=light]{--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f3f4f8;--bg-elevated:#f0f1f5;--bg-input:#f3f4f8;--text-primary:#0f1119;--text-secondary:#5a6177;--text-tertiary:#8b92a8;--border-default:#e2e5f0;--border-subtle:#eef0f5;--glow-green:0 0 20px rgba(20,241,149,.1);--glow-purple:0 0 20px rgba(153,69,255,.1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}a{color:var(--text-accent);text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out)}a:hover{opacity:.8}.app-layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.main-content{max-width:calc(var(--feed-max-width) + var(--space-8) * 2);width:100%;margin:0 auto;padding:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);outline:none;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:var(--sol-gradient);color:#06070b;box-shadow:var(--glow-green)}.btn-primary:hover{box-shadow:0 0 30px rgba(20,241,149,.3);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-tertiary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-full);width:40px;height:40px}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--border-subtle);background:var(--bg-card-hover)}.card-glow{box-shadow:var(--glow-soft)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);transition:all var(--duration-fast) var(--ease-out);outline:none}.input:focus{border-color:var(--border-focus);box-shadow:var(--glow-green)}.input::placeholder{color:var(--text-tertiary)}textarea.input{resize:vertical;min-height:100px;line-height:1.6}.avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-default);background:var(--bg-elevated);flex-shrink:0}.avatar-sm{width:32px;height:32px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:80px;height:80px}.avatar-nft{border-image:var(--sol-gradient) 1;border-width:2px;border-style:solid}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.badge-level{background:rgba(20,241,149,.12);color:var(--sol-green)}.badge-immortal{background:rgba(153,69,255,.12);color:var(--sol-purple)}.badge-verified{color:var(--sol-green)}.post-actions{margin-top:var(--space-3)}.post-action-btn,.post-actions{display:flex;align-items:center;gap:var(--space-1)}.post-action-btn{padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-tertiary);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.post-action-btn:hover{background:var(--bg-elevated);color:var(--text-secondary)}.post-action-btn.active{color:var(--sol-green)}.post-action-btn.liked{color:var(--error)}.post-action-btn.tip-btn:hover{color:var(--warning)}.post-action-btn.mint-btn{color:var(--text-tertiary)}.post-action-btn.mint-btn:hover{color:var(--sol-purple);background:rgba(153,69,255,.08)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-default);display:flex;flex-direction:column;padding:var(--space-6);z-index:100;overflow-y:auto}.sidebar-logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;background:var(--sol-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-2)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all var(--duration-fast) var(--ease-out);text-decoration:none}.sidebar-link:hover{background:var(--bg-elevated);color:var(--text-primary);opacity:1}.sidebar-link.active{background:rgba(20,241,149,.08);color:var(--sol-green)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-default);margin-top:auto}.feed-container{display:flex;flex-direction:column;gap:var(--space-4)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:var(--glow-green)}50%{box-shadow:0 0 30px rgba(20,241,149,.25)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-card-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.text-gradient{background:var(--sol-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:768px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:var(--space-3)}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-default);padding:var(--space-2) var(--space-4);justify-content:space-around;z-index:100}}@media (min-width:769px){.mobile-nav{display:none}}