:root{--bg-primary: #1a1b1e;--bg-secondary: #2c2d31;--text-secondary: #a1a1aa;--accent-color: #6366f1;--border-color: #3f3f46;--accent: #6366f1;--border: #333333;--hover: #2d2d2d;--primary-bg: #1a1a1a;--secondary-bg: #252525;--hover-bg: #333333;--primary-text: #ffffff;--secondary-text: #b3b3b3;--accent-color: #4f46e5;--primary-color: #7c4dff;--secondary-color: #2196f3;--background-dark: #121212;--surface-dark: #1e1e1e;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--dark-bg: #1a1a1a;--dark-secondary: #2d2d2d;--danger-color: #e25555;--success-color: #4CAF50;--warning-color: #ff9800;--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9;--transition-duration: .2s;--modal-transition: var(--transition-duration) cubic-bezier(.4, 0, .2, 1);--sidebar: var(--background);--bg-primary: #1a1a1a;--bg-secondary: #252525;--text-primary: #ffffff;--text-secondary: #b3b3b3;--accent-color: #4a9eff;--success-color: #4caf50;--danger-color: #f44336;--spacing-unit: 1rem;--border-radius: 8px;--transition-speed: .3s;--card-color: #1e1e1e;--border-color: #333333;--tag-color: #3700b3;--folder-color: #03dac6;--bg-dark: #0d0d0d;--bg-secondary: #1a1a1a;--bg-card: #262626;--accent: #7f5af0;--accent-hover: #9370ff;--text-primary: #f8f8f8;--text-secondary: #b8b8b8;--border: #333;--text-color: #f0f0f0;--secondary-accent: #a29bfe;--hover-color: #2a2a2a;--progress-color: #4b4b4b;--error-color: #ff5555;--bg-tertiary: #252525;--primary-color: #bb86fc;--primary-variant: #3700b3;--secondary-color: #03dac6;--text-primary: #e1e1e1;--error-color: #cf6679;--tag-friend: #4caf50;--tag-work: #2196f3;--tag-family: #ff9800;--online-color: #4CAF50;--offline-color: #f44336;--away-color: #FFC107;--unread-badge: #bb86fc;--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .4s ease;--bg-dark: #1a1a1a;--card-dark: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-dark: #444;--primary: #4CAF50;--primary-hover: #45a049;--secondary: #555;--secondary-hover: #666;--online: #4CAF50;--offline: #777;--highlight: #3a3a3a;--input-bg: #333;--checkbox-color: #4CAF50;--bg-color: #121212;--message-bg: #1e1e1e;--my-message-bg: #2a3a4b;--text-color: #e0e0e0;--secondary-text: #a0a0a0;--reaction-bg: #2d2d2d;--reaction-hover: #3d3d3d;--liked-color: #5c9eff;--loved-color: #ff5c8d;--laughed-color: #ffc107;--online-color: #4caf50;--bg-selected: #1a3a5f}a{text-decoration:none}.emoji-item{font-size:1.5rem;text-align:center;padding:5px;cursor:pointer;border-radius:5px;transition:all var(--transition-fast);width:40px}.highlight{background:#ffb74d;color:#0a1c2a;font-weight:500;padding:0 2px;border-radius:4px}.content-container{max-width:95%;margin:0 auto;padding:0 20px}.notification-badge{position:absolute;top:-6px;right:-6px;background-color:#ff4757;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:600}.online-status{position:absolute;bottom:10px;right:10px;width:20px;height:20px;border-radius:50%;background-color:var(--online-color);border:3px solid var(--bg-card)}.online-status.offline{background-color:var(--offline-color)}.reposted-content{margin:0 20px 16px;padding:16px;background:#222;border-radius:12px;border:1px solid #333;position:relative;overflow:hidden}.reposted-content:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#00b894}.reposted-content2{margin:0 20px 16px;padding:16px;background:#222;border-radius:12px;border:1px solid #333;position:relative;overflow:hidden}.reposted-content2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#b501bb}.reposted-header{display:flex;align-items:center;margin-bottom:12px}.reposted-avatar{width:36px;height:36px;border-radius:50%;margin-right:12px;background:linear-gradient(45deg,#6c5ce7,#a29bfe)}.reposted-user-info{flex-grow:1}.reposted-username{font-weight:600;font-size:.95em;color:#e4e6eb}.reposted-time{color:#b0b3b8;font-size:.8em}.reposted-text{font-size:.9em;color:#b0b3b8;line-height:1.4;margin-bottom:12px}.reposted-image{width:100%;height:200px;border-radius:8px;background-size:cover;background-position:center;margin-top:8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px;border:2px solid var(--scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--background-color)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.back-to-top{position:fixed;bottom:30px;right:30px;background-color:var(--accent-color);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:24px;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 15px #0984e34d;z-index:1000;border:none;cursor:pointer}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background-color:var(--accent-color-hover);transform:translateY(-5px) scale(1.1)}.scroll-down-btn{position:absolute;bottom:30px;left:30px;background-color:var(--accent-color);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:24px;transition:all .3s ease;box-shadow:0 4px 15px #0984e34d;border:none;cursor:pointer;animation:bounce 2s infinite}.scroll-down-btn:hover{background-color:var(--accent-color-hover);transform:translateY(-5px) scale(1.1);animation:none}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-text{animation:fadeInUp 1s ease forwards}.icon{display:inline-block;font-size:1.5rem;margin-right:10px;vertical-align:middle}@media (max-width: 768px){:root{--scrollbar-width: 8px}.content{padding:20px 15px}.section{padding:40px 15px;margin:20px 0}h1{font-size:2.2rem}h2{font-size:1.8rem}.nav-links{position:static;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.nav-links a{padding:8px 16px;font-size:.9rem}.cards{grid-template-columns:1fr}.hero{padding:60px 20px}.back-to-top{right:20px;bottom:20px;width:45px;height:45px;font-size:20px}}@media (max-width: 480px){.hero-scroll-btn{padding:12px 30px;font-size:1rem}}.black-scroll{scrollbar-color:#1a1a1a #000000}.black-scroll::-webkit-scrollbar{background-color:#000}.black-scroll::-webkit-scrollbar-track{background-color:#000}.black-scroll::-webkit-scrollbar-thumb{background-color:#1a1a1a}.container-scroll-btn{margin-left:10px;background-color:#808283e6;color:#fff;border:none;width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 3px 10px #0000004d;float:right}.container-scroll-btn:hover{transform:scale(1.1)}.scroll-up-btn{transform:translate(10%)}