:root{--auth-primary:#4f46e5;--auth-primary-dark:#4338ca;--auth-primary-light:#818cf8;--auth-primary-50:#eef2ff;--auth-primary-100:#e0e7ff;--auth-gradient-primary:linear-gradient(135deg,#4f46e5,#7c3aed);--auth-gradient-hover:linear-gradient(135deg,#4338ca,#6d28d9);--auth-gradient-surface:linear-gradient(135deg,#4f46e51a,#7c3aed1a);--auth-bg:#fff;--auth-bg-offset:#f9fafb;--auth-text-primary:#111827;--auth-text-secondary:#4b5563;--auth-text-tertiary:#6b7280;--auth-border:#e5e7eb;--auth-border-focus:#818cf8;--auth-success:#10b981;--auth-error:#ef4444;--auth-warning:#f59e0b;--auth-info:#3b82f6;--auth-space-1:0.25rem;--auth-space-2:0.5rem;--auth-space-3:0.75rem;--auth-space-4:1rem;--auth-space-5:1.5rem;--auth-space-6:2rem;--auth-space-8:3rem;--auth-space-10:4rem;--auth-radius-sm:0.25rem;--auth-radius-md:0.375rem;--auth-radius-lg:0.5rem;--auth-radius-xl:0.75rem;--auth-radius-2xl:1rem;--auth-radius-full:9999px;--auth-shadow-sm:0 1px 2px 0 #0000000d;--auth-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--auth-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--auth-shadow-inner:inset 0 2px 4px 0 #0000000f;--auth-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--auth-transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--auth-transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}.auth-container{align-items:center;background:#f9fafb;background:var(--auth-bg-offset);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;padding:var(--auth-space-4);position:relative}.auth-background{background-image:radial-gradient(circle at 20% 20%,#4f46e51a 0,#0000 20%),radial-gradient(circle at 80% 80%,#7c3aed1a 0,#0000 20%);bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.auth-card{background:#fff;background:var(--auth-bg);border-radius:1rem;border-radius:var(--auth-radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--auth-shadow-lg);max-width:440px;overflow:hidden;position:relative;width:100%;z-index:1}.auth-card-header{padding:2rem 2rem 1rem;padding:var(--auth-space-6) var(--auth-space-6) var(--auth-space-4);position:relative;text-align:center}.auth-card-header:before{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:var(--auth-gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-logo{margin-bottom:1rem;margin-bottom:var(--auth-space-4)}.auth-logo h1{align-items:center;color:#111827;color:var(--auth-text-primary);display:flex;font-size:1.875rem;font-weight:700;gap:.5rem;gap:var(--auth-space-2);justify-content:center}.auth-logo svg{color:#4f46e5;color:var(--auth-primary);font-size:2rem}.auth-tagline{color:#4b5563;color:var(--auth-text-secondary);font-size:1rem;margin-top:.25rem;margin-top:var(--auth-space-1)}.auth-title{color:#111827;color:var(--auth-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--auth-space-2)}.auth-subtitle{color:#6b7280;color:var(--auth-text-tertiary);font-size:.95rem;margin:0 auto 1rem;margin:0 auto var(--auth-space-4);max-width:90%}.auth-form{padding:0 2rem 2rem;padding:0 var(--auth-space-6) var(--auth-space-6)}.form-group{margin-bottom:var(--auth-space-4)}.form-group label{align-items:center;color:var(--auth-text-secondary);display:flex;font-size:.875rem;gap:.5rem;gap:var(--auth-space-2);margin-bottom:.5rem;margin-bottom:var(--auth-space-2)}.input-icon{color:#4f46e5;color:var(--auth-primary);font-size:.95rem}input{background:#fff;background:var(--auth-bg);border:1px solid #e5e7eb;border:1px solid var(--auth-border);border-radius:.5rem;border-radius:var(--auth-radius-lg);color:#111827;color:var(--auth-text-primary);font-size:.95rem;padding:.75rem 1rem;padding:var(--auth-space-3) var(--auth-space-4);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--auth-transition-normal);width:100%}input:focus{border-color:#4f46e5;border-color:var(--auth-primary);box-shadow:0 0 0 3px #e0e7ff;box-shadow:0 0 0 3px var(--auth-primary-100);outline:none}input::placeholder{color:#6b7280;color:var(--auth-text-tertiary)}.input-error{border-color:#ef4444;border-color:var(--auth-error)}.input-error:focus{box-shadow:0 0 0 3px #ef444433}.error-message{color:#ef4444;color:var(--auth-error);font-size:.8rem;margin-top:var(--auth-space-2)}.password-toggle{background:#0000;color:#6b7280;color:var(--auth-text-tertiary);right:.75rem;right:var(--auth-space-3);top:50%;transform:translateY(-50%);transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--auth-transition-fast)}.password-toggle:hover{color:#4b5563;color:var(--auth-text-secondary)}.auth-button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--auth-radius-lg);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;gap:var(--auth-space-2);justify-content:center;padding:.75rem 1rem;padding:var(--auth-space-3) var(--auth-space-4);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--auth-transition-normal);width:100%}.primary-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:var(--auth-gradient-primary);box-shadow:0 1px 3px #4f46e54d;color:#fff}.primary-button:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);background:var(--auth-gradient-hover);box-shadow:0 4px 12px #4f46e566;transform:translateY(-2px)}.primary-button:active{transform:translateY(-1px)}.button-loader{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1rem;position:absolute;right:1rem;right:var(--auth-space-4);width:1rem}.divider{align-items:center;display:flex;margin:1.5rem 0;margin:var(--auth-space-5) 0}.divider:after,.divider:before{background:#e5e7eb;background:var(--auth-border);content:"";flex:1 1;height:1px}.divider span{color:#6b7280;color:var(--auth-text-tertiary);font-size:.85rem;font-weight:500;padding:0 .75rem;padding:0 var(--auth-space-3)}.social-buttons{display:flex;flex-direction:column;gap:.75rem;gap:var(--auth-space-3)}.social-button{align-items:center;background:#fff;background:var(--auth-bg);border:1px solid #e5e7eb;border:1px solid var(--auth-border);border-radius:.5rem;border-radius:var(--auth-radius-lg);color:#111827;color:var(--auth-text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;gap:var(--auth-space-2);justify-content:center;padding:.75rem 1rem;padding:var(--auth-space-3) var(--auth-space-4);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--auth-transition-normal)}.social-button:hover{background:#f9fafb;background:var(--auth-bg-offset);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--auth-shadow-md);transform:translateY(-2px)}.social-button svg{font-size:1.1rem}.google-button{color:#ea4335}.auth-footer{color:#6b7280;color:var(--auth-text-tertiary);font-size:.9rem;padding:1rem 0;padding:var(--auth-space-4) 0;text-align:center}.auth-footer a{color:#4f46e5;color:var(--auth-primary);font-weight:600;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--auth-transition-fast)}.auth-footer a:hover{color:#4338ca;color:var(--auth-primary-dark);text-decoration:underline}@media (max-width:480px){.auth-card{box-shadow:none;max-width:100%}.auth-card-header{padding:2rem 1rem 1rem;padding:var(--auth-space-6) var(--auth-space-4) var(--auth-space-4)}.auth-form{padding:0 1rem 2rem;padding:0 var(--auth-space-4) var(--auth-space-6)}.auth-logo h1{font-size:1.75rem}.auth-title{font-size:1.3rem}}.back-to-login{align-items:center;color:#666;display:inline-flex;font-size:.9rem;gap:8px;text-decoration:none;transition:color .2s ease}.back-to-login:hover{color:#007bff}.back-to-login svg{font-size:.8rem}.forgot-password-link{color:#666;display:block;font-size:.9rem;margin-top:8px;text-align:right;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#007bff}.auth-theme-toggle{align-items:center;background:#0000;border:none;border-radius:50%;color:#6b7280;color:var(--auth-text-tertiary);cursor:pointer;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--auth-transition-normal);width:2.5rem}.auth-theme-toggle:hover{background-color:#f9fafb;background-color:var(--auth-bg-offset);color:#4f46e5;color:var(--auth-primary);transform:rotate(15deg)}[data-theme=dark] .auth-theme-toggle{color:#e0e7ff;color:var(--auth-primary-100)}[data-theme=dark] .auth-theme-toggle:hover{background-color:#ffffff1a}[data-theme=dark]{--auth-bg:#111827;--auth-bg-offset:#1f2937;--auth-text-primary:#f9fafb;--auth-text-secondary:#e5e7eb;--auth-text-tertiary:#d1d5db;--auth-border:#374151;--auth-border-focus:#60a5fa;--auth-card-bg:#1f2937}[data-theme=dark] .auth-card{background-color:var(--auth-card-bg);box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d}[data-theme=dark] input{background-color:#374151;border-color:#e5e7eb;border-color:var(--auth-border);color:#111827;color:var(--auth-text-primary)}[data-theme=dark] .auth-background{background-image:radial-gradient(circle at 20% 20%,#60a5fa1a 0,#0000 20%),radial-gradient(circle at 80% 80%,#7c3aed1a 0,#0000 20%)}[data-theme=dark] .social-button{background-color:var(--auth-card-bg);border-color:#e5e7eb;border-color:var(--auth-border)}.confirmation-dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-dialog{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;max-width:400px;padding:20px;width:90%}.confirmation-dialog h2{font-size:18px;font-weight:600;margin-bottom:10px;margin-top:0}.confirmation-dialog p{color:#666;margin-bottom:20px}.confirmation-dialog-buttons{display:flex;gap:10px;justify-content:flex-end}.confirmation-dialog-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s,transform .1s}.confirmation-dialog-buttons button:focus{outline:2px solid #08c;outline:2px solid var(--primary,#08c);outline-offset:2px}.confirmation-dialog-buttons button:focus:not(:focus-visible){outline:none}.cancel-button{background-color:#f1f1f1;color:#333}.cancel-button:hover{background-color:#e2e2e2}.cancel-button:focus-visible{background-color:#e2e2e2}.confirm-button{background-color:#e74c3c;margin-left:10px}.confirm-button:hover{background-color:#c0392b}.confirm-button:focus-visible{background-color:#c0392b}.confirmation-dialog:focus-within{box-shadow:0 0 0 2px #08c,0 5px 15px #0000004d;box-shadow:0 0 0 2px var(--primary,#08c),0 5px 15px #0000004d}.error-boundary{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:2rem;text-align:center}.error-boundary__title{color:#dc3545;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.error-boundary__message{color:#666;font-size:1rem;margin-bottom:2rem;max-width:400px}.error-boundary__button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.error-boundary__button:hover{background-color:#0056b3}.letter-avatar{border:2px solid #fffc;box-shadow:0 2px 10px #0000001a;font-weight:700;margin-right:8px;margin-right:var(--space-2,8px);overflow:hidden;position:relative;text-transform:uppercase;transition:all .25s ease;-webkit-user-select:none;user-select:none}.letter-avatar.small{font-size:13px;height:32px;min-width:32px;width:32px}.letter-avatar.medium{font-size:17px;height:42px;min-width:42px;width:42px}.letter-avatar.large{border-width:3px;font-size:28px;height:72px;min-width:72px;width:72px}.letter-avatar.color-0{background:linear-gradient(135deg,#4f46e5,#3730a3)}.letter-avatar.color-1{background:linear-gradient(135deg,#f43f5e,#be123c)}.letter-avatar.color-2{background:linear-gradient(135deg,#0ea5e9,#0369a1)}.letter-avatar.color-3{background:linear-gradient(135deg,#f59e0b,#b45309)}.letter-avatar.color-4{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.letter-avatar:after{background:radial-gradient(circle,#fff3 0,#fff0 60%);content:"";height:200%;left:-50%;opacity:.6;pointer-events:none;position:absolute;top:-50%;width:200%}.post-header .letter-avatar{margin-right:12px;margin-right:var(--space-3,12px)}.comment-author .letter-avatar{margin-right:8px;margin-right:var(--space-2,8px)}.letter-avatar:hover{box-shadow:0 3px 12px #00000026;transform:scale(1.08)}.letter-avatar:focus,.letter-avatar:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--primary,#4f46e5);outline-offset:2px;transform:scale(1.05)}.letter-avatar.interactive{cursor:pointer;transition:transform .2s,box-shadow .2s}.letter-avatar.interactive:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.letter-avatar.interactive:active{transform:scale(.95)}@media (max-width:768px){.letter-avatar.medium{font-size:15px;height:38px;min-width:38px;width:38px}.letter-avatar.large{font-size:22px;height:60px;min-width:60px;width:60px}}@media (max-width:480px){.letter-avatar.small{font-size:11px;height:28px;min-width:28px;width:28px}}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #3a86ff1a;border-radius:50%;border-top:3px solid var(--primary)}.loading-spinner--small{border-width:2px;height:20px;width:20px}.loading-spinner--medium{border-width:3px;height:32px;width:32px}.loading-spinner--large{border-width:4px;height:48px;width:48px}.loading-spinner__text{color:var(--text-secondary);font-size:.875rem}.message{animation:slideIn .3s ease-out;border-radius:6px;margin-bottom:16px;padding:16px;position:relative;width:100%}.message-icon{flex-shrink:0;height:24px;margin-right:12px;width:24px}.message-close{margin-left:10px;opacity:.6;transition:opacity .2s}.message-close:hover{opacity:1}.message-success{background-color:#d1fae5;border-left:4px solid #10b981;color:#065f46}.message-error{background-color:#fee2e2;border-left:4px solid #ef4444;color:#b91c1c}.message-info{background-color:#dbeafe;border-left:4px solid #3b82f6;color:#1e40af}.message-warning{background-color:#fef3c7;border-left:4px solid #f59e0b;color:#92400e}.comments-section{margin-top:var(--space-6);position:relative}.comments-title{align-items:center;color:var(--text-primary);font-size:1.125rem;font-weight:600}.comment-form,.comments-title{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.comment-form{flex-direction:column;width:100%}.comment-input{border:1px solid var(--border-medium);border-radius:var(--radius-md);box-sizing:border-box;font-size:.95rem;min-height:80px;padding:var(--space-3);resize:vertical;transition:all var(--transition-normal);width:100%}.comment-input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-50);outline:none}.submit-button{align-self:flex-end;border-radius:var(--radius-md);font-weight:500;margin-top:var(--space-2);min-width:100px;padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.submit-button:hover{background-color:var(--primary-dark)}.comments-list{display:flex;flex-direction:column;gap:var(--space-4)}.no-comments{background-color:var(--bg-secondary);border:1px dashed var(--border-light);border-radius:var(--radius-md);color:var(--text-tertiary);font-style:italic;padding:var(--space-6);text-align:center}.comment{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.comment:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.comment-user{align-items:center;display:flex;gap:var(--space-2)}.comment-info{display:flex;flex-direction:column}.comment-username{color:var(--text-primary);font-weight:600;text-decoration:none;transition:color var(--transition-normal)}.comment-username:hover{color:var(--primary)}.comment-metadata{align-items:center;display:flex;font-size:.8rem;gap:var(--space-2);margin-top:2px}.comment-edited,.comment-metadata,.comment-time{color:var(--text-tertiary)}.comment-edited{cursor:help;font-style:italic}.comment-text{word-wrap:break-word;color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:var(--space-3)}.reply{border-left:2px solid var(--primary-50);margin-left:var(--space-4);padding-left:var(--space-4)}.comment-actions{align-items:center;display:flex;gap:var(--space-3)}.comment-actions button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.85rem;gap:var(--space-1);padding:var(--space-1) var(--space-2);transition:all var(--transition-normal)}.comment-actions button:hover{background-color:var(--gray-100);color:var(--text-primary)}.like-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.85rem;gap:var(--space-1);padding:var(--space-1) var(--space-2);transition:all var(--transition-normal)}.like-button:hover{background-color:var(--gray-100);color:var(--text-primary)}.like-button.liked{color:var(--danger)}.like-button.liked:hover{background-color:var(--danger-light)}.reply-button{color:var(--primary)!important}.reply-button:hover{background-color:var(--primary-100)!important}.action-button{gap:var(--space-1)}.edit-comment{margin-bottom:var(--space-3)}.edit-input{border:1px solid var(--border-medium);font-size:.9rem;margin-bottom:var(--space-2);min-height:60px;padding:var(--space-2);resize:vertical}.edit-input:focus{box-shadow:0 0 0 1px var(--primary-50)}.edit-actions{gap:var(--space-2)}.reply-form{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-3);margin-top:var(--space-3);padding:var(--space-3)}.reply-input{border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.9rem;margin-bottom:var(--space-2);min-height:60px;padding:var(--space-2);resize:vertical;width:100%}.reply-input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-50);outline:none}.reply-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.submit-reply{background-color:var(--primary);color:#fff}.cancel-reply,.submit-reply{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;padding:var(--space-1) var(--space-3)}.cancel-reply{background-color:var(--gray-100);color:var(--text-primary)}.submit-reply:hover{background-color:var(--primary-dark)}.cancel-reply:hover{background-color:var(--gray-200)}.toggle-replies{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--primary);cursor:pointer;display:inline-flex;font-size:.85rem;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-normal)}.toggle-replies:hover{background-color:var(--primary-50)}.replies-list,.replies-section{margin-top:var(--space-3)}.replies-list{display:flex;flex-direction:column;gap:var(--space-3)}.show-more-comments{margin:var(--space-4) 0;text-align:center}.toggle-comments-button{background:none;border:none;border-radius:var(--radius-full);color:var(--primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.toggle-comments-button:hover{background-color:var(--primary-100);transform:translateY(-2px)}.error-message{background-color:var(--danger-light);font-size:.9rem;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.comment,.edit-comment,.replies-list,.reply-form{animation:fadeIn .3s ease-out}@media (max-width:768px){.comment-form{flex-direction:column;width:100%}.comment-input{min-height:100px;width:100%}.submit-button{align-self:flex-end;margin-top:var(--space-2)}.comment{padding:var(--space-3)}.reply{margin-left:var(--space-2);padding-left:var(--space-2)}}@media (max-width:480px){.edit-actions,.reply-actions{flex-direction:column;width:100%}.edit-actions button,.reply-actions button{width:100%}}.comments-pagination{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-4)}.show-less-comments,.show-more-comments{border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.show-more-comments{background-color:var(--bg-primary);color:var(--primary)}.show-more-comments:hover{background-color:var(--primary-50);transform:translateY(-2px)}.show-less-comments{background-color:var(--bg-primary);border-color:var(--border-light);color:var(--text-secondary)}.show-less-comments:hover{background-color:var(--gray-100);transform:translateY(-2px)}.btn-reset{background:none;border:none;cursor:pointer;font:inherit;padding:0}.interactive-item{transition:all var(--transition-normal)}.interactive-item:hover{transform:translateY(-2px)}.elevation-on-hover{transition:transform .2s ease,box-shadow .2s ease}.elevation-on-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-error-message{align-items:center;background-color:#fef2f2;background-color:var(--danger-50,#fef2f2);border-left:4px solid #dc2626;border-left:4px solid var(--danger,#dc2626);border-radius:8px;border-radius:var(--radius-md,8px);color:#dc2626;color:var(--danger,#dc2626);display:flex;gap:12px;margin-bottom:20px;padding:16px}.post-error-message button{color:#d32f2f;color:var(--error-text-color,#d32f2f);font-size:1.1rem;padding:0 5px}.post{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #0000000d;border:1px solid var(--border-light,#0000000d);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 20px #00000014;margin-bottom:24px;margin-bottom:var(--space-6,24px);overflow:hidden;padding:24px;padding:var(--space-6,24px);position:relative;transition:all .3s ease}.post:hover{border-color:#00000014;box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.post-header{align-items:center;border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-light,#0000000d);display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-5,20px);padding-bottom:16px;padding-bottom:var(--space-4,16px)}.post-info,.username-link{align-items:center;display:flex;gap:12px;gap:var(--space-3,12px)}.username-link{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease}.username-link:hover{color:#2563eb;color:var(--primary,#2563eb)}.username-link .user-details{display:flex;flex-direction:column}.username-link .username{font-size:1.05rem;font-weight:600;line-height:1.2}.post-date{color:#6b7280;color:var(--text-tertiary,#6b7280);font-size:.8rem;line-height:1.2;margin-top:2px}.post-options{position:relative}.options-button{align-items:center;background-color:initial;border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#6b7280;color:var(--gray-500,#6b7280);display:flex;justify-content:center;padding:8px;padding:var(--space-2,8px);transition:all .2s ease}.options-button:hover{background-color:initial;color:#111827;color:var(--text-primary,#111827)}.dropdown-menu,.options-dropdown{animation:fadeIn .2s ease;background-color:#fff;border:1px solid #0000000d;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:150px;overflow:hidden;position:absolute;right:0;top:calc(100% + 5px);z-index:10}.dropdown-menu button,.options-dropdown button{align-items:center;background:none;border:none;color:#111827;color:var(--text-primary,#111827);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.dropdown-menu button:hover,.options-dropdown button:hover{background-color:#f9fafb;background-color:var(--bg-hover,#f9fafb)}.danger-action{color:#dc2626!important;color:var(--danger,#dc2626)!important}.danger-action:hover{background-color:#fee2e2!important;background-color:var(--danger-light,#fee2e2)!important}.post-content{margin-bottom:20px;margin-bottom:var(--space-5,20px);position:relative}.post-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1a202c,#4a5568);background-clip:text;-webkit-background-clip:text;color:#111827;color:var(--text-primary,#111827);display:inline-block;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:12px;margin-bottom:var(--space-3,12px);position:relative}.post-title:after{background:linear-gradient(90deg,#4f46e5b3,#4f46e54d);border-radius:3px;bottom:-4px;content:"";height:3px;left:0;opacity:0;position:absolute;transition:width .3s ease;width:0}.post:hover .post-title:after{opacity:1;width:100%}.post-description{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:1.05rem;line-height:1.6;margin-bottom:16px;margin-bottom:var(--space-4,16px);position:relative;text-rendering:optimizeLegibility;white-space:pre-wrap;word-break:break-word}.skills-container{margin:20px 0;margin:var(--space-5,20px) 0}.skills-container h4{color:#6b7280;color:var(--text-tertiary,#6b7280);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px;margin-bottom:var(--space-2,8px);text-transform:uppercase}.skills-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2,8px);margin-top:8px;margin-top:var(--space-2,8px)}.skill-tag{align-items:center;background-color:#eff6ff;background-color:var(--primary-50,#eff6ff);border:1px solid #0000000a;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 1px 2px #0000000d;color:#1d4ed8;color:var(--primary-700,#1d4ed8);cursor:default;display:inline-flex;font-size:.85rem;font-weight:500;line-height:1.5;padding:6px 14px;transition:all .2s ease}.skill-tag:hover{box-shadow:0 3px 6px #0000001a;transform:translateY(-2px)}.skill-tag[data-first-letter=a],.skill-tag[data-first-letter=b],.skill-tag[data-first-letter=c]{background-color:#eff6ff;color:#1e40af}.skill-tag[data-first-letter=d],.skill-tag[data-first-letter=e],.skill-tag[data-first-letter=f]{background-color:#f0f9ff;color:#0369a1}.skill-tag[data-first-letter=g],.skill-tag[data-first-letter=h],.skill-tag[data-first-letter=i]{background-color:#ecfdf5;color:#047857}.skill-tag[data-first-letter=j],.skill-tag[data-first-letter=k],.skill-tag[data-first-letter=l]{background-color:#fffbeb;color:#b45309}.skill-tag[data-first-letter=m],.skill-tag[data-first-letter=n],.skill-tag[data-first-letter=o]{background-color:#fdf2f8;color:#be185d}.skill-tag[data-first-letter=p],.skill-tag[data-first-letter=q],.skill-tag[data-first-letter=r]{background-color:#f5f3ff;color:#6d28d9}.skill-tag[data-first-letter=s],.skill-tag[data-first-letter=t],.skill-tag[data-first-letter=u]{background-color:#f0fdfa;color:#0f766e}.skill-tag[data-first-letter=v],.skill-tag[data-first-letter=w],.skill-tag[data-first-letter=x],.skill-tag[data-first-letter=y],.skill-tag[data-first-letter=z]{background-color:#fefce8;color:#65a30d}.skill-tag[data-first-letter]:before{content:"#";font-size:.9em;font-weight:700;margin-right:4px;opacity:.6}.skill-tag[data-skill=java]:before{content:"☕";opacity:1}.skill-tag[data-skill=python]:before{content:"🐍";opacity:1}.skill-tag[data-skill=javascript]:before,.skill-tag[data-skill=js]:before{content:"JS";font-size:.8em;font-weight:800;margin-right:5px;opacity:1}.skill-tag[data-skill=ts]:before,.skill-tag[data-skill=typescript]:before{content:"TS";font-size:.8em;font-weight:800;margin-right:5px;opacity:1}.skill-tag[data-skill=react]:before{content:"⚛️";opacity:1}.skill-tag[data-skill=angular]:before{content:"Ⓐ";opacity:1}.skill-tag[data-skill=vue]:before{content:"V";font-weight:800;opacity:1}.skill-tag[data-skill=node]:before{content:"N";font-weight:800;opacity:1}.skill-tag[data-skill=express]:before{content:"E";font-weight:800;opacity:1}.skill-tag[data-skill=django]:before{content:"D";font-weight:800;opacity:1}.skill-tag[data-skill=spring]:before,.skill-tag[data-skill=springboot]:before{content:"🍃";opacity:1}.skill-tag[data-skill=database]:before,.skill-tag[data-skill=db]:before,.skill-tag[data-skill=sql]:before{content:"🗃️";opacity:1}.skill-tag[data-skill=aws]:before,.skill-tag[data-skill=cloud]:before{content:"☁️";opacity:1}.skill-tag[data-skill=docker]:before{content:"🐳";opacity:1}.skill-tag[data-skill=k8s]:before,.skill-tag[data-skill=kubernetes]:before{content:"🚢";opacity:1}.skill-tag[data-skill=ai]:before,.skill-tag[data-skill=ml]:before{content:"🧠";opacity:1}.skill-tag[data-skill=mobile]:before{content:"📱";opacity:1}.skill-tag[data-skill=web]:before{content:"🌐";opacity:1}.skill-tag[data-skill=security]:before{content:"🔒";opacity:1}.skill-tag[data-skill=ui]:before,.skill-tag[data-skill=ux]:before{content:"🎨";opacity:1}.skill-tag[data-skill=qa]:before,.skill-tag[data-skill=testing]:before{content:"🧪";opacity:1}.skill-tag[data-skill=devops]:before{content:"🔄";opacity:1}.skill-tag[data-skill=blockchain]:before{content:"⛓️";opacity:1}.skill-tag[data-skill=game]:before{content:"🎮";opacity:1}.skill-tag[data-skill=analytics]:before,.skill-tag[data-skill=data]:before{content:"��";opacity:1}.github-link-container{margin-bottom:16px;margin-bottom:var(--space-4,16px);margin-top:16px;margin-top:var(--space-4,16px)}.github-link{align-items:center;background-color:initial;border:none;color:#24292e;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;gap:var(--space-2,8px);padding:6px 10px;text-decoration:none;transition:all .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.github-link:before{display:none}.github-icon{color:#24292e;font-size:1.2em}.github-arrow,.github-icon{transition:transform .3s ease}.github-arrow{margin-left:4px;opacity:.7}.github-link:hover{background-color:initial}.github-link:hover,.github-link:hover .github-icon{color:#0366d6;transform:none}.github-link:hover .github-arrow{color:#0366d6;opacity:1;transform:translateX(3px)}.post-actions{border-top:1px solid #0000000d;border-top:1px solid var(--border-light,#0000000d);gap:16px;margin-top:16px;margin-top:var(--space-4,16px);padding-top:16px;padding-top:var(--space-4,16px)}.action-button,.post-actions{align-items:center;display:flex}.action-button{background-color:initial;border:1px solid #0000001a;border-radius:6px;color:#4b5563;color:var(--text-secondary,#4b5563);font-size:.95rem;font-weight:500;gap:8px;padding:6px 12px;transition:color .2s ease}.action-button:hover{background-color:#00000008;box-shadow:0 2px 4px #0000000d;color:#111827;color:var(--text-primary,#111827);transform:translateY(-1px)}.action-button svg{font-size:1.1rem;transition:transform .2s ease}.action-button:hover svg{transform:scale(1.1)}.action-button.liked{border-color:#ef444433;color:#ef4444}.action-button.liked:hover{background-color:#ef44440d}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}.action-button.liked svg{animation:heartBeat .8s ease-in-out}.action-button:active{background-color:#0000000d;box-shadow:none;transform:scale(.98)}.action-button.liked:active{background-color:#ef44441a}.action-button:focus{outline:none}.action-button:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--primary,#2563eb);outline-offset:2px}.share-container{position:relative}.share-options{animation:fadeIn .2s ease;background-color:#fff;border:1px solid #0000000d;border-radius:8px;bottom:calc(100% + 10px);box-shadow:0 2px 8px #0000001a;min-width:180px;padding:4px;position:absolute;right:0;z-index:10}.share-options button{align-items:center;background:none;border:none;border-radius:4px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.share-options button:hover{background-color:#f9fafb;background-color:var(--bg-hover,#f9fafb);transform:translateX(2px)}.share-options button svg{font-size:16px;transition:transform .2s ease}.share-options button:hover svg{transform:scale(1.1)}.share-options button:first-child:hover svg{color:#25d366}.share-options button:nth-child(2):hover svg{color:#000}.share-options button:nth-child(3):hover svg{color:#4267b2}.share-options button:nth-child(4):hover svg{color:#0077b5}.read-more-btn,.share-options button:nth-child(5):hover svg{color:#2563eb;color:var(--primary,#2563eb)}.read-more-btn{align-items:center;background-color:#eff6ff99;border:1px solid #2563eb1a;border-radius:6px;display:flex;font-size:.9rem;font-weight:600;gap:4px;gap:var(--space-1,4px);margin-bottom:12px;margin-bottom:var(--space-3,12px);margin-top:2px;padding:6px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.read-more-btn:hover{background-color:#eff6ff;background-color:var(--primary-50,#eff6ff);border-color:#2563eb33;color:#1e40af;color:var(--primary-dark,#1e40af);transform:translateY(-1px)}@media (max-width:768px){.post{border-radius:10px;margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:16px;padding:var(--space-4,16px)}.post-title{font-size:1.2rem}.post-description{font-size:.95rem}.post-actions{gap:8px}.action-button{font-size:.85rem;gap:4px;padding:4px 10px}.action-button svg{font-size:1rem}.action-button span,.github-link{font-size:.85rem}.github-link{padding:6px 12px}.skills-tags{gap:6px}.skill-tag{font-size:.8rem;padding:4px 10px}.share-options{min-width:160px}.share-options button{font-size:.85rem;padding:8px 10px}}.search-highlight{animation:highlightFade 2s ease-in-out;background-color:#ffd55666;border-radius:2px;padding:0 2px}@keyframes highlightFade{0%{background-color:#ffd556cc}to{background-color:#ffd96699}}.action-button,.github-link,.options-button{border:none;box-shadow:none;outline:none}.edit-description{border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:1rem;line-height:1.5;min-height:150px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.edit-description:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1a;outline:none}.edit-actions{justify-content:flex-end;margin-top:20px}.cancel-button,.save-button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:8px 16px;transition:all .2s ease}.save-button{background-color:var(--primary)}.save-button:hover{background-color:var(--primary-dark)}.cancel-button{background-color:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary)}.cancel-button:hover{background-color:var(--bg-hover)}[data-theme=dark] .post-title{-webkit-text-fill-color:#fff!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#fff!important}.main-container{margin:0 auto;max-width:900px}.feed-header{border-bottom:1px solid #f0f0f0;margin-bottom:32px;padding-bottom:20px;text-align:center}.feed-title{align-items:center;color:var(--text-primary);display:flex;font-size:32px;font-weight:700;justify-content:center;margin-bottom:8px}.feed-title svg{color:var(--primary);margin-right:12px}.feed-subtitle{color:var(--text-tertiary);font-size:16px;font-weight:400;margin:0 auto;max-width:600px}.search-container{margin-bottom:20px}.search-input-wrapper{position:relative;width:100%}.search-icon{color:var(--text-tertiary);font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid var(--border-medium);border-radius:12px;box-shadow:var(--shadow-sm);font-size:16px;padding:14px 14px 14px 48px;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--primary);box-shadow:var(--shadow-md);outline:none}.filter-container{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-color:var(--primary) #0000;scrollbar-width:thin}.filter-container::-webkit-scrollbar{height:4px}.filter-container::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:4px}.filter-button{background-color:var(--bg-secondary);border:none;border-radius:20px;color:var(--text-secondary);cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:500;padding:8px 16px;scroll-snap-align:start;transition:all .2s ease;white-space:nowrap}.filter-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.filter-button.active{background-color:var(--primary);color:#fff}.posts-container{min-height:200px;position:relative}.no-posts-found{background-color:var(--bg-secondary);border-radius:12px;margin-top:20px;padding:40px 20px;text-align:center}.no-posts-found svg{color:var(--gray-300);margin-bottom:16px}.no-posts-found h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.no-posts-found p{color:var(--text-secondary);margin-bottom:16px}.no-posts-found button{background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:background-color .2s}.no-posts-found button:hover{background-color:var(--primary-dark)}.feed-error-message{align-items:center;background-color:var(--danger-50);border-radius:8px;color:var(--danger);display:flex;gap:12px;margin-bottom:20px;padding:16px}.feed-error-message svg{font-size:20px}.feed-error-message button{background-color:#fff;border:1px solid var(--danger);border-radius:4px;color:var(--danger);cursor:pointer;margin-left:auto;padding:6px 12px;transition:all .2s}.feed-error-message button:hover{background-color:var(--danger);color:#fff}.search-clear-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:background-color .2s}.search-clear-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.search-results-count{background-color:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);display:inline-block;font-size:14px;margin-bottom:16px;padding:8px 12px}.search-results-count strong{color:var(--primary);font-weight:600}.filter-clear-button{background-color:var(--danger-50);border:none;border-radius:var(--radius-full);color:var(--danger);cursor:pointer;font-size:14px;font-weight:500;margin-left:auto;padding:8px 16px;transition:all .2s ease}.filter-clear-button:hover{background-color:var(--danger-100)}.loading-more{padding:20px 0;text-align:center}@media (max-width:768px){.main-container{padding:16px}.feed-title{font-size:24px}.feed-subtitle,.search-input{font-size:14px}.search-input{padding:12px 12px 12px 40px}.filter-button{font-size:13px;padding:6px 12px}}@media (max-width:480px){.filter-clear-button{margin-left:0;position:relative}}.notifications-page{margin:80px auto 40px;max-width:800px;padding:0 20px}.notifications-page-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px}.notifications-page-header h1{align-items:center;color:var(--text-primary);display:flex;flex-grow:1;font-size:24px;gap:12px;margin:0}.notifications-page-header h1 svg{color:var(--primary)}.notification-count{background-color:var(--danger);border-radius:16px;color:#fff;font-size:16px;margin-left:8px;padding:2px 8px}.notifications-actions{display:flex;gap:12px}.clear-all-btn,.mark-all-read-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.mark-all-read-btn{background-color:var(--bg-secondary);color:var(--primary)}.mark-all-read-btn:hover{background-color:var(--primary-50)}.mark-all-read-btn:disabled{cursor:not-allowed;opacity:.5}.clear-all-btn{background-color:var(--bg-secondary);color:var(--danger)}.clear-all-btn:hover{background-color:var(--danger-50)}.notifications-page-content{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.notifications-container{display:inline-block;position:relative}.notifications-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:relative;transition:background-color .2s;width:40px}.notifications-button:hover{background-color:var(--bg-hover)}.notifications-badge{align-items:center;animation:pulse 1.5s infinite;background-color:var(--danger);border-radius:9px;color:#fff;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-5px;top:-5px;z-index:1}.notifications-list{max-height:none}.notification-item{align-items:center;background-color:var(--card-bg);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;padding:15px;position:relative;transition:background-color .2s ease}.notification-item.unread{background-color:#3b82f614;background-color:rgba(var(--primary-rgb,59,130,246),.08);border-left:3px solid var(--primary);font-weight:500}.notification-item:hover{background-color:var(--hover-bg)}.notification-avatar{border-radius:50%;cursor:pointer;margin-right:15px;padding:3px;transition:background-color .2s ease,transform .2s ease}.notification-avatar:hover{background-color:var(--hover-bg);transform:scale(1.05)}.notification-icon{color:var(--text-color-secondary);font-size:1.2rem;margin-right:15px}.notification-content{flex:1 1}.notification-text{margin-bottom:5px}.action-text{color:var(--primary);font-weight:500}.notification-comment-content{border-left:2px solid var(--border-color);color:var(--text-color-secondary);padding-left:8px}.notification-time{color:var(--text-color-tertiary);font-size:.8rem}.notification-actions{align-items:center;display:flex;gap:8px}.notification-delete-btn,.notification-read-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-color-tertiary);cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background-color .2s ease,color .2s ease}.notification-delete-btn:hover,.notification-read-btn:hover{background-color:var(--hover-bg);color:var(--danger)}.notification-read-btn:hover{color:var(--primary)}.like-icon{color:var(--danger)}.comment-icon,.reply-icon{color:var(--primary)}.notification-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0;text-align:center}.empty-icon{color:var(--text-color-tertiary);font-size:3rem;margin-bottom:15px}.notification-error,.notification-loading{padding:20px;text-align:center}.notifications-empty,.notifications-error,.notifications-loading{color:var(--text-secondary);padding:60px 24px;text-align:center}.notifications-empty{align-items:center;display:flex;flex-direction:column;gap:16px}.notifications-empty h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.notifications-empty p{font-size:14px;margin:4px 0 0;max-width:400px}.notifications-error{color:var(--danger)}@media (max-width:768px){.notifications-page{margin-top:70px;padding-top:15px}.notifications-page-header{align-items:flex-start;flex-direction:column}.notifications-actions{justify-content:space-between;width:100%}.notification-text{font-size:13px}}@media (max-width:480px){.notifications-page{margin-top:70px;padding:20px 12px 0}.notification-item{padding:16px}.notification-text{line-height:1.3;white-space:normal}.notifications-actions{justify-content:space-between;width:100%}}.notification-comment-content{font-style:italic;margin-top:5px}.notification-comment-content blockquote{-webkit-line-clamp:2;-webkit-box-orient:vertical;border-left:3px solid #d1d5db;border-left:3px solid var(--border-medium,#d1d5db);color:#6b7280;color:var(--text-tertiary,#6b7280);display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0;overflow:hidden;padding-left:10px;text-overflow:ellipsis}.notification-avatar{align-items:center;display:flex;justify-content:center;margin-right:10px}.notification-username{color:var(--text-color-primary);cursor:pointer;transition:color .2s ease}.notification-username:hover{color:var(--primary);text-decoration:underline}:root{--nav-height:70px;--nav-height-mobile:60px;--primary-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--hover-gradient:linear-gradient(135deg,#4f46e5,#7c3aed);--badge-gradient:linear-gradient(135deg,#e74c3c,#c0392b);--primary:#3498db;--primary-blue:#0095f6;--primary-hover:#1aa6ff;--danger:#e74c3c;--text-primary:#262626;--text-secondary:#737373;--text-tertiary:#8e8e8e;--nav-bg:#fff;--bg-secondary:#f9fafb;--bg-hover:#f0f2f5cc;--bg-active:#e7f3ffb3;--border-color:#dbdbdb;--border-light:#e1e4e8;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 4px 20px #00000026;--transition-normal:all 0.2s ease}[data-theme=dark]{--nav-bg:#1f2937;--bg-hover:#374151cc;--bg-active:#111827b3;--border-color:#374151;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 4px 20px #0006}*{box-sizing:border-box;margin:0;padding:0}.navbar{background:#fff;background:var(--nav-bg);border-bottom:1px solid #dbdbdb;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);height:70px;height:var(--nav-height);inset:0 0 auto 0;position:fixed;width:100%;z-index:1000}.navbar-container{height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.25rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#0095f6;color:var(--primary-blue);font-size:1.5rem;font-weight:700;gap:.5rem;padding:.5rem 0;position:relative;text-decoration:none;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.05)}.navbar-logo:after{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-logo:hover:after{width:100%}.logo-icon{color:#0095f6;color:var(--primary-blue);font-size:1.75rem;transform:rotate(-10deg);transition:transform .3s ease}.navbar-logo:hover .logo-icon{transform:rotate(0deg) scale(1.1)}.nav-links,.navbar-content{align-items:center;display:flex;height:100%}.nav-links{gap:.75rem;margin-right:1rem}.bottom-nav-item,.nav-link{align-items:center;background:#0000;border:none;color:#262626;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;position:relative;transition:all .2s ease}.nav-link{border-radius:8px;font-size:.95rem;height:2.5rem;padding:.5rem .875rem}.nav-link:hover{background-color:#f0f2f5cc;background-color:var(--bg-hover);transform:translateY(-1px)}.nav-link.active,.nav-link:hover{color:#0095f6;color:var(--primary-blue)}.nav-link.active{background-color:#e7f3ffb3;background-color:var(--bg-active);font-weight:600}.nav-link.active:after{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:3px;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.bottom-nav-item svg,.nav-link svg{transition:transform .2s ease}.bottom-nav-item:hover svg,.nav-link:hover svg{transform:scale(1.1)}.notification-icon{position:relative}.bottom-nav-badge,.nav-badge,.notification-icon{align-items:center;display:flex;justify-content:center}.bottom-nav-badge,.nav-badge{animation:pulse 1.5s infinite;background:linear-gradient(135deg,#e74c3c,#c0392b);background:var(--badge-gradient);border-radius:9px;box-shadow:0 2px 5px #0003;color:#fff;font-size:.65rem;font-weight:700;position:absolute}.nav-badge{height:18px;min-width:18px;padding:0 5px;right:-10px;top:-12px}.profile-menu-container{margin-left:.5rem;position:relative}.avatar-button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;overflow:hidden;padding:.25rem;transition:all .2s ease}.avatar-button:hover{box-shadow:0 0 0 2px #0095f64d;transform:scale(1.05)}.letter-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--primary-gradient);border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:1rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.mobile-profile-dropdown,.profile-dropdown{background:#fff;background:var(--bg-primary);border:1px solid #e1e4e8;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-lg);overflow:hidden;width:220px;z-index:1002}.profile-dropdown{animation:slideDown .2s ease;position:absolute;right:0;top:calc(100% + .75rem)}.mobile-profile-dropdown{animation:slideUp .2s ease-out;bottom:calc(100% + 10px);position:absolute;right:0}.dropdown-header{background:linear-gradient(90deg,#f0f2f580,#ffffff80);border-bottom:1px solid #e1e4e8;border-bottom:1px solid var(--border-light);padding:1rem;padding:var(--space-4)}.dropdown-header span{color:#262626;color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-1)}.dropdown-header small{color:#8e8e8e;color:var(--text-tertiary);display:block;font-size:.825rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item{align-items:center;background:none;border:none;color:#262626;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;gap:var(--space-3);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-align:left;transition:all .2s ease;transition:var(--transition-normal);width:100%}.dropdown-item:hover{background:#f0f2f5cc;background:var(--bg-hover)}.dropdown-item svg{color:#737373;color:var(--text-secondary);font-size:1.125rem;transition:color .2s ease}.dropdown-item:hover svg{color:#0095f6;color:var(--primary-blue)}.dropdown-item:last-child{color:#e74c3c;color:var(--danger)}.mobile-profile-container{position:relative;z-index:1001}.mobile-overlay{animation:fadeIn .2s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;touch-action:auto;z-index:1000}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.mobile-toggle{background:#0000;border:none;border-radius:8px;color:#262626;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:background-color .2s ease}.mobile-toggle:hover{background-color:#f0f2f5cc;background-color:var(--bg-hover);color:#0095f6;color:var(--primary-blue)}.mobile-bottom-navbar{background:#fff;background:var(--bg-primary);border-top:1px solid #e1e4e8;border-top:1px solid var(--border-light);bottom:0;display:none;left:0;padding:.5rem;padding:var(--space-2);position:fixed;right:0;z-index:1000}@media (max-width:768px){.mobile-bottom-navbar{align-items:center;display:flex;justify-content:space-around}.bottom-nav-item{align-items:center;background:none;border:none;color:#737373;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;gap:.25rem;gap:var(--space-1);padding:.5rem;padding:var(--space-2);transition:color all .2s ease;transition:color var(--transition-normal)}.bottom-nav-item span{font-size:.7rem}.bottom-nav-item.active{color:#3498db;color:var(--primary)}.bottom-nav-item svg{font-size:1.2rem}.navbar-content{display:none}}.main-container{margin-top:70px;margin-top:var(--nav-height);padding:20px}.theme-toggle{background:#0000;border-radius:8px;color:#262626;font-size:1.25rem;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.theme-toggle:hover{background-color:#f0f2f5cc;transform:translateY(-1px)}[data-theme=dark] .navbar{background-color:#fff;background-color:var(--nav-bg);border-bottom-color:#dbdbdb;border-bottom-color:var(--border-color)}[data-theme=dark] .navbar-logo{color:#0095f6;color:var(--primary-blue)}[data-theme=dark] .mobile-bottom-navbar{background-color:#fff;background-color:var(--nav-bg);border-top-color:#dbdbdb;border-top-color:var(--border-color)}[data-theme=dark] .mobile-profile-dropdown,[data-theme=dark] .profile-dropdown{background-color:#f9fafb;background-color:var(--bg-secondary);border-color:#dbdbdb;border-color:var(--border-color)}[data-theme=dark] .dropdown-item:hover{background-color:#f0f2f5cc;background-color:var(--bg-hover)}@media (min-width:769px){.theme-toggle-mobile{display:none}}@media (max-width:768px){.theme-toggle{display:none}}:root{--form-max-width:800px;--form-padding:2rem;--form-border-radius:8px;--input-border-radius:4px}.create-form{background:var(--bg-primary);border-radius:8px;border-radius:var(--form-border-radius);box-shadow:var(--shadow-md);margin:80px auto;max-width:800px;max-width:var(--form-max-width);padding:2rem;padding:var(--form-padding)}.form-header{margin-bottom:2rem;text-align:center}.form-title{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;gap:.5rem;justify-content:center;margin-bottom:.5rem}.form-subtitle{color:var(--text-tertiary);font-size:1.1rem}.form-label{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem}.input-description,.input-github,.input-skills,.input-title{border:1px solid var(--border-medium);border-radius:4px;border-radius:var(--input-border-radius);font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.input-description:focus,.input-github:focus,.input-skills:focus,.input-title:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-100);outline:none}.input-description{min-height:120px;resize:vertical}.form-helper{color:var(--text-tertiary)}.error-message,.form-helper{font-size:.875rem;margin-top:.5rem}.submit-button{align-items:center;background-color:var(--primary);border:none;border-radius:4px;border-radius:var(--input-border-radius);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:background-color .2s ease;width:100%}.submit-button:hover:not(:disabled){background-color:var(--primary-dark)}.submit-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.create-form{margin:80px 1rem;padding:1rem}.form-title{font-size:1.5rem}.form-subtitle{font-size:1rem}}.profile-page{margin:80px auto 0;max-width:1200px;min-height:calc(100vh - 80px);padding:var(--space-4)}.error-message{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);text-align:center}.error-message h2{color:var(--danger);margin-bottom:var(--space-4)}.error-message p{color:var(--text-secondary);margin-bottom:var(--space-6)}.profile-container{display:flex;flex-direction:column;gap:var(--space-6)}.profile-header{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-wrap:wrap;gap:var(--space-8);overflow:hidden;padding:var(--space-8) var(--space-6);position:relative}.profile-header:before{background:linear-gradient(90deg,#4a6cf7,#6c47ff);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.profile-left-column{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:280px;position:relative;text-align:center;z-index:1}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 20px #0000001a;color:#fff;display:flex;font-size:3.5rem;font-weight:700;height:140px!important;justify-content:center;margin-bottom:var(--space-4);transition:transform .3s ease;width:140px!important}.profile-avatar:hover{transform:scale(1.05)}.profile-user-info{margin-bottom:var(--space-4)}.profile-name{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--primary),var(--primary-dark));-webkit-background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--space-2)}.profile-email{color:var(--text-secondary);font-size:1.1rem}.edit-profile-btn{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:var(--radius-full);box-shadow:0 4px 15px #4a6cf733;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all .3s ease}.edit-profile-btn:hover{box-shadow:0 6px 20px #4a6cf74d;transform:translateY(-2px)}.profile-right-column{display:flex;flex:2 1;flex-direction:column;gap:var(--space-6);min-width:300px;position:relative;z-index:1}.profile-stats{display:flex;gap:var(--space-8);justify-content:center;margin:var(--space-6) 0}.stat-item{flex:1 1;max-width:180px;padding:var(--space-4);position:relative;text-align:center;transition:all .3s ease}.stat-item:after{background:linear-gradient(to right,var(--primary),var(--primary-dark));border-radius:var(--radius-full);bottom:-4px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform .3s ease;width:40px}.stat-item:hover:after{transform:translateX(-50%) scaleX(1)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;display:block;font-size:2.5rem;font-weight:800;margin-bottom:var(--space-2);transition:transform .3s ease}.stat-item:hover .stat-value{transform:translateY(-2px)}.stat-label{color:var(--text-secondary);font-size:1.1rem;font-weight:500;transition:color .3s ease}.stat-item:hover .stat-label{color:var(--primary)}.profile-meta{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center;margin-top:var(--space-4)}.meta-item{align-items:center;background:#ffffff0d;border-radius:var(--radius-full);color:var(--text-secondary);display:flex;font-size:1rem;gap:var(--space-3);padding:var(--space-2) var(--space-4);transition:all .3s ease}.meta-item:hover{background:#ffffff1a;transform:translateY(-2px)}.meta-icon{color:var(--primary);font-size:1.2rem}.projects-section{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border:1px solid #ffffff1a;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-top:var(--space-6);padding:var(--space-6)}.section-title{font-size:1.75rem;font-weight:700;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);position:relative}.section-title:after{background:linear-gradient(to right,var(--primary),var(--primary-dark));border-radius:var(--radius-full);bottom:0;content:"";height:4px;left:0;position:absolute;width:80px}.section-icon{color:var(--primary);font-size:1.5rem}.profile-posts{margin-top:var(--space-4)}.posts-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-posts{background-color:var(--bg-secondary);border:1px dashed var(--border-medium);border-radius:var(--radius-md);padding:var(--space-8);text-align:center}.no-posts p{color:var(--text-tertiary);margin-bottom:var(--space-4)}.no-posts button{align-items:center;display:flex;gap:var(--space-2);margin:0 auto}.skills-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:.75rem 0}.activity-grid{grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.activity-card{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:all var(--transition-normal)}.activity-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.activity-icon{color:var(--primary);font-size:2rem;margin-bottom:var(--space-3)}.activity-card h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:var(--space-2)}.activity-card p{color:var(--text-secondary);font-size:.9rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.messages-container{margin-bottom:var(--space-4)}@media (max-width:992px){.profile-header{align-items:center;flex-direction:column;padding:var(--space-6) var(--space-4);text-align:center}.profile-right-column{align-items:center;width:100%}.profile-stats{margin:var(--space-4) 0}.stat-item{max-width:150px}}@media (max-width:768px){.profile-page{padding:var(--space-3)}.profile-name{font-size:1.75rem}.profile-avatar{font-size:3rem;height:120px!important;width:120px!important}.profile-stats{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.stat-item{flex:1 1;min-width:120px}.stat-value{font-size:2rem}.stat-label{font-size:1rem}.meta-item{font-size:.9rem}}@media (max-width:480px){.profile-header{padding:var(--space-4) var(--space-3)}.profile-avatar{font-size:2.5rem;height:100px!important;width:100px!important}.profile-name{font-size:1.5rem}.profile-email{font-size:.9rem}.stat-item{min-width:100px}.stat-value{font-size:1.75rem}.stat-label{font-size:.9rem}.section-title{font-size:1.5rem}.meta-item{justify-content:center;width:100%}}.profile-nav{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;justify-content:center;margin-bottom:24px;padding:12px}.nav-tab{background:none;border:none;border-radius:6px;color:#555;cursor:pointer;font-size:15px;font-weight:500;margin:0 4px;padding:10px 20px;transition:all .2s ease}.nav-tab:hover{background-color:#f5f5f5;color:#333}.nav-tab.active{background-color:#4a6cf7;color:#fff}.profile-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;min-height:300px;padding:24px}.no-posts-message{color:#666;margin-top:60px;text-align:center}.edit-profile-form{gap:16px}.edit-profile-form,.form-field{display:flex;flex-direction:column}.form-field{gap:6px}.form-field label{color:#444;font-size:14px;font-weight:500}.form-field input,.form-field textarea{border:1px solid #ddd;border-radius:6px;font-size:15px;padding:10px 12px;transition:border-color .2s}.form-field input:focus,.form-field textarea:focus{border-color:#4a6cf7;outline:none}.form-field textarea{min-height:100px;resize:vertical}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.cancel-btn,.save-btn{border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#444}.cancel-btn:hover{background-color:#e5e5e5}.save-btn{background-color:#4a6cf7;border:none;color:#fff}.save-btn:hover{background-color:#3a5ce5}.edit-post-form{width:100%}.edit-post-form .form-group{margin-bottom:1rem}.edit-post-form label{color:var(--gray-700);display:block;font-weight:var(--font-medium);margin-bottom:.5rem}.edit-input{border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}textarea.edit-input{min-height:100px;resize:vertical}.edit-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4f46e51a;outline:none}.form-help{color:var(--gray-500);font-size:.85rem;margin-top:.5rem}.edit-actions{display:flex;gap:12px;margin-top:1.5rem;width:100%}.edit-actions .btn{flex:1 1;padding:10px 20px}.btn{border-radius:6px;font-size:.95rem;gap:8px;min-width:100px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn svg{font-size:1.2rem;height:1.2rem;width:1.2rem}.btn-primary{flex:1 1}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{color:var(--gray-700);flex:1 1}.btn-secondary:hover{transform:translateY(-1px)}.btn-edit{background-color:var(--primary);color:#fff;flex:1 1;padding:8px 20px}.btn-edit:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.btn-delete{background-color:var(--danger-light);color:var(--danger);flex:1 1;padding:8px 20px}.btn-delete:hover{background-color:var(--danger);color:#fff;transform:translateY(-1px)}.activity-section,.skills-section{margin:1.5rem 0}.activity-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:.75rem}.activity-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000000d;padding:1.25rem;text-align:center;transition:all .3s ease}.activity-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.activity-icon{color:#3498db;font-size:1.75rem;margin-bottom:.75rem}.activity-card h3{color:#2c3e50;font-size:1rem;margin-bottom:.4rem}.activity-card p{color:#6c757d;font-size:.85rem}.activity-card:hover .activity-icon{color:#8e44ad;transform:scale(1.1)}@media (max-width:768px){.profile-header{align-items:center;flex-direction:column}.profile-avatar{margin-bottom:24px;margin-right:0;width:100%}.profile-stats{justify-content:center}.nav-tab{font-size:14px;padding:8px 16px}.activity-grid{grid-template-columns:1fr}}@media (max-width:480px){.profile-stats{justify-content:space-around;width:100%}.stat-item{margin-right:0}.nav-tab{font-size:.75rem;margin-top:12px;max-width:120px;padding:4px 10px}}.activity-section,.projects-section,.skills-section{margin:1.5rem 0}.section-title{gap:8px}.section-icon{color:#3498db}.profile-container{animation:fadeIn .5s ease}.profile-stats .stat-item:hover .stat-value{color:#0095f6}.profile-container:before{background:linear-gradient(90deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.messages-container{top:80px}.change-password-btn{align-items:center;background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;gap:6px;justify-content:center;margin-top:16px;max-width:200px;padding:6px 16px;transition:all .3s ease;width:100%}.change-password-btn:hover{background:#c0392b}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container .edit-input{padding-right:40px}.password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px}.password-toggle:hover{color:#333}.not-found-message{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:500px;padding:2rem;text-align:center}.not-found-message h2{color:#343a40;margin-bottom:1rem}.not-found-message p{color:#6c757d;margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--primary:#3a86ff;--primary-dark:#2563eb;--primary-light:#60a5fa;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--danger-dark:#dc2626;--info:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-500);--text-placeholder:var(--gray-400);--text-disabled:var(--gray-300);--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--bg-hover:var(--gray-100);--bg-input:#fff;--border-light:var(--gray-200);--border-medium:var(--gray-300);--border-dark:var(--gray-400);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:1000;--z-modal:1500;--z-tooltip:2000;--bottom-nav-height:60px}[data-theme=dark]{--primary:#60a5fa;--primary-dark:#3b82f6;--primary-light:#93c5fd;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-tertiary:#d1d5db;--text-placeholder:#9ca3af;--text-disabled:#6b7280;--text-inverse:#111827;--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--bg-hover:#374151;--bg-input:#1f2937;--border-light:#374151;--border-medium:#4b5563;--border-dark:#6b7280;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--project-title-color:#fff;--button-text-color:#111827;--button-bg-color:#60a5fa;--card-bg-color:#1f2937;--card-border-color:#374151;--card-text-color:#f3f4f6;--card-icon-color:#60a5fa}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--bg-secondary);color:#111827;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh;transition:background-color .3s ease,color .3s ease}img,svg{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--text-primary);font-weight:700;line-height:1.2;margin-bottom:.5em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:#3a86ff;color:var(--primary);text-decoration:none;transition:color .3s ease;transition:color var(--transition-normal)}a:hover{color:#2563eb;color:var(--primary-dark)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4);width:100%}.page-container{padding:2rem 0;padding:var(--space-6) 0}.card{background-color:#fff;background-color:var(--bg-primary);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:2rem;padding:var(--space-6);transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.btn{border-radius:.375rem;display:inline-flex;font-weight:500;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-align:center;transition:all .3s ease;transition:all var(--transition-normal)}.btn-primary{background-color:#3a86ff}.btn-primary:hover{background-color:#2563eb;background-color:var(--primary-dark)}.btn-secondary{background-color:#e5e7eb;background-color:var(--gray-200);color:#1f2937;color:var(--gray-800)}.btn-secondary:hover{background-color:#d1d5db;background-color:var(--gray-300)}.btn-danger{background-color:#ef4444}.btn-danger:hover{background-color:#dc2626;background-color:var(--danger-dark)}.btn-sm{font-size:.875rem;padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.btn-lg{font-size:1.125rem;padding:.75rem 2rem;padding:var(--space-3) var(--space-6)}.form-group{margin-bottom:1rem;margin-bottom:var(--space-4)}.form-label{display:block;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #d1d5db;border:1px solid var(--border-medium);border-radius:.375rem;border-radius:var(--radius-md);padding:.75rem;padding:var(--space-3);transition:border-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%}.form-input:focus{border-color:#3a86ff;border-color:var(--primary);box-shadow:0 0 0 3px #60a5fa;box-shadow:0 0 0 3px var(--primary-light);outline:none}.text-center{text-align:center}.text-right{text-align:right}.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-2{gap:.5rem;gap:var(--space-2)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:2rem;gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.m-2{margin:.5rem;margin:var(--space-2)}.m-4{margin:1rem;margin:var(--space-4)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-8{margin-bottom:3rem;margin-bottom:var(--space-8)}.p-4{padding:1rem;padding:var(--space-4)}.py-2{padding:.5rem 0;padding:var(--space-2) 0}.px-4{padding:0 1rem;padding:0 var(--space-4)}.main-container{margin:80px auto 0;max-width:1200px;min-height:calc(100vh - 80px);padding:1.5rem}@media (max-width:768px){html{font-size:14px}.container{padding:0 .75rem;padding:0 var(--space-3)}.page-container{padding:1rem 0;padding:var(--space-4) 0}.main-container{margin:60px auto;margin:60px auto var(--bottom-nav-height);min-height:calc(100vh - 120px);min-height:calc(100vh - 60px - var(--bottom-nav-height));padding:1.5rem 1rem 2rem}}@media (max-width:480px){html{font-size:12px}h1{font-size:2rem}h2{font-size:1.75rem}}.fade-in{animation:fadeIn .3s ease-in-out}.scale-in{animation:scaleIn .3s ease-out}.screen-reader-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.transition-theme{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.auth-container,.create-post-page,.feed-container,.notifications-page,.post-page,.profile-page,.settings-page{padding-bottom:80px}.theme-toggle{align-items:center;background:none;border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .3s ease;transition:background-color var(--transition-normal)}.theme-toggle:hover{background-color:#f3f4f6;background-color:var(--bg-hover)}.theme-toggle svg{font-size:1.25rem;transition:transform .3s ease;transition:transform var(--transition-normal)}.theme-toggle:hover svg{transform:rotate(30deg)}[data-theme=dark] .card{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}[data-theme=dark] .btn-secondary{background-color:#f3f4f6;background-color:var(--bg-tertiary);color:#374151;color:var(--text-secondary)}[data-theme=dark] .btn-secondary:hover{background-color:#d1d5db;background-color:var(--border-medium)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:#fff;background-color:var(--bg-input);border-color:#d1d5db;border-color:var(--border-medium);color:#111827;color:var(--text-primary)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#9ca3af;color:var(--text-placeholder)}[data-theme=dark] .form-input:focus{border-color:#3a86ff;border-color:var(--primary);box-shadow:0 0 0 2px #60a5fa4d}.post-title,h2{color:#1f2937;color:var(--project-title-color,#1f2937);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.read-more-btn{background-color:#3a86ff;background-color:var(--button-bg-color,#3a86ff);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;color:var(--button-text-color,#fff);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.read-more-btn:hover{opacity:.9;transform:translateY(-2px)}.activity-card{background-color:#fff;background-color:var(--card-bg-color,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border-color,var(--border-light));border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1rem;margin-bottom:var(--space-4);padding:1.5rem;padding:var(--space-5);transition:transform .2s ease,box-shadow .2s ease}.activity-card h3{color:#111827;color:var(--card-text-color,var(--text-primary));font-size:1.25rem;margin-bottom:.75rem;margin-bottom:var(--space-3);text-align:center}.activity-card p{color:#374151;color:var(--card-text-color,var(--text-secondary));font-size:1.1rem;text-align:center}.activity-card .card-icon,.activity-card svg{color:#3a86ff;color:var(--card-icon-color,var(--primary));font-size:2rem;margin-bottom:.75rem;margin-bottom:var(--space-3)}.theme-toggle-mobile{align-items:center;background:#0000;border:none;color:#111827;color:var(--text-primary);display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.theme-toggle-mobile:hover{background-color:#f3f4f6;background-color:var(--bg-hover)}.theme-toggle-mobile svg{font-size:1.1rem}[data-theme=dark] .post-grid h2,[data-theme=dark] .post-title,[data-theme=dark] .post-title h2,[data-theme=dark] div.post-title,[data-theme=dark] h2.post-title{color:#fff!important}[data-theme=dark]{--project-title-color:#fff!important}[data-theme=dark] .post-title h2,[data-theme=dark] h2.post-title,html[data-theme=dark] .post-title,html[data-theme=dark] [class*=post-title],html[data-theme=dark] h2{color:#fff!important}:root{--settings-max-width:600px;--section-spacing:2rem}.settings-container{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:2rem auto;max-width:600px;max-width:var(--settings-max-width);padding:2rem;position:relative}.settings-header{margin-bottom:2rem;margin-bottom:var(--section-spacing);text-align:center}.settings-title{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.settings-description{color:var(--text-tertiary);font-size:1.1rem}.settings-section{background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:2rem;margin-bottom:var(--section-spacing);padding:1.5rem}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;gap:.5rem;margin-bottom:1rem}.settings-form{display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#4b5563;color:var(--text-secondary,#4b5563);display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #d1d5db;border:1px solid var(--border-medium,#d1d5db);border-radius:6px;border-radius:var(--radius-md,6px);font-size:.95rem;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#3a86ff;border-color:var(--primary,#3a86ff);box-shadow:0 0 0 3px #3a86ff33;outline:none}.field-help{color:#6b7280;color:var(--text-tertiary,#6b7280);font-size:.85rem;margin-top:8px}.password-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.password-input-wrapper input{border:1px solid #d1d5db;border:1px solid var(--border-medium,#d1d5db);border-radius:6px;border-radius:var(--radius-md,6px);font-size:.95rem;padding:12px 40px 12px 12px;transition:all .3s ease;width:100%}.password-input-wrapper input:focus{border-color:#3a86ff;border-color:var(--primary,#3a86ff);box-shadow:0 0 0 3px #3a86ff33;outline:none}.toggle-password{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-tertiary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:2}.toggle-password:hover{color:#111827;color:var(--text-primary,#111827)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:background-color .2s ease}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--danger-dark)}.btn:disabled{cursor:not-allowed;opacity:.7}.success-message{background-color:var(--success-50);color:var(--success)}.error-message,.success-message{border-radius:var(--radius-md);margin-top:1rem;padding:.75rem}.error-message{background-color:var(--danger-50);color:var(--danger)}@media (max-width:768px){.settings-container{margin:1rem;padding:1rem}.settings-title{font-size:1.5rem}.settings-description{font-size:1rem}.btn{width:100%}}.settings-page{margin:90px auto;max-width:800px;padding:0 20px}.settings-container:before{background:linear-gradient(to right,var(--primary),var(--primary-dark));content:"";height:4px;left:0;position:absolute;right:0;top:0}.settings-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.settings-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:600}.settings-section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.settings-section h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;gap:8px;margin-bottom:20px}.settings-input{border:2px solid var(--border-medium);border-radius:var(--radius-md);font-size:.95rem;padding:12px;transition:all .3s ease;width:100%}.settings-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100);outline:none}.save-button{align-items:center;background:linear-gradient(135deg,#3a86ff,#2563eb);background:linear-gradient(135deg,var(--primary,#3a86ff),var(--primary-dark,#2563eb));border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.save-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.save-button:disabled{background:#d1d5db;background:var(--gray-300,#d1d5db);box-shadow:none;cursor:not-allowed;transform:none}.back-button{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;padding:10px 20px;transition:all .3s ease}.back-button:hover{background:var(--bg-hover);transform:translateX(-2px)}.settings-section{animation:slideIn .5s ease forwards}@media (max-width:768px){.settings-header{align-items:flex-start;flex-direction:column;gap:16px}.settings-container,.settings-section{padding:20px}}.messages-container{display:flex;flex-direction:column;gap:8px;left:50%;max-width:600px;position:fixed;top:20px;transform:translateX(-50%);width:90%;z-index:1000}.message{align-items:center;animation:slideDown .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:10px;padding:15px}.message-error{background:#fff;border-left:4px solid #dc3545}.message-success{background:#fff;border-left:4px solid #28a745}.message-icon{font-size:20px}.message-error .message-icon{color:#dc3545}.message-success .message-icon{color:#28a745}.message-content{color:#333;flex-grow:1;font-size:14px}.message-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.message-close:hover{color:#333}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}.danger-zone{background-color:#ef44440d;border:1px solid #ef4444;border:1px solid var(--danger,#ef4444)}.danger-zone h2{color:#dc2626}.danger-zone-content{display:flex;flex-direction:column;gap:16px}.warning-text{color:#b91c1c;color:var(--danger-dark,#b91c1c);font-size:.9rem;margin-bottom:16px}.deactivate-button{background-color:#ef4444;background-color:var(--danger,#ef4444);border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.deactivate-button:hover{background-color:#b91c1c;background-color:var(--danger-dark,#b91c1c)}.dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialog-content{animation:slideIn .3s ease;background:#fff;border-radius:12px;max-width:500px;padding:24px;width:90%}.dialog-content h3{color:#dc2626;margin-bottom:16px}.dialog-content ul{margin:16px 0;padding-left:20px}.dialog-content li{color:#4a5568;margin-bottom:8px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button{background-color:#f3f4f6;background-color:var(--gray-100,#f3f4f6);border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#111827;color:var(--text-primary,#111827);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.cancel-button:hover{background-color:#e5e7eb;background-color:var(--gray-200,#e5e7eb)}.confirm-button{background-color:#ef4444;background-color:var(--danger,#ef4444);border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.confirm-button:hover{background-color:#b91c1c;background-color:var(--danger-dark,#b91c1c)}.confirm-button:disabled{background-color:#d1d5db;background-color:var(--gray-300,#d1d5db);cursor:not-allowed}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.info-message{background-color:#f8f9fa;border-left:4px solid #17a2b8;margin-bottom:16px;padding:12px}.google-account-link{background-color:#4285f4;border-radius:4px;color:#fff;display:inline-block;margin-top:10px;padding:10px 16px;text-decoration:none;transition:background-color .2s}.google-account-link:hover{background-color:#3367d6;color:#fff}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.single-post-page{margin:80px auto 40px;max-width:800px;padding:0 20px}.single-post-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:16px;margin-bottom:24px;padding-bottom:16px;padding-top:24px}.single-post-header h1{color:var(--text-primary);font-size:24px;margin:0}.back-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:background-color .2s}.back-button:hover{background-color:var(--bg-secondary)}.post-error,.post-not-found,.single-post-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.post-error,.post-not-found{padding:60px 24px;text-align:center}.error-icon{color:var(--danger);font-size:48px;margin-bottom:16px}.post-error h2,.post-not-found h2{color:var(--text-primary);font-size:22px;margin:0 0 12px}.post-error p,.post-not-found p{color:var(--text-secondary);font-size:16px;margin:0 0 24px}.back-to-feed-btn{align-items:center;background-color:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s}.back-to-feed-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px)}@media (max-width:768px){.single-post-page{margin-top:60px;padding:0 12px}}.keyboard-shortcuts-container{color:var(--text-primary);margin:0 auto;max-width:800px;padding:2rem}.keyboard-shortcuts-container h1{border-bottom:2px solid var(--border-light);color:var(--primary);font-size:2rem;margin-bottom:1.5rem;padding-bottom:1rem}.intro-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.shortcut-category{margin-bottom:2.5rem}.shortcut-category h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem;padding-left:1rem;position:relative}.shortcut-category h2:before{background-color:var(--primary);border-radius:2px;bottom:.5rem;content:"";left:0;position:absolute;top:.5rem;width:4px}.shortcuts-table{border-collapse:collapse;border-radius:8px;box-shadow:var(--shadow-sm);margin-top:1rem;overflow:hidden;width:100%}.shortcuts-table th{background-color:var(--primary-light);color:var(--text-primary);font-weight:600;padding:1rem;text-align:left}.shortcuts-table tr:nth-child(2n){background-color:var(--bg-secondary)}.shortcuts-table td{border-top:1px solid var(--border-light);padding:.8rem 1rem}.key-column{white-space:nowrap;width:30%}kbd{background-color:var(--bg-light);border:1px solid var(--border-medium);border-radius:3px;box-shadow:0 1px 1px #0000001a;color:var(--primary-dark);display:inline-block;font-family:monospace;font-size:.9rem;line-height:1.4;margin:0 .2rem;padding:.2rem .5rem}.aria-info{background-color:var(--bg-secondary);border-left:4px solid var(--primary);border-radius:8px;margin-top:2rem;padding:1.5rem}.aria-info h2{color:var(--primary);font-size:1.3rem;margin-bottom:1rem}.aria-info p{color:var(--text-secondary);line-height:1.6}@media (max-width:768px){.keyboard-shortcuts-container{margin:30px auto 60px;padding:1rem}.shortcuts-table td,.shortcuts-table th{padding:.6rem}kbd{font-size:.8rem;padding:.1rem .3rem}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.1dc6562d.css.map*/