*{margin:0;padding:0;box-sizing:border-box}body{font-family:-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-color:var(--background-light)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary-color: #7c3aed;--secondary-dark: #6d28d9;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--background-light: #f9fafb;--background-dark: #111827;--border-color: #e5e7eb;--card-bg: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--trust-silver: #c0c0c0;--trust-gold: #ffd700;--trust-premium: #8a2be2}.app-container{min-height:100vh;background-color:var(--background-light)}.desktop-main{padding:1rem;margin-top:70px}.mobile-main{padding:1rem;padding-bottom:80px}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;margin-bottom:1rem;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:var(--secondary-dark)}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.input-group{margin-bottom:1rem}.input-label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.input-field{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s}.input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.trust-progress{width:100%;height:8px;background:linear-gradient(to right,var(--trust-silver) 0% 33%,var(--trust-gold) 33% 66%,var(--trust-premium) 66% 100%);border-radius:4px;overflow:hidden;position:relative}.trust-progress-fill{height:100%;background-color:var(--text-primary);transition:width .3s ease}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.badge-success{background-color:#dcfce7;color:#166534}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-info{background-color:#dbeafe;color:#1e40af}.post-interactions{display:flex;gap:1rem;padding:1rem 0;border-top:1px solid var(--border-color)}.interaction-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s}.interaction-btn:hover,.interaction-btn.active{color:var(--primary-color)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:var(--radius-xl);padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.spinner{border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:575.98px){.desktop-main{margin-top:60px;padding:.5rem}.card{padding:1rem;margin-bottom:.75rem}h1{font-size:1.75rem}h2{font-size:1.25rem}.btn{padding:.625rem 1.25rem;font-size:.875rem}}@media(min-width:576px)and (max-width:767.98px){.desktop-main{margin-top:65px;padding:.75rem}.card{padding:1.25rem}}@media(min-width:768px)and (max-width:991.98px){.desktop-main{max-width:720px;margin:80px auto 0}}@media(min-width:992px)and (max-width:1199.98px){.desktop-main{max-width:960px;margin:80px auto 0}}@media(min-width:1200px){.desktop-main{max-width:1140px;margin:80px auto 0}}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.mobile-only{display:block}.desktop-only{display:none}@media(min-width:769px){.mobile-only{display:none}.desktop-only{display:block}}.profile-banner{height:200px}.profile-avatar{width:120px;height:120px;margin-top:-60px}@media(max-width:768px){.profile-banner{height:150px}.profile-avatar{width:100px;height:100px;margin-top:-50px}}.chat-container{height:calc(100vh - 140px)}@media(max-width:768px){.chat-container{height:calc(100vh - 180px)}}.desktop-nav{padding:0 2rem}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -2px 10px #0000001a;padding:.5rem;z-index:1000}.feed-post{max-width:600px;margin:0 auto 1rem}@media(min-width:992px){.feed-post{max-width:500px}}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(min-width:768px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}