:root{--c-1:#000;--c-2:#121212;--c-3:#f4f4f5;--c-4:#fff;--bg-primary:var(--c-1);--bg-secondary:var(--c-2);--text-primary:var(--c-4);--text-secondary:var(--c-3);--border:#27272a;--accent:#8b5cf6;--accent-hover:#7c3aed;--holographic:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);--holographic-text:linear-gradient(135deg, #60a5fa 0%, #a78bfa 50%, #f472b6 100%);--shadow:0 4px 6px -1px #00000080, 0 2px 4px -1px #0000004d;--radius:16px;--font-sans:"Inter", system-ui, -apple-system, sans-serif}.light-mode{--bg-primary:var(--c-4);--bg-secondary:var(--c-3);--text-primary:var(--c-1);--text-secondary:var(--c-2);--border:#d4d4d8;--holographic:linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);padding:.75rem;font-family:inherit;font-size:1rem;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #8b5cf633}.container{max-width:600px;margin:0 auto;padding:0 1rem}.card{background-color:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.card:hover{border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d}.light-mode .card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.glass{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#121212cc}.light-mode .glass{border-bottom:1px solid var(--border);background:#f4f4f5cc}.holographic-text{background:var(--holographic-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.btn{border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--holographic);color:#fff;text-shadow:0 1px 2px #0003;border:1px solid #fff3}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--border)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background-color:#ffffff0d}.light-mode .btn-ghost:hover{background-color:#0000000d}.fade-in{animation:.4s cubic-bezier(.2,.8,.2,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#52525b;border-radius:3px}.light-mode ::-webkit-scrollbar-thumb{background:#d1d5db}::-webkit-scrollbar-thumb:hover{background:#71717a}.post-image{aspect-ratio:4/3;object-fit:cover;cursor:pointer;border-radius:var(--radius) var(--radius) 0 0;width:100%;display:block}.post-image.detail-view{cursor:default}