body{margin-left:3%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#bb5858;background:#000 url(http://www.rotate.com/wp-content/uploads/2013/04/Rotate_BG_4.jpg) top no-repeat fixed;max-width:90%;max-height:90%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.user-posts-container{background:#f9f9f9;border-radius:6px;padding:1.5rem;border:1px solid #e5e5e5}.loading-indicator{display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;color:#6a6a6a;font-size:.9rem;padding:1rem}.mini-spinner{width:20px;height:20px;border:2px solid #e5e5e5;border-top-color:#1a1a1a;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.empty-state{padding:2rem 1rem}.empty-state-icon{font-size:3rem;margin-bottom:.75rem}.empty-state-title{font-size:1.1rem}.empty-state-message{font-size:.9rem;line-height:1.5}.user-posts-list{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.user-post-item{background:#fff;border-radius:4px;padding:1rem;border:1px solid #e5e5e5;transition:border-color .2s ease;cursor:pointer}.user-post-item:hover{border-color:#1a1a1a}.user-post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;grid-gap:.5rem;gap:.5rem}.user-post-title-row{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;flex:1 1}.user-post-title{color:#1a1a1a;font-size:.95rem;font-weight:500;margin:0;line-height:1.4;flex:1 1}.draft-badge{background:#fef3c7;color:#92400e;border-radius:4px;font-weight:500;border:1px solid #fde68a}.draft-badge,.user-post-date{padding:.25rem .5rem;font-size:.75rem;white-space:nowrap}.user-post-date{color:#8a8a8a;font-weight:400;background:#f9f9f9;border-radius:4px}.user-post-preview{color:#4a4a4a}.user-post-preview p{margin:0;font-size:.85rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.user-post-actions{display:flex;grid-gap:.5rem;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e5e5}.delete-post-btn,.edit-post-btn{flex:1 1;padding:.5rem .75rem;border:1px solid #e5e5e5;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background:#fff}.edit-post-btn{color:#1a1a1a}.edit-post-btn:hover{background:#f5f5f5;border-color:#1a1a1a}.delete-post-btn{color:#dc2626;border-color:#fecaca}.delete-post-btn:hover{background:#fef2f2;border-color:#dc2626}.refresh-posts{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.2)}.refresh-posts-btn{background:#fff;color:#1a1a1a;border:1px solid #e5e5e5;padding:.75rem 1.5rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-posts-btn:hover:not(:disabled){background:#f5f5f5;border-color:#1a1a1a}.refresh-posts-btn:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;transform:none}@media (max-width:768px){.user-posts-container{padding:1rem}.user-post-item{padding:.875rem}.user-post-header{flex-direction:column;align-items:flex-start;grid-gap:.25rem;gap:.25rem}.user-post-date{align-self:flex-start}.refresh-posts-btn{padding:.625rem 1.25rem;font-size:.85rem}}@media (max-width:480px){.user-posts-container{padding:.875rem}.user-post-item{padding:.75rem}.user-post-title{font-size:.95rem}.user-post-preview p{font-size:.8rem}.refresh-posts-btn{padding:.5rem 1rem;font-size:.8rem}}.refresh-posts-btn:focus-visible,.user-post-item:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}.skeleton{background:#fff;border-radius:6px;border:1px solid #e5e5e5;padding:1.5rem;-webkit-animation:pulse 1.5s ease-in-out infinite;animation:pulse 1.5s ease-in-out infinite}.skeleton-blog-card{min-height:200px}.skeleton-post-item{min-height:120px}.skeleton-line{height:12px;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 50%,#f0f0f0);background-size:200% 100%;border-radius:4px;margin-bottom:.75rem;-webkit-animation:shimmer 1.5s infinite;animation:shimmer 1.5s infinite}.skeleton-header{margin-bottom:1rem}.skeleton-title{width:70%;height:16px;margin-bottom:.5rem}.skeleton-author{width:40%;height:12px}.skeleton-content{margin-bottom:1rem}.skeleton-content .skeleton-line{width:100%}.skeleton-content .skeleton-line:last-child{width:60%}.skeleton-short{width:50%!important}.skeleton-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e5e5}.skeleton-date{width:30%;height:10px}@-webkit-keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.edit-modal-content{background:#fff;border-radius:6px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.15)}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e5e5}.edit-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a1a1a}.edit-modal-close{background:none;border:none;font-size:24px;color:#6a6a6a;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.edit-modal-close:hover{background:#f5f5f5;color:#1a1a1a}.edit-error-message{margin:1rem 1.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.9rem}.edit-form{padding:1.5rem}.form-label{font-weight:500;color:#1a1a1a}.char-count{font-size:.85rem;color:#6a6a6a}.edit-body-textarea,.edit-title-input{width:100%;padding:.75rem;border:1px solid #e5e5e5;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .2s}.edit-body-textarea:focus,.edit-title-input:focus{outline:none;border-color:#1a1a1a}.edit-body-textarea{resize:vertical;min-height:200px}.edit-modal-actions{display:flex;grid-gap:1rem;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e5e5}.cancel-button,.draft-button,.save-button{padding:.75rem 1.5rem;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.save-button{background:#1a1a1a;color:#fff}.save-button:hover:not(:disabled){background:#333}.save-button:disabled{opacity:.6;cursor:not-allowed}.draft-button{background:#6b7280}.draft-button:hover:not(:disabled){background:#4b5563}.cancel-button:hover:not(:disabled){background:#f5f5f5;border-color:#1a1a1a}.cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.edit-modal-content{max-width:100%;max-height:100vh;border-radius:0}.edit-modal-actions{flex-direction:column-reverse}.cancel-button,.draft-button,.save-button{width:100%}}.rich-text-editor-container{width:100%;margin-bottom:1rem;position:relative}.rich-text-editor-toolbar{display:flex;grid-gap:.5rem;gap:.5rem;margin-bottom:.75rem;padding:.5rem;background:#f8f9fa;border-radius:4px 4px 0 0;border:1px solid #e5e5e5;border-bottom:none}.toolbar-btn{padding:.5rem 1rem;background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#1a1a1a;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;grid-gap:.25rem;gap:.25rem}.toolbar-btn:hover:not(:disabled){background:#f0f0f0;border-color:#1a1a1a}.toolbar-btn:disabled{opacity:.6;cursor:not-allowed}.youtube-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem}.youtube-dialog{background:#fff;border-radius:8px;max-width:500px;width:100%;box-shadow:0 10px 40px rgba(0,0,0,.2);-webkit-animation:slideUp .2s ease-out;animation:slideUp .2s ease-out}.youtube-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e5e5}.youtube-dialog-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1a1a1a}.youtube-dialog-close{background:none;border:none;font-size:1.5rem;color:#6a6a6a;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.youtube-dialog-close:hover{color:#1a1a1a}.youtube-dialog-content{padding:1.5rem}.youtube-dialog-content p{margin:0 0 1rem;color:#6a6a6a;font-size:.9rem}.youtube-url-input{width:100%;padding:.75rem;border:1px solid #e5e5e5;border-radius:4px;font-size:.9rem;margin-bottom:1rem;transition:border-color .2s}.youtube-url-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.youtube-dialog-actions{display:flex;grid-gap:.75rem;gap:.75rem;justify-content:flex-end}.youtube-dialog-btn{padding:.75rem 1.5rem;border:1px solid #e5e5e5;border-radius:4px;background:#fff;color:#1a1a1a;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.youtube-dialog-btn:hover{background:#f5f5f5;border-color:#1a1a1a}.youtube-dialog-btn.primary{background:#667eea;color:#fff;border-color:#667eea}.youtube-dialog-btn.primary:hover{background:#5568d3;border-color:#5568d3}.rich-text-editor-textarea{width:100%;min-height:300px;padding:15px;border:1px solid #e5e5e5;border-radius:4px;font-size:16px;font-family:inherit;line-height:1.6;resize:vertical;background:#fff;color:#1a1a1a;transition:border-color .2s ease}.rich-text-editor-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.rich-text-editor-textarea::-webkit-input-placeholder{color:#999;font-style:normal}.rich-text-editor-textarea::placeholder{color:#999;font-style:normal}.rich-text-editor-footer{display:flex;justify-content:flex-end;margin-top:8px;padding:0 4px}.rich-text-editor-footer .char-count{font-size:12px;color:#6c757d}@media (max-width:768px){.rich-text-editor-textarea{min-height:250px;padding:12px;font-size:15px}}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.confirm-dialog-content{background:#fff;border-radius:6px;width:100%;max-width:400px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.confirm-dialog-header{padding:1.5rem;border-bottom:1px solid #e5e5e5}.confirm-dialog-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1a1a1a}.confirm-dialog-body{padding:1.5rem}.confirm-dialog-body p{margin:0;color:#6a6a6a;line-height:1.6}.confirm-dialog-actions{display:flex;grid-gap:1rem;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #e5e5e5}.cancel-button,.confirm-button{padding:.75rem 1.5rem;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.confirm-button{color:#fff}.confirm-danger{background:#dc2626}.confirm-danger:hover{background:#b91c1c}.cancel-button{background:#fff;color:#1a1a1a;border:1px solid #e5e5e5}.cancel-button:hover{background:#f5f5f5;border-color:#1a1a1a}@media (max-width:768px){.confirm-dialog-content{max-width:100%}.confirm-dialog-actions{flex-direction:column-reverse}.cancel-button,.confirm-button{width:100%}}.blog-post{margin:2rem auto;max-width:800px}.blog-post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.blog-post-title{font-weight:600;color:#1a1a1a;margin:0 0 1rem;line-height:1.3;letter-spacing:-.02em}.blog-post-meta{flex-wrap:wrap;grid-gap:1rem;gap:1rem;font-size:.95rem}.blog-post-author{color:#1a1a1a;font-weight:500}.blog-post-author,.blog-post-date{padding:.375rem .75rem;background:#f9f9f9;border-radius:4px}.blog-post-date{color:#8a8a8a;font-weight:400}.blog-post-content p{color:#1a1a1a;font-size:1rem;margin:0 0 1.5rem;line-height:1.7}.blog-post-content p:last-child{margin-bottom:0}.blog-post-content iframe,.blog-post-content img{max-width:100%;height:auto;border-radius:4px;margin:1.5rem 0;display:block;box-shadow:0 2px 8px rgba(0,0,0,.1)}.blog-post-content iframe{width:100%;min-height:315px}@media (min-width:560px){.blog-post-content iframe{aspect-ratio:16/9;height:auto}}@media (max-width:768px){.blog-post{margin:1rem;padding:1.5rem;border-radius:6px}.blog-post-title{font-size:2rem}.blog-post-meta{flex-direction:column;align-items:flex-start;grid-gap:.5rem;gap:.5rem}.blog-post-content p{font-size:1rem;line-height:1.7}}@media (max-width:480px){.blog-post{margin:.5rem;padding:1rem}.blog-post-title{font-size:1.75rem}.blog-post-content p{font-size:.95rem;line-height:1.6}}.blog-post:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem}.auth-card{background:#fff;border-radius:6px;padding:2.5rem;border:1px solid #e5e5e5;width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;letter-spacing:-.02em}.auth-header p{color:#666;font-size:.95rem;margin:0}.auth-button{width:100%;padding:1rem;font-size:1rem;font-weight:600;margin-top:1rem;border-radius:12px;transition:all .3s ease}.auth-button:hover:not(:disabled){background:#2a2a2a;border-color:#2a2a2a}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.auth-footer p{color:#666;font-size:.9rem;margin:0}.link-button{background:none;border:none;color:#1a1a1a;font-weight:500;cursor:pointer;text-decoration:underline;margin-left:.5rem;transition:color .2s ease}.link-button:hover{color:#4a4a4a}.form-input{padding:.875rem 1rem;border:1px solid #e5e5e5;border-radius:4px;font-size:.95rem;transition:border-color .2s ease;color:#1a1a1a}.form-input::-webkit-input-placeholder{color:#999;font-size:.9rem}.form-input::placeholder{color:#999;font-size:.9rem}.form-input-error{border-color:#ff4757;box-shadow:0 0 0 4px rgba(255,71,87,.1)}.validation-error{color:#ff4757;font-size:.8rem;margin-top:.5rem;font-weight:500}.password-requirements{color:#666;font-size:.8rem;margin-top:.5rem;font-style:italic}.message{border-radius:10px;margin-bottom:1.5rem;font-size:.9rem}.message-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.message-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.auth-button.loading{position:relative;color:transparent}.auth-button.loading:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.form-group-checkbox{margin-top:1rem}.checkbox-label{display:flex;align-items:flex-start;grid-gap:.5rem;gap:.5rem;cursor:pointer;font-size:.9rem;color:#333}.checkbox-label input[type=checkbox]{margin-top:.2rem;flex-shrink:0}.link-button-inline{background:none;border:none;padding:0;color:#1a1a1a;font-weight:500;cursor:pointer;text-decoration:underline}.link-button-inline:hover{color:#4a4a4a}.guidelines-text{margin-top:.75rem;padding:.75rem 1rem;background:#f8f8f8;border-radius:4px;font-size:.85rem;color:#555;line-height:1.5}@media (max-width:480px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.5rem}.auth-header h2{font-size:1.75rem}.auth-header p{font-size:.9rem}}.blog-writer-container{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 200px);padding:1rem;background:#fafafa}.blog-writer-card{background:#fff;border-radius:6px;padding:2rem;border:1px solid #e5e5e5;width:100%;max-width:800px}.blog-writer-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.blog-writer-header h2{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;letter-spacing:-.02em}.blog-writer-header p{color:#666;font-size:1rem;margin:0}.blog-form{grid-gap:1.5rem;gap:1.5rem}.blog-form,.form-group{display:flex;flex-direction:column}.form-group{grid-gap:.5rem;gap:.5rem}.form-label{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.char-count{font-size:.8rem;color:#666;font-weight:400}.blog-title-input{width:100%;padding:.875rem 1rem;border:1px solid #e5e5e5;border-radius:4px;font-size:1rem;transition:border-color .2s ease;background:#fff;color:#1a1a1a;font-weight:400}.blog-title-input:focus{outline:none;border-color:#1a1a1a}.blog-title-input::-webkit-input-placeholder{color:#999;font-size:1rem}.blog-title-input::placeholder{color:#999;font-size:1rem}.blog-content-textarea{width:100%;padding:1rem;border:1px solid #e5e5e5;border-radius:4px;font-size:.95rem;line-height:1.6;transition:border-color .2s ease;background:#fff;color:#1a1a1a;resize:vertical;min-height:300px;font-family:inherit}.blog-content-textarea:focus{outline:none;border-color:#1a1a1a}.blog-content-textarea::-webkit-input-placeholder{color:#999;font-size:1rem}.blog-content-textarea::placeholder{color:#999;font-size:1rem}.blog-actions{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;margin-top:1rem}.publish-button{display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;width:100%;padding:12px 24px;font-size:.95rem;font-weight:500;color:#fff;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.publish-button:hover:not(:disabled){background:#2a2a2a;border-color:#2a2a2a}.publish-button:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;transform:none;box-shadow:0 4px 15px rgba(102,126,234,.2)}.publish-button.publishing{background:#4a4a4a;border-color:#4a4a4a}.publish-icon{font-size:1.2rem}.spinner{border:2px solid transparent;border-top-color:#fff}.blog-requirements{background:#f9f9f9;padding:1rem;border-radius:4px;border-left:2px solid #1a1a1a}.blog-requirements p{margin:.25rem 0;color:#666;font-size:.85rem;font-weight:500}.blog-error-message,.blog-success-message{padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-weight:500;font-size:.95rem;text-align:center}.blog-error-message{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.blog-success-message{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}@media (max-width:768px){.blog-writer-container{padding:.5rem}.blog-writer-card{padding:1.5rem;margin:.5rem;border-radius:15px}.blog-writer-header h2{font-size:1.75rem}.blog-writer-header p{font-size:.9rem}.blog-content-textarea,.blog-title-input{padding:.875rem;font-size:1rem}.blog-content-textarea{min-height:250px}.publish-button{padding:1rem;font-size:1rem}.blog-requirements{padding:.875rem}.blog-requirements p{font-size:.8rem}}@media (max-width:480px){.blog-writer-card{padding:1rem;margin:.25rem}.blog-writer-header h2{font-size:1.5rem}.blog-content-textarea,.blog-title-input{padding:.75rem;font-size:.95rem}.blog-content-textarea{min-height:200px}.publish-button{padding:.875rem;font-size:.95rem}}.blog-content-textarea:focus-visible,.blog-title-input:focus-visible,.publish-button:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}.blog-action-buttons{display:flex;grid-gap:1rem;gap:1rem;align-items:center}.draft-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;box-shadow:0 2px 8px rgba(107,114,128,.2)}.draft-button:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(107,114,128,.3);background:linear-gradient(135deg,#4b5563,#374151)}.draft-button:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;transform:none}.draft-button.saving{opacity:.8;cursor:wait}.draft-icon{font-size:1.1rem}@media (max-width:768px){.blog-action-buttons{flex-direction:column;width:100%}.draft-button,.publish-button{width:100%;justify-content:center}}.category-selector{margin-bottom:1.5rem}.category-selector-loading{padding:1rem;text-align:center;color:#6a6a6a;font-size:.9rem}.category-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.category-selector-label{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;font-size:.9rem;font-weight:500;color:#1a1a1a}.category-count{font-size:.85rem;font-weight:400;color:#6a6a6a}.category-options{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.category-option{padding:.5rem 1rem;border:1px solid #e5e5e5;border-radius:4px;background:#fff;color:#1a1a1a;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.category-option:hover:not(:disabled){background:#f5f5f5;border-color:#1a1a1a}.category-option.selected{background:#6a6a6a;background:var(--category-color,#6a6a6a);color:#fff;border-color:#6a6a6a;border-color:var(--category-color,#6a6a6a)}.category-option.selected:hover{opacity:.9}.category-option.disabled{opacity:.5;cursor:not-allowed}.category-hint{margin-top:.5rem;font-size:.85rem;color:#6a6a6a;font-style:italic}.all-blogs-container{position:relative;padding:2rem 1rem;background:#fafafa;min-height:calc(100vh - 200px)}.search-results-header{text-align:left;margin-bottom:2rem;padding:0;background:transparent}.search-results-header h2{font-size:2rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;letter-spacing:-.02em}.search-results-header p{color:#6a6a6a;font-size:.95rem;margin:0 0 1rem;font-weight:400}.filter-panel{position:fixed;top:60px;left:0;right:0;max-height:0;overflow:hidden;transition:max-height .3s ease-out;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:999;max-width:1200px;margin:0 auto}.filter-panel.open{max-height:2000px;transition:max-height .5s ease-in;border-top:1px solid #e5e5e5}.filter-panel-content{padding:1.5rem}.filter-panel-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e5e5}.filter-panel-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-panel-title{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;letter-spacing:-.01em}.clear-search-btn{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;color:#1a1a1a;background:#fff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.clear-search-btn:hover{background:#f5f5f5;border-color:#1a1a1a;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.clear-search-btn:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.05)}.clear-search-btn:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}.filter-controls-section{display:flex;flex-wrap:wrap;grid-gap:2rem;gap:2rem;align-items:flex-end}.sort-controls{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.sort-label{font-size:.9rem;font-weight:500;color:#1a1a1a;white-space:nowrap}.sort-buttons{display:flex;grid-gap:.5rem;gap:.5rem}.sort-btn{padding:.5rem 1rem;border:1px solid #e5e5e5;border-radius:4px;background:#fff;color:#1a1a1a;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.sort-btn:hover{background:#f5f5f5;border-color:#1a1a1a}.sort-btn.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.date-filter-controls{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.date-filter-label{font-size:.9rem;font-weight:500;color:#1a1a1a;white-space:nowrap}.date-input-group{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.date-filter-input{padding:.5rem .75rem;border:1px solid #e5e5e5;border-radius:4px;font-size:.9rem;color:#1a1a1a;background:#fff;cursor:pointer;transition:all .2s}.date-filter-input:hover{border-color:#1a1a1a}.date-filter-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px rgba(26,26,26,.1)}.clear-date-filter-btn{padding:.5rem .75rem;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px;color:#6a6a6a;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:32px;height:36px}.clear-date-filter-btn:hover{background:#e5e5e5;color:#1a1a1a;border-color:#1a1a1a}.likes-filter-controls{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.likes-filter-label{font-size:.9rem;font-weight:500;color:#1a1a1a;white-space:nowrap}.likes-input-group{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.likes-filter-input{padding:.5rem .75rem;border:1px solid #e5e5e5;border-radius:4px;font-size:.9rem;color:#1a1a1a;background:#fff;width:100px;transition:all .2s}.likes-filter-input:hover{border-color:#1a1a1a}.likes-filter-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px rgba(26,26,26,.1)}.clear-likes-filter-btn{padding:.5rem .75rem;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px;color:#6a6a6a;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:32px;height:36px}.clear-likes-filter-btn:hover{background:#e5e5e5;color:#1a1a1a;border-color:#1a1a1a}.followed-filter-controls{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.followed-filter-label{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;font-size:.9rem;font-weight:500;color:#1a1a1a;cursor:pointer;-webkit-user-select:none;user-select:none}.followed-filter-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#1a1a1a}.followed-filter-checkbox:hover{opacity:.8}.category-filter-section{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:6px;border:1px solid #e5e5e5}.category-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.category-filter-label{font-size:.9rem;font-weight:500;color:#1a1a1a}.clear-category-filter{padding:.25rem .75rem;background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#6a6a6a;font-size:.85rem;cursor:pointer;transition:all .2s}.clear-category-filter:hover{background:#f5f5f5;border-color:#1a1a1a;color:#1a1a1a}.category-filter-options{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.category-filter-btn{padding:.5rem 1rem;border:1px solid #e5e5e5;border-radius:4px;background:#fff;color:#1a1a1a;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.category-filter-btn:hover{background:#f5f5f5;border-color:#1a1a1a}.category-filter-btn.active{background:#6a6a6a;background:var(--category-color,#6a6a6a);color:#fff;border-color:#6a6a6a;border-color:var(--category-color,#6a6a6a)}.filter-checkmark{display:inline-block;margin-right:.25rem;font-weight:700;font-size:.9em}.category-filter-btn.custom-category{position:relative}.custom-badge{margin-left:.25rem;font-size:.7rem;opacity:.8}.create-category-btn{padding:.4rem .75rem;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px;color:#1a1a1a;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.create-category-btn:hover{background:#e5e5e5;border-color:#1a1a1a}.create-category-form{display:flex;grid-gap:.5rem;gap:.5rem;align-items:center;padding:1rem;background:#f9f9f9;border-radius:4px;margin-bottom:1rem;border:1px solid #e5e5e5}.create-category-input{flex:1 1;padding:.5rem .75rem;border:1px solid #e5e5e5;border-radius:4px;font-size:.9rem;font-family:inherit}.create-category-input:focus{outline:none;border-color:#1a1a1a}.create-category-color{width:50px;height:38px;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;padding:2px;background:#fff}.create-category-submit{padding:.5rem 1rem;background:#1a1a1a;color:#fff;border:1px solid #1a1a1a;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.create-category-submit:hover:not(:disabled){background:#2a2a2a;border-color:#2a2a2a}.create-category-submit:disabled{opacity:.6;cursor:not-allowed}.blog-categories{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;margin:.75rem 0;padding-top:.75rem;border-top:1px solid #e5e5e5}.loading-spinner{flex-direction:column;padding:3rem;background:#fff;border-radius:6px;border:1px solid #e5e5e5}.spinner{border:2px solid #e5e5e5;border-top-color:#1a1a1a;margin-bottom:1rem}.loading-spinner p{color:#666;font-size:1rem;margin:0}.error-message{padding:1.5rem;background:#fff;border-radius:6px;border:1px solid #fecaca;margin-bottom:2rem;color:#dc2626}.error-message p{margin:0;font-size:1rem;font-weight:500}.empty-state{margin-bottom:2rem}.empty-state-title{font-size:1.5rem}.empty-state-message{font-size:1rem;margin:0 0 1.5rem}.empty-state-message strong{color:#1a1a1a;font-weight:600}.empty-state-action{padding:.75rem 1.5rem;background:#1a1a1a;color:#fff;border:none;border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s}.empty-state-action:hover{background:#333}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.blog-card{background:#fff;border-radius:6px;padding:1.5rem;border:1px solid #e5e5e5;transition:border-color .2s ease}.blog-card.clickable{cursor:pointer}.blog-card.clickable:hover{border-color:#1a1a1a}.blog-card-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.blog-title{font-size:1.3rem;font-weight:700;color:#333;margin:0 0 .5rem;line-height:1.3}.blog-author{color:#6a6a6a;font-size:.875rem;font-weight:400;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.blog-author span{flex:1 1}.clickable-author{color:#1a1a1a;cursor:pointer;transition:color .2s ease;text-decoration:none;font-weight:500}.clickable-author:hover{color:#4a4a4a;text-decoration:underline}.blog-modal-author{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.blog-content{margin-bottom:1.5rem;overflow:visible!important;max-height:none!important}.blog-content img{height:auto;display:block}.blog-content iframe,.blog-content img{max-width:100%;border-radius:4px;margin:.75rem 0}.blog-content iframe{width:100%;display:block!important}.blog-content iframe[seamless],.blog-content iframe[src*="bandcamp.com"]{min-height:120px;max-height:none!important;visibility:visible!important;opacity:1!important}.blog-content iframe[src*="youtu.be"],.blog-content iframe[src*="youtube.com"]{aspect-ratio:16/9;height:auto;min-height:200px}.blog-content p{color:#555;line-height:1.6;margin:.5rem 0}.blog-content iframe,.blog-content img{overflow:visible!important;position:relative;z-index:1}.blog-content>p:first-of-type:not(img~p):not(iframe~p){display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-content iframe~p,.blog-content img~p{display:block;-webkit-line-clamp:unset!important;line-clamp:unset!important;-webkit-box-orient:unset!important;overflow:visible!important}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e5e5}.blog-footer-left{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem;flex:1 1}.blog-stats{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;flex-wrap:wrap}.comment-count-badge{font-size:.75rem;color:#6a6a6a;font-weight:500;display:flex;align-items:center;grid-gap:.25rem;gap:.25rem}.blog-date{color:#888;font-size:.8rem;font-weight:500}.click-hint{color:#8a8a8a;font-size:.75rem;font-weight:400;font-style:normal}.refresh-section{text-align:center;padding:2rem;border-radius:6px}.refresh-button,.refresh-section{background:#fff;border:1px solid #e5e5e5}.refresh-button{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:10px 20px;font-size:.9rem;font-weight:500;color:#1a1a1a;border-radius:4px;cursor:pointer;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:#f5f5f5;border-color:#1a1a1a}.refresh-button:disabled{opacity:.6;cursor:not-allowed;-webkit-transform:none;transform:none}@media (max-width:768px){.all-blogs-container{padding:1rem .5rem}.all-blogs-header{padding:1.5rem;margin-bottom:1.5rem}.all-blogs-header h2{font-size:2rem}.all-blogs-header p{font-size:1rem}.clear-search-btn{width:100%;justify-content:center;padding:1rem;font-size:1rem}.blogs-grid{grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}.blog-card{padding:1.25rem}.blog-title{font-size:1.2rem}.refresh-button{padding:1rem;font-size:1rem}.blog-requirements{padding:.875rem}.blog-requirements p{font-size:.8rem}}@media (max-width:480px){.all-blogs-header{padding:1rem}.all-blogs-header h2{font-size:1.75rem}.clear-search-btn{padding:.875rem 1.25rem;font-size:.9rem}.blog-card{padding:1rem}.blog-title{font-size:1.1rem}.refresh-button{padding:.875rem 1.5rem;font-size:.95rem}.blog-card-footer{flex-direction:column;align-items:flex-start}.filter-controls-section{flex-direction:column;align-items:stretch;grid-gap:1.5rem;gap:1.5rem}.date-filter-controls,.sort-controls{flex-direction:column;align-items:flex-start;grid-gap:.75rem;gap:.75rem}.sort-buttons{width:100%}.sort-btn{flex:1 1}.date-input-group{width:100%}.date-filter-input{flex:1 1}}.blog-card.clickable:focus-visible,.refresh-button:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}.blog-card:hover .blog-title{color:#1a1a1a}.blog-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.blog-modal-content{background:#fff;border-radius:6px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid #e5e5e5}.blog-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;border-bottom:2px solid #f0f0f0;position:relative}.blog-modal-title{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin:0;line-height:1.3;letter-spacing:-.02em;flex:1 1;padding-right:1rem}.blog-modal-close{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.blog-modal-close:hover{background:#f0f0f0;color:#666}.blog-modal-meta{display:flex;justify-content:space-between;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem 2rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.blog-modal-meta-left{display:flex;grid-gap:1rem;gap:1rem;flex-wrap:wrap}.blog-modal-author{color:#1a1a1a;font-weight:500}.blog-modal-author,.blog-modal-date{padding:.375rem .75rem;background:#f9f9f9;border-radius:4px;font-size:.875rem}.blog-modal-date{color:#8a8a8a;font-weight:400}.blog-modal-categories{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;padding:0 2rem 1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.blog-modal-body{padding:2rem;line-height:1.8}.blog-modal-body p{color:#333;font-size:1.1rem;margin:0 0 1.5rem;text-align:justify}.blog-modal-body p:last-child{margin-bottom:0}.blog-modal-body iframe,.blog-modal-body img{max-width:100%;height:auto;border-radius:4px;margin:1.5rem 0;display:block;box-shadow:0 2px 8px rgba(0,0,0,.1)}.blog-modal-body iframe{width:100%;min-height:315px}@media (min-width:560px){.blog-modal-body iframe{aspect-ratio:16/9;height:auto}}.blog-modal-footer{padding:1rem 2rem 2rem;display:flex;justify-content:center;align-items:center;grid-gap:1rem;gap:1rem;border-top:1px solid #f0f0f0}.blog-modal-edit-btn{background:#667eea;color:#fff;border:1px solid #667eea;padding:10px 20px;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem}.blog-modal-edit-btn:hover{background:#5568d3;border-color:#5568d3;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 2px 4px rgba(102,126,234,.3)}.blog-modal-close-btn{background:#1a1a1a;color:#fff;border:1px solid #1a1a1a;padding:10px 20px;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.blog-modal-close-btn:hover{background:#2a2a2a;border-color:#2a2a2a}@media (max-width:768px){.blog-modal-overlay{padding:.5rem}.blog-modal-content{max-height:95vh;border-radius:15px}.blog-modal-header{padding:1.5rem 1.5rem 1rem}.blog-modal-title{font-size:1.5rem}.blog-modal-meta{padding:1rem 1.5rem;flex-direction:column;grid-gap:.5rem;gap:.5rem}.blog-modal-body{padding:1.5rem}.blog-modal-footer{padding:1rem 1.5rem 1.5rem}}@media (max-width:480px){.blog-modal-content{max-height:98vh;border-radius:10px}.blog-modal-header{padding:1rem 1rem .75rem}.blog-modal-title{font-size:1.25rem}.blog-modal-body{padding:1rem}.blog-modal-body p{font-size:1rem;line-height:1.6}.blog-modal-footer{padding:.75rem 1rem 1rem}.blog-modal-close-btn{padding:.875rem 1.5rem;font-size:.95rem}}.blog-modal-close-btn:focus-visible,.blog-modal-close:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}.user-profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-animation:fadeIn .2s ease-out;animation:fadeIn .2s ease-out}.user-profile-modal-card{background:#fff;border-radius:16px;padding:24px;max-width:800px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);-webkit-animation:slideUp .3s ease-out;animation:slideUp .3s ease-out;position:relative}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.user-profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.user-profile-actions{display:flex;align-items:center;grid-gap:8px;gap:8px}.user-info{align-items:center;grid-gap:16px;gap:16px}.user-details h3{margin:0;color:#1a1a1a;font-size:20px;font-weight:600;letter-spacing:-.02em}.user-details p{margin:4px 0 0;color:#666;font-size:14px;font-style:italic}.close-button{background:none;font-size:24px;color:#6c757d;padding:8px;transition:all .3s ease;width:40px;height:40px}.close-button:hover{background-color:#f5f5f5;color:#dc2626}.btn-follow,.btn-unfollow{padding:8px 16px;border:1px solid;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-follow{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.btn-follow:hover{background:#2a2a2a;border-color:#2a2a2a}.btn-unfollow{background:#f5f5f5;color:#1a1a1a;border-color:#e5e5e5}.btn-unfollow:hover{background:#e5e5e5;border-color:#1a1a1a}.btn-follow:disabled,.btn-unfollow:disabled{opacity:.6;cursor:not-allowed}.btn-hide,.btn-unhide{padding:8px 16px;border:1px solid;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-hide{background:#fff;color:#dc2626;border-color:#dc2626}.btn-hide:hover{background:#fee2e2;border-color:#dc2626}.btn-unhide{background:#f5f5f5;color:#1a1a1a;border-color:#e5e5e5}.btn-unhide:hover{background:#e5e5e5;border-color:#1a1a1a}.btn-hide:disabled,.btn-unhide:disabled{opacity:.6;cursor:not-allowed}.user-posts-section h4{margin:0 0 20px;color:#333;font-size:20px;font-weight:600}.loading-spinner{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:40px;text-align:center;color:#6c757d;justify-content:center}.spinner{width:24px;height:24px;border:3px solid #f3f3f3}.error-message{background-color:#f8d7da;color:#721c24;padding:16px 20px;border:1px solid #f5c6cb;border-radius:8px;margin:20px 0;text-align:center}.empty-state{padding:3rem 2rem;background:#fff;border-radius:6px;border:1px solid #e5e5e5;margin:1rem 0}.empty-state-icon{font-size:3.5rem;opacity:.6}.empty-state-title{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.empty-state-message{color:#6a6a6a;font-size:.95rem;margin:0;line-height:1.6}.user-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.user-post-card{background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:16px;cursor:pointer;transition:border-color .2s ease}.user-post-card:hover{border-color:#1a1a1a}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;grid-gap:12px;gap:12px}.post-title{margin:0;color:#1a1a1a;font-size:.95rem;font-weight:500}.post-modal-content iframe,.post-modal-content img,.user-post-card iframe,.user-post-card img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0;display:block}.post-modal-content iframe,.user-post-card iframe{width:100%;min-height:250px}.post-date{color:#8a8a8a;font-size:.75rem;white-space:nowrap;background-color:#f9f9f9;padding:4px 8px;border-radius:4px}.post-preview{color:#495057;line-height:1.5}.post-preview p{margin:0;font-size:14px}.post-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.post-modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);-webkit-animation:modalSlideIn .3s ease-out;animation:modalSlideIn .3s ease-out}.post-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 0;margin-bottom:16px}.post-modal-title{color:#333;font-size:24px;font-weight:700;line-height:1.3;flex:1 1;margin:0 16px 0 0}.post-modal-close{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.post-modal-close:hover{background-color:#f8f9fa;color:#dc3545}.post-modal-meta{display:flex;grid-gap:16px;gap:16px;padding:0 24px;margin-bottom:20px;color:#6c757d;font-size:14px}.post-modal-author{font-weight:600}.post-modal-body{padding:0 24px 24px;color:#333;line-height:1.7;font-size:16px}.post-modal-body p{margin:0}.post-modal-body iframe,.post-modal-body img{max-width:100%;height:auto;border-radius:4px;margin:1.5rem 0;display:block;box-shadow:0 2px 8px rgba(0,0,0,.1)}.post-modal-body iframe{width:100%;min-height:315px}.post-modal-footer{padding:0 24px 24px;text-align:center}.post-modal-close-btn{background:#1a1a1a;color:#fff;border:1px solid #1a1a1a;padding:10px 20px;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.post-modal-close-btn:hover{background:#2a2a2a;border-color:#2a2a2a}@media (max-width:768px){.user-profile-modal-overlay{padding:10px}.user-profile-modal-card{padding:20px;max-height:90vh}.user-profile-header{flex-direction:column;grid-gap:16px;gap:16px;align-items:flex-start}.user-info{width:100%}.user-details h3{font-size:20px}.user-posts-grid{grid-template-columns:1fr;grid-gap:16px;gap:16px}.post-header{flex-direction:column;grid-gap:8px;gap:8px}.post-date{align-self:flex-start}.post-modal-content{margin:10px;max-height:90vh}.post-modal-header{padding:20px 20px 0}.post-modal-title{font-size:20px}.post-modal-meta{padding:0 20px}.post-modal-body,.post-modal-footer{padding:0 20px 20px}}.avatar-wrapper{display:flex;flex-direction:column;align-items:center;grid-gap:.5rem;gap:.5rem}.avatar-container{position:relative;display:inline-block;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.avatar-small{width:32px;height:32px;font-size:12px}.avatar-medium{width:48px;height:48px;font-size:18px}.avatar-large{width:80px;height:80px;font-size:32px}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-initials{width:100%;height:100%;color:#fff;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2)}.avatar-initials,.avatar-upload-overlay{display:flex;align-items:center;justify-content:center}.avatar-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s;border-radius:50%;cursor:pointer}.avatar-container:hover .avatar-upload-overlay{opacity:1}.avatar-upload-label{cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.avatar-upload-icon,.avatar-upload-spinner{font-size:1.2em;color:#fff}.avatar-upload-input{display:none}.avatar-error{position:absolute;bottom:-20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:10px;color:#dc2626;white-space:nowrap;background:#fff;padding:2px 4px;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.avatar-upload-info{margin-top:.5rem;text-align:center}.avatar-info-text{font-size:.75rem;color:#6a6a6a;margin:0;font-style:italic}.pagination{display:flex;align-items:center;justify-content:center;grid-gap:.5rem;gap:.5rem;margin:2rem 0;padding:1rem;flex-wrap:wrap}.pagination-btn{padding:.5rem 1rem;border:1px solid #e5e5e5;border-radius:4px;background:#fff;color:#1a1a1a;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#1a1a1a}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem}.pagination-number{min-width:36px;height:36px;padding:0 .5rem;border:1px solid #e5e5e5;border-radius:4px;background:#fff;color:#1a1a1a;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination-number:hover:not(.active){background:#f5f5f5;border-color:#1a1a1a}.pagination-number.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a;cursor:default}.pagination-ellipsis{padding:0 .5rem;color:#6a6a6a;font-size:.9rem}@media (max-width:768px){.pagination{grid-gap:.25rem;gap:.25rem}.pagination-btn{padding:.5rem .75rem;font-size:.85rem}.pagination-number{min-width:32px;height:32px;font-size:.85rem}}.like-button{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.9rem;color:#1a1a1a}.like-button:hover:not(:disabled){background:#f5f5f5;border-color:#1a1a1a}.like-button:disabled{opacity:.6;cursor:not-allowed}.like-button.liked{background:#fef2f2;border-color:#fecaca;color:#dc2626}.like-button.liked:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.like-icon{font-size:1.1rem;line-height:1;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.like-button:hover:not(:disabled) .like-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.like-button.liked .like-icon{-webkit-animation:heartBeat .3s ease;animation:heartBeat .3s ease}@-webkit-keyframes heartBeat{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes heartBeat{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.like-count{font-weight:500;font-size:.9rem;min-width:1.5rem;text-align:center}.like-button.loading{opacity:.7;cursor:wait}.like-button.loading .like-icon{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.comments-section{margin-top:2rem;padding:2rem 2rem 0;border-top:1px solid #e5e5e5}.comments-section-header{margin-bottom:1.5rem}.comments-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.comments-error{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.9rem;margin-bottom:1rem}.comments-loading{padding:2rem;text-align:center;color:#6a6a6a;font-size:.9rem}.comments-loading p{margin:0}.comment-form{margin-bottom:1.5rem}.comment-form-error{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.9rem;margin-bottom:.75rem}.comment-form-group{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.comment-textarea{width:100%;padding:.75rem;border:1px solid #e5e5e5;border-radius:4px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s}.comment-textarea:focus{outline:none;border-color:#1a1a1a}.comment-form-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.comment-char-count{font-size:.85rem;color:#6a6a6a}.comment-form-actions{display:flex;grid-gap:.5rem;gap:.5rem}.comment-cancel-btn,.comment-submit-btn{padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.comment-submit-btn{background:#1a1a1a;color:#fff}.comment-submit-btn:hover:not(:disabled){background:#333}.comment-submit-btn:disabled{opacity:.6;cursor:not-allowed}.comment-cancel-btn{background:#fff;color:#1a1a1a;border:1px solid #e5e5e5}.comment-cancel-btn:hover:not(:disabled){background:#f5f5f5;border-color:#1a1a1a}.comment-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.comment-form-signin-prompt{padding:1rem;background:#f9f9f9;border:1px solid #e5e5e5;border-radius:4px;text-align:center;color:#6a6a6a;font-size:.9rem}.comment-form-signin-prompt p{margin:0}.comment-list{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.comment-list-empty{padding:2rem;text-align:center;color:#6a6a6a;font-size:.9rem;background:#f9f9f9;border-radius:4px;border:1px solid #e5e5e5}.comment-list-empty p{margin:0}.comment-item{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:4px;padding:1rem;transition:border-color .2s}.comment-item:hover{border-color:#d5d5d5}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;grid-gap:1rem;gap:1rem}.comment-author-info{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;flex:1 1}.comment-author-details{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem;flex:1 1}.comment-author-name{font-weight:600;color:#1a1a1a;font-size:.95rem}.comment-date{font-size:.8rem;color:#6a6a6a;cursor:help}.comment-delete-btn{background:none;border:none;color:#6a6a6a;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.comment-delete-btn:hover{background:#fee2e2;color:#dc2626}.comment-text{color:#1a1a1a;font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}@media (max-width:768px){.comment-item{padding:.75rem}.comment-author-name,.comment-text{font-size:.9rem}}.category-tag{display:inline-block;padding:.25rem .75rem;background:#6a6a6a;background:var(--category-color,#6a6a6a);color:#fff;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.category-tag.clickable{cursor:pointer;transition:all .2s}.category-tag.clickable:hover{opacity:.8;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.report-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000}.report-modal-content{background:#fff;border-radius:8px;max-width:400px;width:90%;box-shadow:0 4px 20px rgba(0,0,0,.15)}.report-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #eee}.report-modal-header h3{margin:0;font-size:1.1rem}.report-modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#666;padding:.25rem;line-height:1}.report-modal-close:hover{color:#1a1a1a}.report-modal-body{padding:1.25rem}.report-modal-body label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.35rem;color:#333}.report-modal-body select{margin-bottom:1rem;font-size:1rem}.report-modal-body select,.report-modal-body textarea{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px}.report-modal-body textarea{font-size:.9rem;resize:vertical;font-family:inherit}.report-modal-error{color:#c00;font-size:.875rem;margin-top:.75rem}.report-modal-footer{display:flex;justify-content:flex-end;grid-gap:.75rem;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #eee}.report-modal-cancel,.report-modal-submit{padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer}.report-modal-cancel{background:#f0f0f0;border:1px solid #ccc;color:#333}.report-modal-submit{background:#1a1a1a;border:none;color:#fff}.report-modal-submit:disabled{opacity:.6;cursor:not-allowed}.report-btn{background:none;border:none;color:#666;font-size:.85rem;cursor:pointer;padding:.25rem .5rem}.report-btn:hover{color:#c00;text-decoration:underline}.sign-button-container{position:relative}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem}.auth-modal{position:relative;background:#fff;border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.2);max-width:90vw;max-height:90vh;overflow-y:auto;-webkit-animation:modalSlideIn .3s ease-out;animation:modalSlideIn .3s ease-out}.close-button{position:absolute;top:1rem;right:1rem;background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease;z-index:10}.close-button:hover{background:#e2e8f0;color:#475569;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes modalSlideIn{0%{opacity:0;-webkit-transform:translateY(-20px) scale(.95);transform:translateY(-20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes modalSlideIn{0%{opacity:0;-webkit-transform:translateY(-20px) scale(.95);transform:translateY(-20px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@media (max-width:480px){.auth-modal{margin:.5rem;border-radius:16px}.close-button{top:.75rem;right:.75rem;width:28px;height:28px;font-size:1rem}}.search-container{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.navbar-search .search-container{max-width:none}.search-form{margin-bottom:20px}.search-input-container{position:relative;display:flex;align-items:center}.search-input{padding:10px 50px 10px 14px;border:1px solid #e5e5e5;border-radius:4px;font-size:.95rem;transition:border-color .2s ease;background-color:#f9f9f9}.search-input:focus{border-color:#1a1a1a;background-color:#fff}.search-icon-button{position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;border-radius:50%;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.search-icon-button:hover:not(:disabled){background-color:#f5f5f5}.search-icon-button:disabled{cursor:not-allowed;opacity:.6}.search-icon{width:20px;height:20px;color:#6c757d;transition:color .3s ease}.search-icon-button:hover .search-icon{color:#1a1a1a}.search-spinner{width:16px;height:16px;border:2px solid #e5e5e5;border-top-color:#1a1a1a;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.search-error{background-color:#fff;color:#dc2626;padding:12px 16px;border:1px solid #fecaca;border-radius:4px;margin-bottom:20px}.search-loading{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:20px;text-align:center;color:#6c757d}.spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.search-results{margin-top:20px}.search-results h3{color:#333;margin-bottom:15px;font-size:18px}.search-results-list{list-style:none;padding:0;margin:0}.search-result-item{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .3s ease;-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out}.search-result-item:hover{background-color:#e9ecef;border-color:#007bff;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.search-result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.search-result-title{margin:0;color:#007bff;font-size:16px;font-weight:600}.search-result-author{color:#6c757d;font-size:14px;font-style:italic}.search-result-preview{color:#495057;line-height:1.5;margin:8px 0}.search-result-date{color:#6c757d;font-size:12px}.selected-post{background-color:#fff;border:2px solid #007bff;border-radius:12px;padding:24px;margin-top:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out}.selected-post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.selected-post-header h2{margin:0;color:#333;font-size:24px;flex:1 1}.close-post-button{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-post-button:hover{background-color:#f8f9fa;color:#dc3545}.selected-post-meta{display:flex;grid-gap:16px;gap:16px;margin-bottom:16px;color:#6c757d;font-size:14px}.selected-post-author{font-weight:600}.selected-post-content{color:#333;line-height:1.6;font-size:16px}.selected-post-content p{margin:0}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.navbar-search .search-container--mobile{width:100%;max-width:none;margin:0;padding:0;position:relative;display:flex;justify-content:center}.search-mobile-icon-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:#f5f5f5;color:#666;cursor:pointer;transition:background-color .2s ease,color .2s ease}.search-mobile-icon-trigger:hover{background:#e5e5e5;color:#1a1a1a}.search-mobile-icon-trigger .search-icon{width:20px;height:20px}.search-mobile-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;padding:12px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1001;min-width:280px}.search-mobile-dropdown .search-form{margin-bottom:0}.search-mobile-dropdown .search-input{width:100%}}@media (max-width:768px){.search-container:not(.search-container--mobile){padding:10px}.navbar-search .search-container:not(.search-container--mobile){padding:0}.search-form{flex-direction:column;grid-gap:8px;gap:8px}.search-button,.search-input{width:100%}.search-result-header{flex-direction:column;grid-gap:4px;gap:4px}.selected-post-header{flex-direction:column;grid-gap:8px;gap:8px}.selected-post-header h2{font-size:20px}}.sticky-navbar{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e5e5e5}.sticky-navbar .navbar-content{position:relative}.navbar-content{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:1200px;margin:0 auto}.navbar-brand h2{margin:0;color:#1a1a1a;font-size:20px;font-weight:600;letter-spacing:-.02em}.navbar-title{cursor:pointer;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.navbar-title:hover{opacity:.7}.navbar-title:focus{outline:2px solid #1a1a1a;outline-offset:2px;border-radius:2px}.navbar-search{flex:1 1;max-width:400px;margin:0 24px}.navbar-search .search-container{margin:0;padding:0}.navbar-search .search-form{margin:0}.navbar-search .search-input{background-color:#f9f9f9;border:1px solid #e5e5e5;color:#1a1a1a}.navbar-search .search-input:focus{background-color:#fff;border-color:#1a1a1a}.navbar-search .search-input::-webkit-input-placeholder{color:#666}.navbar-search .search-input::placeholder{color:#666}.navbar-search .search-icon{color:#666}.navbar-search .search-icon-button:hover .search-icon{color:#1a1a1a}.navbar-actions{display:flex;align-items:center;grid-gap:16px;gap:16px}.auth-buttons{display:flex;grid-gap:12px;gap:12px}.user-section{display:flex;align-items:center;grid-gap:16px;gap:16px}.user-info{display:flex;flex-direction:column;align-items:flex-end;color:#4a4a4a}.user-name{font-weight:500;font-size:14px}.user-id{font-size:12px;color:#8a8a8a}.btn{padding:8px 16px;border:1px solid;border-radius:4px;font-size:14px;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:80px}.btn-primary,.btn-secondary{border-color:#1a1a1a}.btn-outline{background:transparent;color:#1a1a1a;border-color:#e5e5e5}.btn-outline:hover{background:#f9f9f9;border-color:#1a1a1a}.write-post-btn{background:#1a1a1a;color:#fff;border-color:#1a1a1a;font-weight:500}.write-post-btn:hover{background:#2a2a2a;border-color:#2a2a2a;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-filter{background:#f5f5f5;color:#1a1a1a;border-color:#e5e5e5;font-weight:500}.btn-filter:hover{background:#e5e5e5;border-color:#1a1a1a;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width:768px){.navbar-content{flex-direction:column;grid-gap:8px;gap:8px;padding:6px 16px 8px}.navbar-search{order:2;max-width:100%;margin:0;display:flex}.navbar-actions,.navbar-search{width:100%;justify-content:center}.navbar-actions{order:3}.navbar-brand{order:1}.navbar-brand h2{font-size:18px}.user-section{flex-direction:column;grid-gap:8px;gap:8px;text-align:center;width:100%}.user-info{align-items:center}.auth-buttons{width:100%;justify-content:center}.write-post-btn{width:100%;max-width:none}.btn{flex:1 1;max-width:120px}}@media (max-width:480px){.navbar-content{padding:4px 12px 6px}.navbar-brand h2{font-size:16px}.btn{padding:6px 12px;font-size:12px;min-width:70px}}.toast{position:fixed;top:80px;right:20px;z-index:10000;min-width:300px;max-width:500px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-animation:slideInRight .3s ease-out;animation:slideInRight .3s ease-out}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.toast-content{display:flex;align-items:center;padding:16px;grid-gap:12px;gap:12px}.toast-icon{font-size:20px;font-weight:700;flex-shrink:0}.toast-message{flex:1 1;color:#1a1a1a;font-size:14px;line-height:1.5}.toast-close{background:none;border:none;color:#6a6a6a;cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.toast-close:hover{color:#1a1a1a}.toast-success{border-left:4px solid #22c55e}.toast-success .toast-icon{color:#22c55e}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}@media (max-width:768px){.toast{top:70px;right:10px;left:10px;min-width:auto;max-width:none}}.toast-container{position:fixed;top:0;right:0;z-index:10000;pointer-events:none;padding:20px}.toast-container>*{pointer-events:auto;margin-bottom:12px}@media (max-width:768px){.toast-container{padding:10px}}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease;z-index:1000;opacity:.9}.back-to-top:hover{opacity:1;-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.back-to-top:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.back-to-top svg{width:24px;height:24px}@media (max-width:768px){.back-to-top{bottom:20px;right:20px;width:45px;height:45px}.back-to-top svg{width:20px;height:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;color:#1a1a1a}.App,body{background:#fafafa;min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:1rem 1rem 0}.main-content{display:grid;grid-template-columns:1fr 350px;grid-gap:2rem;gap:2rem;padding:2rem 0}.main-content.centered{display:block;max-width:1200px;margin:0 auto}.content-area{background:#fff;border-radius:6px;padding:2rem;border:1px solid #e5e5e5}.main-content.centered .content-area{background:transparent;border:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar{background:#fff;border-radius:6px;padding:2rem;border:1px solid #e5e5e5;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:2rem}.sidebar h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:left;letter-spacing:-.02em}.user-profile-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e5e5}.user-profile{background:#f9f9f9;border-radius:4px;padding:1.5rem;border:1px solid #e5e5e5}.user-profile p{color:#4a4a4a;margin:.5rem 0;font-size:.9rem;line-height:1.6}.user-profile strong{color:#1a1a1a;font-weight:600}.user-posts-section{margin-bottom:2rem}.auth-section{padding:2rem 0}.nav-buttons{display:flex;justify-content:center;grid-gap:1rem;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.btn,.nav-buttons button{padding:.875rem 1.75rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:#1a1a1a;color:#fff;border:1px solid #1a1a1a}.btn-primary:hover{background:#2a2a2a;border-color:#2a2a2a}.btn-secondary{background:#fff;color:#1a1a1a;border:1px solid #1a1a1a}.btn-secondary:hover{background:#f5f5f5}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 15px rgba(220,53,69,.3)}.btn-danger:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 25px rgba(220,53,69,.4)}.search-container{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9rem}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:#1a1a1a}.form-textarea{min-height:120px;resize:vertical}.card{background:#fff;border-radius:6px;padding:1.5rem;margin-bottom:1rem;border:1px solid #e5e5e5;transition:border-color .2s ease}.card:hover{border-color:#1a1a1a}.card-title{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:.5rem}.card-content{color:#666;line-height:1.6;margin-bottom:1rem}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#888}.search-input{width:100%;padding:1rem 1.5rem;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;background:#fff;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.empty-state{text-align:center;padding:3rem 1rem;color:#666}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-state-text{font-size:1.2rem;margin-bottom:1rem}.empty-state-subtext{color:#888;font-size:.9rem}.blog-post{background:#fff;border-radius:6px;padding:2rem;margin-bottom:2rem;border:1px solid #e5e5e5}.blog-post-title{font-size:2rem;font-weight:800;color:#333;margin-bottom:1rem;line-height:1.2}.blog-post-content{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:1.5rem}.blog-post-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #eee;font-size:.9rem;color:#888}.loading{text-align:center;padding:2rem;color:#666}.loading:after{content:"";display:inline-block;width:20px;height:20px;border:2px solid #e5e5e5;border-top-color:#1a1a1a;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin-left:.5rem}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.message{padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:500}.message-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width:1024px){.main-content{grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}.sidebar{position:static;order:-1}.content-area{order:1}}@media (max-width:768px){.container{padding:0 .5rem}.main-content{padding:1rem 0;grid-gap:1rem;gap:1rem}.content-area,.sidebar{padding:1.5rem;border-radius:6px}.nav-buttons{flex-direction:column;align-items:center}.nav-buttons button{width:100%;max-width:300px}.sidebar h3{font-size:1.25rem}.user-profile{padding:1rem}.user-profile p{font-size:.9rem}}@media (max-width:480px){.content-area,.sidebar{padding:1rem;border-radius:10px}.sidebar h3{font-size:1.1rem}.user-profile{padding:.875rem}.user-profile p{font-size:.85rem}}.post-image-unavailable{display:inline-block;padding:.5rem .75rem;margin:.5rem 0;font-size:.875rem;color:#666;background:#f0f0f0;border-radius:4px;border:1px dashed #ccc}.btn:focus-visible,.nav-buttons button:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}
/*# sourceMappingURL=main.c6c7bc05.chunk.css.map */