body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-main-container{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.home-main-content{display:flex;flex:1 1;gap:20px;padding:20px}.home-sidebar{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:20px;width:220px}.home-section{margin-bottom:30px}.home-section-title{color:#333;font-size:18px;font-weight:600;margin-bottom:15px}.category,.tab{border-radius:8px;color:#555;cursor:pointer;font-size:14px;margin-bottom:8px;padding:10px;transition:all .2s ease}.category:hover,.tab:hover{background-color:#f0f0f0;transform:translateX(2px)}.tab.active{background-color:#ff6f61;color:#fff;font-weight:500}.category.active{background-color:#f0f0f0;border-left:3px solid #ff6f61;color:#333;font-weight:500}.feed{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 100px);overflow:hidden;padding:20px}.feed-title{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:10px}.error-message{align-items:center;background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.error-message button{background-color:#ff6f61;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.error-message button:hover{background-color:#e05a4d}.no-posts-message{color:#666;padding:40px 20px;text-align:center}.no-posts-message h3{color:#333;margin-bottom:10px}.post-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.fab{align-items:center;background:linear-gradient(135deg,#ff6f61,#e05a4d);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 20px #ff6f6166;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:1000}.fab:hover{box-shadow:0 6px 25px #ff6f6199;transform:scale(1.1) rotate(90deg)}.fab:active{transform:scale(1.05) rotate(90deg)}@media (max-width:1200px){.post-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.home-main-content{flex-direction:column;padding:10px}.home-sidebar{margin-bottom:15px;position:static;width:50%}.home-section{margin-bottom:20px}.home-section:last-child{margin-bottom:0}.feed{height:auto;min-height:60vh}.post-grid{gap:15px;grid-template-columns:1fr}.fab{bottom:20px;font-size:20px;height:50px;right:20px;width:50px}}@media (max-width:480px){.home-main-content{padding:5px}.feed{padding:15px}.post-grid{gap:10px}.feed-title{font-size:20px;margin-bottom:15px}}@media (prefers-color-scheme:dark){.home-main-container{background-color:#1a1a1a}.feed,.home-sidebar{background-color:#2d2d2d;color:#e0e0e0}.feed-title,.home-section-title{color:#fff}.category,.tab{color:#b0b0b0}.category:hover,.tab:hover{background-color:#3a3a3a}}.search-bar{border:1px solid #ddd;font-size:14px;padding:10px 16px;width:100%}.btn,.search-bar{border-radius:25px}.btn{border:none;cursor:pointer;font-weight:700;padding:10px 20px}.btn.secondary{background-color:#fff;border:1px solid #ff6f61;color:#ff6f61}.circle-button{background-color:#f0f0f0;border:none;border-radius:50%;cursor:pointer;font-size:16px;height:36px;width:36px}.navbar{background:#fff;box-shadow:0 2px 4px #0000000d;justify-content:space-between;padding:10px 24px;position:relative}.logo,.navbar{align-items:center;display:flex}.logo{color:#ff6f61;font-size:20px;font-weight:700}.logo-image{height:30px;margin-right:8px}.logo-text{display:inline-block}.nav-buttons{align-items:center;display:flex;gap:10px}.search-container{left:50%;position:absolute;transform:translateX(-50%);z-index:1}.search-input{border:none;outline:none;padding:8px 16px;transition:all .2s;width:400px}.search-input:focus{background-color:#f0f0f0;box-shadow:0 1px 3px #0000001a}.search-input::placeholder{color:#aaa}.login-button-container{align-items:center;display:flex}.login-nav-button{background-color:#ff6f61;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 25px;transition:background-color .2s}.login-nav-button:hover{background-color:#e05a4d}@media (max-width:768px){.navbar{flex-wrap:wrap;gap:10px;padding:10px 16px}.logo,.navbar{justify-content:center}.logo{flex-basis:100%;margin-bottom:8px;text-align:center}.search-container{display:flex;justify-content:center;left:auto;margin:0 auto;order:2;position:relative;transform:none;width:100%}.search-input{padding:6px 12px;width:80%}.nav-buttons{justify-content:center;margin-top:8px;order:3}.login-nav-button{font-size:14px;padding:8px 20px}}.postcard{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;flex:1 1 333px;min-width:260px;overflow:hidden;transition:all .3s ease}.postcard:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.postcard-thumbnail{background-color:#f8f9fa;height:180px;overflow:hidden;position:relative}.postcard-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.postcard:hover .postcard-image{transform:scale(1.05)}.postcard-placeholder,.postcard-single-image{height:100%;position:relative;width:100%}.postcard-placeholder{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center}.placeholder-content{text-align:center}.placeholder-category{background-color:#ff6f61e6;border-radius:20px;color:#fff;font-size:14px;font-weight:600;letter-spacing:1px;padding:8px 16px;text-transform:uppercase}.carousel-container,.postcard-image-carousel{height:100%;position:relative;width:100%}.carousel-nav{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:35px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:35px;z-index:2}.postcard:hover .carousel-nav{opacity:1}.carousel-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.carousel-nav-prev{left:10px}.carousel-nav-next{right:10px}.image-counter{background:#000000b3;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px;position:absolute;right:10px;top:10px;z-index:2}.carousel-dots{bottom:10px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.carousel-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .2s ease;width:8px}.carousel-dot.active{background:#fff;transform:scale(1.2)}.carousel-dot:hover{background:#fffc}.postcard-content{align-items:start;justify-content:start;justify-items:start;padding:0 20px 12px;text-align:left}.postcard-title{color:#000;font-size:18px;font-weight:600;height:auto;height:50px;line-height:1.4;margin-bottom:8px;width:100%}.postcard-details,.postcard-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.postcard-details{color:#242424;font-size:14px;line-height:1.5;margin-bottom:15px;min-height:4.5em;padding:0}.postcard-metadata{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:10px;margin-bottom:15px;width:100%}.postcard-category{background-color:#ff6f61;border-radius:12px;color:#fff;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.postcard-date{color:#999;font-weight:400}.postcard-image-count{background-color:#f0f0f0;border-radius:10px;color:#666;font-size:11px;font-weight:500;padding:3px 8px}.postcard-actions,.postcard-info{box-sizing:border-box;padding:0 12px;width:100%}.postcard-actions{gap:6px}.postcard-actions,.postcard-user{display:flex;justify-content:space-between}.postcard-user{align-items:center;margin-bottom:10px;padding:8px 0}.postcard-user-avatar{align-items:center;background-color:#e0e0e0;border-radius:50%;color:#666;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;margin-right:10px;overflow:hidden;width:32px}.postcard-username{color:#333;font-size:14px;font-weight:500}.postcard-stats{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;gap:15px;margin-bottom:0;padding:10px 0;width:100%}.postcard-stats span{color:#666;font-size:12px;font-weight:500}.post-user{height:40px;justify-content:space-between;margin-bottom:12px;margin-top:8px;width:100%}.author-left{align-items:center;display:flex;flex:1 1}.avatar{background-color:#ddd;height:32px;margin-right:10px;width:32px}.follow-button{border-radius:16px;font-size:13px;padding:5px 10px}.follow-button.following{background-color:#999}@media (max-width:768px){.postcard{min-width:280px}.carousel-nav{font-size:16px;height:30px;width:30px}.carousel-nav-prev{left:5px}.carousel-nav-next{right:5px}.image-counter{font-size:10px;padding:3px 6px;right:5px;top:5px}.carousel-dots{bottom:5px;gap:4px}.carousel-dot{height:6px;width:6px}}@media (max-width:480px){.postcard-content{padding:15px}.postcard-title{font-size:18px;height:45px}.postcard-metadata{gap:8px}.postcard-image-count{font-size:10px;padding:2px 6px}}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;height:100%;padding:20px;width:100%}.modal-container{animation:slideUp .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;height:85vh;max-height:700px;max-width:1100px;overflow:hidden;position:relative;width:90%}.modal-close-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px;z-index:10}.modal-close-btn:hover{background:#fff;color:#333;transform:scale(1.1)}.modal-image-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex:1.3 1;overflow:hidden;position:relative}.modal-image-section,.post-media{align-items:center;display:flex;justify-content:center}.post-media{height:100%;padding:20px;width:100%}.post-media img{border-radius:12px;box-shadow:0 10px 25px #00000026;max-height:100%;max-width:100%;object-fit:contain}.image-container{border-radius:12px;transition:transform .3s ease}.image-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border-radius:20px;bottom:12px;font-size:12px;padding:6px 12px;right:12px}.modal-content-section{display:flex;flex:1 1;overflow:hidden}.modal-content-section,.modal-header{background:#fff;flex-direction:column}.modal-header{border-bottom:none;padding:24px 24px 0}.model-post-title{color:#333;font-size:32px;font-weight:700;line-height:1.3;margin:0 0 20px;order:-1;text-align:center}.post-title{color:#1a202c;font-size:26px;letter-spacing:-.025em;margin:0 0 16px}.post-meta{gap:12px;margin-bottom:20px;order:0}.post-category{background:#ee5a52;border-radius:20px;font-size:11px;padding:6px 14px}.post-date{color:#718096;font-size:13px;font-weight:500}.user{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:20px 24px}.model-author-info,.user{align-items:center;display:flex}.model-author-info{gap:14px}.author-avatar{border:2px solid #f7fafc;box-shadow:0 4px 12px #0000001a;height:48px;width:48px}.avatar-placeholder{background:#ee5a52}.author-details h3{color:#2d3748;font-size:16px;margin:0}.author-username{color:#718096;margin:2px 0 0}.follow-btn{background:#ee5a52;box-shadow:0 2px 8px #ee5a524d;font-weight:600;padding:10px 24px}.follow-btn:hover{background:#dc4c43;box-shadow:0 4px 16px #ee5a5266;transform:translateY(-2px)}.follow-btn.following{background:#f0fff4;border:1px solid #c6f6d5;box-shadow:0 2px 8px #38a16933;color:#38a169}.follow-btn.following:hover{background:#e6fffa;color:#2f855a}.modal-scrollable{flex:1 1;overflow-y:auto;padding:0 24px}.post-content{color:#4a5568;line-height:1.7;margin:20px 0 24px;white-space:pre-wrap}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tag{background:#ee5a52;border-radius:16px;color:#fff;font-size:12px;font-weight:500;padding:6px 12px;transition:transform .2s ease}.tag:hover{background:#dc4c43;transform:translateY(-1px)}.stats{border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;display:flex;gap:24px;margin:20px 0;padding:20px 0}.stats span{align-items:center;color:#718096;display:flex;font-size:14px;font-weight:500;gap:6px}.stats span:before{background:#ee5a52;border-radius:50%;content:"";height:4px;width:4px}.actions{display:flex;gap:12px;margin:20px 0}.action-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#4a5568;flex:1 1;font-weight:600;justify-content:center;padding:14px 16px}.action-btn:hover{background:#edf2f7;border-color:#cbd5e0}.action-btn.liked{background:#fed7d7;border-color:#ee5a52;color:#c53030}.comments-list{margin-top:24px;padding-bottom:20px}.comment-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:12px;padding:16px;transition:all .2s ease}.comment-item:hover{background:#edf2f7;border-color:#cbd5e0}.comment-header{align-items:flex-start;display:flex}.comment-avatar{border:2px solid #fff;margin-right:12px}.comment-avatar .avatar-placeholder{align-items:center;background:#ee5a52;color:#fff;display:flex;font-weight:600;height:100%;justify-content:center;width:100%}.comment-meta{flex:1 1}.comment-username{color:#2d3748;margin-right:8px}.comment-date{color:#a0aec0}.comment-content p{color:#4a5568;font-size:14px;line-height:1.5}.no-comments{color:#a0aec0}.add-comment{align-items:center;background:linear-gradient(0deg,#fff 0,#fff 90%,#ffffffe6);border-top:1px solid #e2e8f0;bottom:0;display:flex;gap:12px;padding:20px 24px;position:-webkit-sticky;position:sticky}.add-comment input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:25px;flex:1 1;font-size:14px;outline:none;padding:14px 18px;transition:all .2s ease}.add-comment input:focus{background:#fff;border-color:#ee5a52;box-shadow:0 0 0 3px #ee5a521a}.add-comment input::placeholder{color:#a0aec0}.send-button{background:#ee5a52;box-shadow:0 2px 8px #ee5a524d;height:44px;transition:all .2s ease;width:44px}.send-button:hover:not(:disabled){background:#dc4c43;box-shadow:0 4px 16px #ee5a5266;transform:translateY(-2px)}.login-prompt{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:0 0 20px 20px;border-top:1px solid #e2e8f0;padding:24px}.login-link{color:#ee5a52;font-weight:600;text-decoration:none;transition:color .2s ease}.login-link:hover{color:#dc4c43;text-decoration:underline}.image-modal{animation:fadeIn .3s ease-out;background:#000000f2;height:100%;width:100%;z-index:2000}.image-modal .modal-content{align-items:center;display:flex;justify-content:center;max-height:90%;max-width:90%;position:relative}.modal-image-container{max-height:100%}.modal-close{right:0;top:-50px}.modal-close,.modal-nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;color:#fff}.modal-nav{transition:background .2s ease}.modal-nav:hover{background:#ffffff4d}.modal-prev{left:-70px}.modal-next{right:-70px}.modal-counter{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:20px;bottom:-50px;color:#fff;font-size:14px;padding:8px 16px}.modal-counter,.modal-thumbnails{left:50%;position:absolute;transform:translateX(-50%)}.modal-thumbnails{bottom:-100px;max-width:400px}.thumbnail{border-radius:8px;cursor:pointer;height:60px;object-fit:cover;opacity:.6;transition:opacity .2s ease;width:60px}.thumbnail.active{border:2px solid #fff;opacity:1}.modal-caption{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:12px;bottom:-150px;left:50%;padding:12px 20px;position:absolute;transform:translateX(-50%)}.images-grid{grid-gap:4px;display:grid;gap:4px;height:100%;width:100%}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:2fr 1fr}.grid-3 .small-images{grid-gap:4px;display:grid;gap:4px;grid-template-rows:1fr 1fr}.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.image-container.large img,.image-container.small img{height:100%;object-fit:cover;width:100%}.more-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;font-weight:600;justify-content:center;left:0;position:absolute;right:0;top:0}.more-overlay span:first-child{font-size:24px;margin-bottom:4px}.more-overlay .view-all{font-size:12px}@media (max-width:768px){.modal-overlay{padding:10px}.modal-container{flex-direction:column;height:90vh;max-height:none;width:95%}.modal-image-section{flex:0 0 250px}.modal-content-section{flex:1 1;min-height:0}.post-title{font-size:20px}.model-post-title{font-size:24px}.actions{flex-direction:column}.action-btn{flex:none}.stats{flex-wrap:wrap;gap:16px}.add-comment,.modal-header,.modal-scrollable,.user{padding-left:20px;padding-right:20px}}.modal-scrollable::-webkit-scrollbar{width:6px}.modal-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.modal-scrollable::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.loading-shimmer{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.share-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.share-modal-overlay.dark{background:#000000b3}.share-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;position:relative;width:100%}.share-modal-content.small{max-width:400px;padding:20px}.share-modal-content.large{max-width:600px;padding:32px}.share-modal-overlay.dark .share-modal-content{background:#2d2d2d;color:#e0e0e0}.share-modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.share-modal-overlay.dark .share-modal-header{border-bottom-color:#4a4a4a}.share-modal-header h3{color:#333;font-size:24px;font-weight:700;margin:0}.share-modal-overlay.dark .share-modal-header h3{color:#fff}.share-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.share-modal-close:hover{background-color:#f0f0f0;transform:scale(1.1)}.share-modal-overlay.dark .share-modal-close{color:#b0b0b0}.share-modal-overlay.dark .share-modal-close:hover{background-color:#3a3a3a}.share-content-info{background:#f8f9fa;border-left:4px solid #ff6f61;border-radius:12px;margin-bottom:24px;padding:16px}.share-modal-overlay.dark .share-content-info{background:#3a3a3a}.share-content-title{color:#333;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}.share-modal-overlay.dark .share-content-title{color:#fff}.share-content-description{color:#666;font-size:14px;line-height:1.5;margin:0}.share-modal-overlay.dark .share-content-description{color:#b0b0b0}.share-link-section{margin-bottom:24px}.share-link-section label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.share-modal-overlay.dark .share-link-section label{color:#fff}.share-link-container{align-items:stretch;display:flex;gap:8px}.share-link-input{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;color:#333;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;padding:12px 16px;transition:all .2s ease}.share-link-input:focus{border-color:#ff6f61;box-shadow:0 0 0 3px #ff6f611a;outline:none}.share-modal-overlay.dark .share-link-input{background-color:#3a3a3a;border-color:#4a4a4a;color:#e0e0e0}.share-modal-overlay.dark .share-link-input:focus{border-color:#ff6f61}.copy-btn{background-color:#ff6f61;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover:not(:disabled){background-color:#e05a4d;transform:translateY(-1px)}.copy-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.copy-btn.copied{background-color:#28a745;transform:scale(1.02)}.social-share-section{margin-bottom:20px}.social-share-section p{color:#333;font-size:14px;font-weight:600;margin:0 0 16px}.share-modal-overlay.dark .social-share-section p{color:#fff}.social-share-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.social-btn{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.social-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.social-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.social-btn:active{transform:translateY(0)}.social-icon{font-size:18px}.social-name{font-weight:600}.share-modal-footer{border-top:1px solid #f0f0f0;margin-top:20px;padding-top:16px;text-align:center}.share-modal-overlay.dark .share-modal-footer{border-top-color:#4a4a4a}.share-modal-footer small{color:#666;font-size:12px}.share-modal-overlay.dark .share-modal-footer small{color:#b0b0b0}@media (max-width:768px){.share-modal-overlay{padding:16px}.share-modal-content{border-radius:12px;margin:0;max-width:none;padding:20px;width:calc(100% - 32px)}.share-modal-header h3{font-size:20px}.share-link-container{flex-direction:column}.copy-btn{width:100%}.social-share-buttons{grid-template-columns:1fr}}@media (max-width:480px){.share-modal-overlay{padding:12px}.share-modal-content{padding:16px;width:calc(100% - 24px)}.share-modal-header{margin-bottom:16px;padding-bottom:12px}.share-modal-header h3{font-size:18px}.share-content-info{margin-bottom:16px;padding:12px}.share-content-title{font-size:16px}.social-btn{font-size:13px;min-height:44px;padding:10px 12px}}@media (prefers-contrast:high){.share-modal-content{border:2px solid #000}.share-link-input{border-width:2px}.social-btn{border:1px solid #ffffff4d}}@media (prefers-reduced-motion:reduce){.copy-btn,.share-modal-close,.share-modal-content,.share-modal-overlay,.social-btn{animation:none;transition:none}.copy-btn:hover,.share-modal-close:hover,.social-btn:hover{transform:none}}.infinite-scroll-container{position:relative}.infinite-scroll-loader{display:flex;justify-content:center;padding:20px 0}.default-loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#ff6f61;height:40px;width:40px}.infinite-scroll-end-message{color:#777;font-size:14px;padding:20px 0;text-align:center}.post-detail-container{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.post-detail-content{flex:1 1;margin:0 auto;max-width:800px;padding:20px;width:100%}.post-detail-main{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.post-detail-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{margin-bottom:15px}.post-detail-error{color:#666;padding:60px 20px;text-align:center}.post-detail-error h2{color:#333;margin-bottom:10px}.back-home-btn{background-color:#ff6f61;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px;transition:background-color .2s ease}.back-home-btn:hover{background-color:#e05a4d}.back-btn{align-items:center;background:none;border:none;border-bottom:1px solid #f0f0f0;color:#666;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:15px 20px;transition:color .2s ease}.back-btn:hover{color:#ff6f61}.post-detail-article{padding:30px}.post-header{margin-bottom:30px}.post-meta{flex-wrap:wrap;gap:15px;margin-bottom:15px}.post-category{border-radius:15px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px}.post-date{color:#999;font-size:14px}.post-image-count{background-color:#f0f0f0;border-radius:12px;color:#666;font-size:12px;font-weight:500;padding:4px 10px}.post-title{color:#333;font-size:32px;font-weight:700;line-height:1.3;margin:0}.post-author{border-bottom:1px solid #f0f0f0;justify-content:space-between;margin-bottom:30px;padding:20px 0}.author-info,.post-author{align-items:center;display:flex}.author-info{gap:15px}.author-avatar{background-color:#e0e0e0;border-radius:50%;height:50px;overflow:hidden;width:50px}.author-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background-color:#ff6f61;font-size:18px;font-weight:600}.author-details h3{color:#333;font-size:18px;font-weight:600;margin:0 0 4px}.author-username{color:#666;font-size:14px;margin:0}.follow-btn{background-color:#ff6f61;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.follow-btn:hover{background-color:#e05a4d;transform:translateY(-1px)}.follow-btn.following{background-color:#e0e0e0;color:#666}.follow-btn.following:hover{background-color:#fcc;color:#ff6f61}.post-media{border-radius:12px;margin-bottom:30px;overflow:hidden}.image-container{border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.image-container:hover{transform:scale(1.02)}.image-container img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-container:hover img{transform:scale(1.05)}.image-overlay{align-items:center;background:#0006;bottom:0;color:#fff;display:flex;font-size:14px;font-weight:500;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-container:hover .image-overlay{opacity:1}.post-media.single-image .image-container{height:400px;width:100%}.post-media.two-images .images-grid.grid-2{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;height:300px}.post-media.three-images .images-grid.grid-3{grid-gap:8px;display:grid;gap:8px;grid-template-columns:2fr 1fr;height:300px}.post-media.three-images .image-container.large{height:100%}.post-media.three-images .small-images{grid-gap:8px;display:grid;gap:8px;grid-template-rows:1fr 1fr;height:100%}.post-media.three-images .image-container.small{height:100%}.post-media.multiple-images .images-grid.grid-4{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:300px}.post-media.multiple-images .image-container{height:100%}.post-media.multiple-images .more-overlay{align-items:center;background:#000000b3;display:flex;flex-direction:column;font-size:24px;font-weight:700;justify-content:center;opacity:1}.post-media.multiple-images .view-all{font-size:12px;font-weight:400;margin-top:8px}.image-caption{color:#666;font-size:14px;font-style:italic;margin-top:10px;text-align:center}.image-modal{background:#000000e6;bottom:0;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.image-modal,.modal-content{align-items:center;display:flex}.modal-content{flex-direction:column;max-height:90vh;max-width:90vw;position:relative}.modal-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:background .2s ease;width:40px;z-index:1001}.modal-close:hover{background:#fff}.modal-image-container{align-items:center;display:flex;justify-content:center;max-height:70vh;max-width:100%}.modal-image-container img{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.modal-nav{background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;font-size:24px;height:50px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:50px;z-index:1001}.modal-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.modal-prev{left:20px}.modal-next{right:20px}.detail-modal-counter{background:#000000b3;border-radius:20px;color:#fff;font-size:14px;left:50%;padding:8px 16px;top:20px;transform:translateX(-50%);z-index:1001}.modal-thumbnails{display:flex;gap:8px;margin-top:20px;max-width:100%;overflow-x:auto;padding:10px 0}.modal-thumbnails .thumbnail{border-radius:4px;cursor:pointer;flex-shrink:0;height:60px;object-fit:cover;opacity:.6;transition:opacity .2s ease;width:60px}.modal-thumbnails .thumbnail.active{border:2px solid #ff6f61;opacity:1}.modal-thumbnails .thumbnail:hover{opacity:.8}.modal-caption{color:#fff;font-size:14px;font-style:italic;margin-top:15px;max-width:600px;text-align:center}.post-content{color:#333;font-size:16px;line-height:1.8;margin-bottom:30px}.post-content p,.post-stats{margin-bottom:20px}.post-stats{gap:20px;padding:20px 0}.post-stats span{font-size:14px}.post-actions{gap:15px;margin-bottom:40px}.action-btn{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:25px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.action-btn:hover{background-color:#e9ecef;transform:translateY(-1px)}.action-btn.liked{background-color:#ffe6e6;border-color:#ff6f61;color:#ff6f61}.action-btn.liked:hover{background-color:#fcc}.action-icon{font-size:16px}.comments-section{border-top:1px solid #f0f0f0;padding:0 30px 30px}.comments-title{color:#333;font-size:24px;font-weight:600;margin:30px 0 20px}.comment-form{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:30px;padding:20px}.comment-input-container{display:flex;flex-direction:column;gap:15px}.comment-input{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:15px;resize:vertical;transition:all .2s ease;width:100%}.comment-input:focus{border-color:#ff6f61;box-shadow:0 0 0 3px #ff6f611a;outline:none}.comment-input::placeholder{color:#999;font-style:italic}.comment-submit-btn{align-self:flex-start;background-color:#ff6f61;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .2s ease}.comment-submit-btn:hover:not(:disabled){background-color:#e05a4d;transform:translateY(-1px)}.comment-submit-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.login-prompt{background-color:#f8f9fa;border:2px dashed #e9ecef;border-radius:12px;margin-bottom:30px;padding:30px 20px;text-align:center}.login-prompt p{color:#666;font-size:16px;margin:0}.login-link{background:none;border:none;color:#ff6f61;cursor:pointer;font-size:inherit;font-weight:500;text-decoration:underline}.login-link:hover{color:#e05a4d}.comments-list{max-height:600px;overflow-y:auto}.comment-item{border-bottom:1px solid #f0f0f0;padding:20px 0}.comment-item:last-child{border-bottom:none}.comment-header{margin-bottom:10px}.comment-author{align-items:center;display:flex;gap:12px}.comment-avatar{background-color:#e0e0e0;border-radius:50%;flex-shrink:0;height:36px;overflow:hidden;width:36px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-avatar .avatar-placeholder{font-size:14px}.comment-meta{display:flex;flex-direction:column;gap:2px}.comment-username{color:#333;font-size:14px;font-weight:600}.comment-date{color:#999;font-size:12px}.comment-content{color:#333;font-size:14px;line-height:1.6;margin-left:48px}.comment-content p{margin:0}.no-comments{color:#999;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:768px){.post-detail-content{padding:10px}.post-detail-article{padding:20px}.post-title{font-size:24px}.post-author{align-items:flex-start;flex-direction:column;gap:15px}.author-info{width:100%}.follow-btn{align-self:flex-start}.post-actions{flex-wrap:wrap}.action-btn{flex:1 1;justify-content:center;min-width:0;padding:10px 15px}.comments-section{padding:0 20px 20px}.comment-form{padding:15px}.comment-input{min-height:80px}.comment-content{margin-left:0;margin-top:10px}.comment-author{flex-direction:row}.post-media.single-image .image-container{height:250px}.post-media.multiple-images .images-grid.grid-4,.post-media.three-images .images-grid.grid-3,.post-media.two-images .images-grid.grid-2{height:200px}.modal-nav{font-size:20px;height:40px;width:40px}.modal-prev{left:10px}.modal-next{right:10px}.modal-thumbnails .thumbnail{height:50px;width:50px}}@media (max-width:480px){.post-detail-article{padding:15px}.post-title{font-size:20px}.post-meta{align-items:flex-start;flex-direction:column;gap:8px}.post-stats{flex-wrap:wrap;gap:15px}.action-btn{font-size:12px;padding:8px 12px}.comments-section{padding:0 15px 15px}.comment-form{padding:12px}.comment-input{min-height:70px;padding:12px}.post-media.single-image .image-container{height:200px}.post-media.multiple-images .images-grid.grid-4,.post-media.three-images .images-grid.grid-3,.post-media.two-images .images-grid.grid-2{height:150px}.image-modal{padding:10px}.modal-thumbnails{gap:4px}.modal-thumbnails .thumbnail{height:40px;width:40px}}@media (prefers-color-scheme:dark){.post-detail-container{background-color:#1a1a1a}.post-detail-main{background-color:#2d2d2d;color:#e0e0e0}.author-details h3,.post-title{color:#fff}.post-content{color:#e0e0e0}.comment-form{background-color:#3a3a3a;border-color:#4a4a4a}.comment-input{background-color:#2d2d2d;border-color:#4a4a4a;color:#e0e0e0}.comment-input:focus{border-color:#ff6f61}.action-btn{background-color:#3a3a3a;border-color:#4a4a4a;color:#b0b0b0}.action-btn:hover{background-color:#4a4a4a}.comment-username{color:#fff}.comment-content{color:#e0e0e0}.login-prompt{background-color:#3a3a3a;border-color:#4a4a4a}.image-modal{background:#000000f2}}.profile-container{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.profile-content{margin:20px auto;max-width:1400px;padding:0 20px;width:95%}.profile-error,.profile-loading{flex-direction:column;min-height:60vh;text-align:center}.loading-more,.profile-error,.profile-loading{align-items:center;display:flex;justify-content:center}.loading-more{grid-column:1/-1;padding:40px}.loading-more .loading-spinner{height:30px;margin-bottom:0;width:30px}.profile-loading p{color:#666;font-size:16px;margin:0}.profile-error h2{color:#333;margin-bottom:10px}.profile-error p{color:#666;margin-bottom:20px}.profile-error button{background-color:#ff6f61;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;padding:12px 30px;transition:background-color .2s}.profile-error button:hover{background-color:#e05a4d}.profile-header{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;margin-bottom:20px;padding:30px;position:relative}.settings-button{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:25px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;position:absolute;right:20px;top:20px;transition:all .2s}.settings-button:hover{background-color:#e9ecef;transform:translateY(-1px)}.profile-avatar{background-color:#f8f9fa;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000026;flex-shrink:0;height:150px;margin-right:30px;overflow:hidden;transition:transform .2s;width:150px}.profile-avatar:hover{transform:scale(1.05)}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,#ff6f61,#ff8a50);font-size:48px}.profile-info{flex:1 1}.profile-name-container{align-items:center;display:flex;margin-bottom:8px}.profile-username{color:#212529;font-size:28px;font-weight:700;margin:0 10px 0 0}.verified-badge{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.profile-display-name{color:#6c757d;font-size:18px;font-weight:500;margin:0 0 10px}.profile-bio{color:#495057;font-size:16px;line-height:1.6;margin-bottom:15px;max-width:600px}.profile-meta{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:14px;gap:8px;margin-bottom:20px}.profile-website{color:#ff6f61;text-decoration:none;transition:color .2s}.profile-website:hover{color:#e05a4d;text-decoration:underline}.profile-stats{margin-bottom:25px}.profile-stats,.stat-item{align-items:center;display:flex}.stat-item{cursor:pointer;flex-direction:column;margin-right:40px;transition:transform .2s}.stat-item:hover{transform:translateY(-2px)}.stat-value{color:#212529;font-size:20px;font-weight:700;margin-bottom:2px}.stat-label{color:#6c757d;font-size:14px;font-weight:500}.profile-actions{align-items:center;display:flex;gap:12px}.follow-button{background-color:#ff6f61;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 30px;transition:all .2s}.follow-button.following{background-color:#e9ecef;border:1px solid #dee2e6;color:#495057}.message-button{background-color:initial;border:1px solid #dee2e6;border-radius:25px;color:#495057;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .2s}.follow-button:hover{background-color:#e05a4d;transform:translateY(-1px)}.follow-button.following:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.follow-button.following:hover:after{content:" Unfollow"}.follow-button.following:hover:before{content:""}.message-button:hover{background-color:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}.profile-tabs{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;margin-bottom:20px;overflow:hidden}.tab-button{align-items:center;border-bottom:3px solid #0000;color:#6c757d;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:16px 20px;text-align:center}.tab-icon{font-size:16px}.tab-button.active{background-color:#fff5f4;border-bottom:3px solid #ff6f61;color:#ff6f61;font-weight:600}.tab-button:hover:not(.active){background-color:#f8f9fa;color:#495057}.tab-content{min-height:400px}.posts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.post-item{border-radius:12px;box-shadow:0 2px 10px #00000014;cursor:pointer;transition:all .3s ease}.post-item:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.post-image{background-color:#f8f9fa;height:250px;overflow:hidden;position:relative}.post-image img{height:100%;object-fit:cover;width:100%}.post-placeholder{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#dee2e6;display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.post-details{padding:16px 20px}.post-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#212529;display:-webkit-box;font-size:15px;font-weight:500;line-height:1.4;margin:0 0 12px;overflow:hidden}.post-stats{color:#6c757d;font-size:13px;font-weight:500;gap:16px;margin-bottom:8px}.post-stats span{align-items:center;cursor:pointer;display:flex;gap:4px;transition:color .2s}.post-stats span.liked,.post-stats span:hover{color:#ff6f61}.post-meta{align-items:center;color:#adb5bd;display:flex;font-size:12px;justify-content:space-between}.post-category{background-color:#ff6f61;border-radius:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.post-date{font-style:italic}.load-more-button{background-color:#ff6f61;border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:600;grid-column:1/-1;margin:20px auto;padding:16px 40px;transition:all .2s}.load-more-button:hover{background-color:#e05a4d;box-shadow:0 4px 12px #ff6f614d;transform:translateY(-2px)}.empty-state{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;grid-column:1/-1;padding:80px 20px;text-align:center}.empty-state h3{color:#495057;font-size:24px;font-weight:600;margin-bottom:12px}.empty-state p{color:#6c757d;font-size:16px;line-height:1.5;margin:0}.collection-header{align-items:center;background:linear-gradient(135deg,#ff6f61,#ff8a50);color:#fff;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:20px;text-align:center}.collection-title{font-size:18px;font-weight:600;margin-bottom:8px}.collection-count{font-size:14px;opacity:.9}.collection-privacy{background-color:#000000b3;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;position:absolute;right:12px;top:12px}.coming-soon{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;padding:60px 20px;text-align:center}.coming-soon h3{color:#6c757d;font-size:20px;margin-bottom:10px}.coming-soon p{color:#adb5bd;font-size:14px;line-height:1.5}@media (max-width:1400px){.profile-content{max-width:1200px;width:90%}}@media (max-width:1200px){.posts-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.profile-content{padding:0 16px;width:95%}.posts-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-header{align-items:center;flex-direction:column;padding:40px 20px 30px;text-align:center}.settings-button{font-size:13px;padding:8px 16px;right:15px;top:15px}.profile-avatar{height:120px;margin-bottom:20px;margin-right:0;width:120px}.avatar-placeholder{font-size:40px}.profile-username{font-size:24px}.profile-display-name{font-size:16px}.profile-stats{justify-content:center;margin-bottom:20px}.stat-item{margin-right:30px}.stat-item:last-child{margin-right:0}.profile-actions{justify-content:center;margin-top:0}.profile-tabs{border-radius:8px}.tab-button{flex-direction:column;font-size:14px;gap:4px;padding:14px 12px}.tab-icon{font-size:18px}.posts-grid{gap:18px;grid-template-columns:repeat(2,1fr)}.profile-meta{justify-content:center;text-align:center}}@media (max-width:480px){.profile-content{margin:10px auto;padding:0 12px}.profile-header{margin-bottom:16px;padding:35px 16px 25px}.settings-button{font-size:12px;padding:6px 12px;right:10px;top:10px}.profile-avatar{height:100px;margin-bottom:16px;width:100px}.avatar-placeholder{font-size:32px}.profile-username{font-size:20px}.profile-bio{font-size:14px}.stat-item{margin-right:20px}.stat-value{font-size:18px}.stat-label{font-size:12px}.follow-button,.message-button{font-size:13px;padding:10px 20px}.tab-button{font-size:12px;padding:12px 8px}.posts-grid{gap:16px;grid-template-columns:1fr}.empty-state{padding:50px 16px}.empty-state h3{font-size:20px}.empty-state p{font-size:14px}}@media (prefers-contrast:high){.post-item,.profile-header,.profile-tabs{border:2px solid #000}.follow-button,.message-button{border:2px solid}}@media (min-width:1600px){.profile-content{max-width:1600px;width:90%}.posts-grid{gap:28px;grid-template-columns:repeat(4,1fr)}}@media (min-width:1920px){.profile-content{max-width:1800px;width:85%}.posts-grid{gap:32px;grid-template-columns:repeat(4,1fr)}}.follow-button:focus-visible,.load-more-button:focus-visible,.message-button:focus-visible,.post-item:focus-visible,.settings-button:focus-visible,.tab-button:focus-visible{outline:2px solid #ff6f61;outline-offset:2px}.avatar-image.loading{opacity:.7}.avatar-image.loading:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#ff6f61;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.post-item:hover .post-caption,.stat-item:hover .stat-value{color:#ff6f61}@media print{.profile-actions,.profile-tabs,.settings-button{display:none}.profile-container{background-color:#fff}.post-item,.profile-header{border:1px solid #ccc;box-shadow:none}}.collection-card{display:flex;flex-direction:column;height:100%;width:100%}.card-cover{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#dee2e6;display:flex;font-size:48px;height:250px;justify-content:center;overflow:hidden;position:relative}.card-cover:before{content:"📚";font-size:48px}.card-content{flex:1 1;padding:16px 20px}.collection-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#212529;display:-webkit-box;font-size:15px;font-weight:500;line-height:1.4;margin:0 0 12px;overflow:hidden}.collection-subtitle{align-items:center;color:#6c757d;display:flex;font-size:13px;font-weight:500;gap:4px;margin:0;padding-top:12px}.collection-subtitle:before{content:"📊";font-size:12px}.collection-card.private .card-cover:before{content:"🔒"}.collection-card.private .card-cover{background:linear-gradient(135deg,#fff3cd,#ffeaa7)}.collection-card:hover .collection-title{color:#ff6f61}@media (max-width:768px){.card-cover{height:200px}.card-cover:before{font-size:40px}.collection-title{font-size:14px}.collection-subtitle{font-size:12px}}@media (max-width:480px){.card-cover{height:180px}.card-cover:before{font-size:36px}}.notification-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:80px auto 0;max-height:calc(100vh - 100px);max-width:1000px;overflow-y:auto;padding:20px}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.notification-section{box-shadow:0 1px 4px #0000000d}.notification-section,.notification-tabs-wrapper{border:1px solid #eee;border-radius:8px;overflow:hidden}.notification-tabs-wrapper{display:flex;margin-bottom:20px}.notification-tabs{display:flex;width:100%}.notification-tab{color:#555;cursor:pointer;flex:1 1;font-size:14px;padding:12px 0;text-align:center;transition:background-color .3s,color .3s}.notification-tab:hover{background-color:#fafafa}.notification-tab.active{background-color:#ff6f61;color:#fff;font-weight:700}.notification-list{margin-top:10px}.notification-item{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.notification-item.unread{background-color:#f9f9ff}.notification-avatar{position:relative}.red-dot{background-color:red;border:2px solid #fff;border-radius:50%;height:10px;left:-3px;position:absolute;top:-3px;width:10px}.avatar-circle{background-color:#ddd;border-radius:50%;height:40px;width:40px}.notification-content{flex:1 1;margin-left:16px}.notification-text{color:#333;font-size:16px}.notification-text .username{color:#222;font-weight:700}.notification-detail{color:#777;font-size:14px;margin-top:4px}.notification-time{align-items:flex-end;color:#999;display:flex;flex-direction:column;font-size:13px;min-width:60px}.more-button{color:#ccc;cursor:pointer;font-size:18px;margin-top:6px}body{background-color:#f5f5f5;font-family:Arial,sans-serif;margin:0}.btn.secondary{background-color:#f8f8f8;border:1px solid #ddd;border-radius:9999px;color:#555;font-weight:400;transition:background-color .3s,color .3s}.btn.primary,.btn.secondary:hover{background-color:#ff6f61;color:#fff}.btn.primary{border:none;border-radius:25px;cursor:pointer;font-weight:400;margin-top:6px;padding:6px 14px}.explore-main-container{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.explore-main-content{display:flex;flex:1 1;gap:20px;padding:20px}.sidebar{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:20px;width:220px}.sidebar-title{color:#000;font-size:16px;font-weight:600;margin-bottom:15px}.feed-title{border-bottom:2px solid #f2f2f2;color:#333;font-size:24px;font-weight:600}.content-container{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;flex:1 1;padding:20px}.explore-section,.explore-sidebar-section{display:flex;flex:1 1;flex-direction:column;margin-bottom:10px}.explore-feed{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 100px);overflow:hidden;padding:20px}.explore-section-title{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.category-bar{flex:1 1}.featured-post{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;flex:1 1;max-width:none;overflow:hidden;transition:transform .2s,box-shadow .2s;width:auto}.explore-post-thumbnail{background-color:#f0f0f0;height:150px}.explore-post-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:16px}.post-title-detial{display:flex;flex:1 1;flex-direction:column}.explore-post-title{color:#333;font-size:24px;font-weight:600;margin-bottom:5px}.explore-post-details{color:#666;font-size:16px}.post-user{align-items:center;display:flex;gap:10px}.explore-user-avatar{background-color:#e0e0e0;border-radius:50%;height:50px;margin-right:8px;width:50px}.explore-username{color:#555;font-size:24px}.popular-post-container{background-color:#fff;border-radius:10px;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-between;overflow:hidden;transition:transform .2s,box-shadow .2s}.popular-post:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-3px)}.post-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.explore-city-search-section{margin-bottom:0}.explore-city-search-bar{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 16px;width:100%}.explore-popular-cities{list-style:none;margin:0;padding:0}.explore-popular-cities li{box-shadow:none;margin:0;padding:0}.explore-popular-cities button{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease;width:100%}.explore-popular-cities .explore-city-name{color:#333;font-size:14px}.explore-popular-cities .explore-city-count{color:#7b7b7b;font-size:14px}.explore-popular-cities button:hover{background-color:#f5f5f5;box-shadow:0 2px 6px #0000000d;transform:scale(1.02)}.explore-popular-cities button.active{background-color:#ff6b61;color:#fff}.explore-popular-cities button.active .explore-city-count,.explore-popular-cities button.active .explore-city-name{color:#fff}.explore-city-search-section .explore-suggestions{background:hsla(0,0%,96%,.977);border:1px solid #ddd;border-radius:5px;list-style:none;margin:0;max-height:200px;padding:0;position:absolute;width:83%;z-index:100}.explore-city-search-section .explore-suggestions li{box-shadow:none;cursor:pointer;margin:0;padding:8px 12px}.explore-city-search-section .explore-suggestions li:hover{background-color:#d1d1d1}.explore-suggestions button{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;width:100%}.chat-container{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh}.chat-content{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;margin:20px auto;max-width:1200px;overflow:hidden;width:100%}.connection-status{border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:14px;font-weight:500;left:50%;padding:8px 16px;position:fixed;top:70px;transform:translateX(-50%);z-index:1000}.connection-status.error{background-color:#ff6b6b;color:#fff}.connection-status.success{background-color:#51cf66;color:#fff}.connection-status.warning{background-color:#ffd43b;color:#333}.chat-sidebar{border-right:1px solid #eee;display:flex;flex-direction:column;position:relative;width:350px}.sidebar-header{border-bottom:1px solid #eee;padding:20px}.sidebar-header h2{color:#333;font-size:20px;margin:0 0 15px}.search-input{background-color:#f5f5f5;border:1px solid #ddd;border-radius:20px;box-sizing:border-box;font-size:14px;padding:10px 15px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#ff6f61;outline:none}.message-tabs{border-bottom:1px solid #eee;display:flex}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:14px;padding:12px;transition:all .2s}.tab-button.active{background-color:#ff6f61;border-bottom-color:#ff6f61;color:#fff}.tab-button:hover:not(.active){background-color:#f9f9f9}.conversation-list{flex:1 1;overflow-y:auto}.conversation-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:15px 20px;position:relative;transition:background-color .2s}.conversation-item:hover{background-color:#f9f9f9}.conversation-item.active{background-color:#f5f5f5;border-left:3px solid #ff6f61}.conversation-avatar{background-color:#e0e0e0;border-radius:50%;flex-shrink:0;height:50px;margin-right:15px;overflow:hidden;position:relative;width:50px}.conversation-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.chat-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#ff5722,#ff6f61);color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.conversation-info{flex:1 1;min-width:0}.conversation-header{display:flex;justify-content:space-between;margin-bottom:5px}.conversation-username{color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-timestamp{color:#999;flex-shrink:0;font-size:12px;margin-left:10px}.conversation-preview{color:#666;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-indicator{align-items:center;background-color:#ff6f61;border-radius:10px;display:flex;height:20px;justify-content:center;min-width:20px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.unread-count{color:#fff;font-size:12px;font-weight:600;padding:0 6px}.loading-messages,.no-messages{color:#999;font-size:14px;padding:40px 20px;text-align:center}.new-message-button{background-color:#ff6f61;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:24px;height:50px;left:50%;position:absolute;transform:translateX(-50%);transition:transform .2s;width:50px}.new-message-button:hover{transform:translateX(-50%) scale(1.05)}.chat-main{display:flex;flex:1 1;flex-direction:column;position:relative}.chat-header{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;padding:15px 20px}.chat-header,.chat-user-info{align-items:center;display:flex}.chat-avatar{background-color:#e0e0e0;border-radius:50%;height:40px;margin-right:10px;overflow:hidden;position:relative;width:40px}.chat-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.chat-username{color:#333;font-weight:500}.chat-user-details{display:flex;flex-direction:column}.online-status{color:#4caf50;font-size:12px;margin-top:2px}.messages-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px;scroll-behavior:smooth}.date-divider{color:#999;font-size:12px;margin:20px 0;position:relative;text-align:center}.date-divider:before{background-color:#eee;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:1}.date-divider span{background:#fff;padding:0 15px;position:relative;z-index:2}.message{animation:messageAppear .3s ease-out;display:flex;flex-direction:column;margin-bottom:15px;max-width:70%}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-items:flex-end;align-self:flex-end}.message.received{align-items:flex-start;align-self:flex-start}.message.optimistic{opacity:.7}.message-content{word-wrap:break-word;border-radius:16px;font-size:14px;line-height:1.4;padding:12px 16px;position:relative}.message.sent .message-content{background-color:#ff6f61;border-bottom-right-radius:4px;color:#fff}.message.received .message-content{background-color:#f0f0f0;border-bottom-left-radius:4px;color:#333}.message-timestamp{align-items:center;color:#999;display:flex;font-size:11px;margin-top:5px;padding:0 4px}.read-status{color:#4fc3f7;font-size:12px;margin-left:4px}.typing-indicator{align-items:center;color:#666;display:flex;font-size:14px;font-style:italic;margin:10px 0}.typing-indicator:before{animation:pulse 1.5s infinite;background-color:#ff6f61;border-radius:50%;content:"";height:8px;margin-right:8px;width:8px}.message-input-container{align-items:center;background-color:#fff;border-top:1px solid #eee;display:flex;padding:20px}.message-input{background-color:#f5f5f5;border:none;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:12px 20px;resize:none;transition:background-color .2s}.message-input:focus{background-color:#ebebeb}.message-input::placeholder{color:#999}.message-input:disabled{cursor:not-allowed;opacity:.6}.send-button{align-items:center;background-color:#ff6f61;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;margin-left:10px;transition:all .2s;width:40px}.send-button:hover:not(:disabled){background-color:#ff5722;transform:scale(1.05)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.no-chat-selected{align-items:center;color:#999;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.no-chat-selected h3{color:#333;font-size:24px;margin:0 0 10px}.no-chat-selected p{font-size:16px;margin:5px 0}.connection-warning{color:#ff6b6b!important;font-weight:500}.online-indicator{background-color:#4caf50;border:2px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 0 0 1px #0000001a;height:12px;position:absolute;right:2px;width:12px}.message-menu{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #00000026;position:absolute;right:0;top:-30px;z-index:10}.message-menu button{background:none;border:none;color:#f44336;cursor:pointer;font-size:14px;padding:8px 16px;text-align:left;width:100%}.message-menu button:hover{background-color:#f5f5f5}.chat-avatar,.conversation-avatar{position:relative}.message.sent{cursor:context-menu}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease-out;background:#fff;border-radius:8px;max-height:80vh;max-width:500px;overflow:hidden;padding:10px 50px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:30px 0;position:relative;width:100%}.modal-header h3{color:#333;font-size:18px;left:50%;margin:0;position:absolute;transform:translateX(-50%)}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;position:absolute;right:0;top:25%;transition:all .2s;width:30px}.close-button:hover{background-color:#f5f5f5;color:#333}.modal-body{max-height:60vh;overflow-y:auto;padding:20px;width:100%}.user-list{display:flex;flex-direction:column;gap:10px}.user-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:background-color .2s}.user-item:hover{background-color:#f9f9f9}.user-avatar{border-radius:50%;height:40px;margin-right:12px;overflow:hidden;position:relative;width:40px}.user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-info{flex:1 1}.username{display:block;font-weight:500}.online-text{color:#4caf50;font-size:12px;margin-top:2px}.loading{color:#999;padding:40px;text-align:center}@media (max-width:768px){.chat-content{border-radius:0;height:calc(100vh - 80px);margin:10px}.chat-sidebar{background:#fff;bottom:0;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:10}.chat-sidebar.mobile-open{transform:translateX(0)}.chat-main{width:100%}.message{max-width:85%}.conversation-item{padding:12px 15px}.conversation-avatar{height:45px;width:45px}.chat-avatar{height:35px;width:35px}.modal-content{margin:20px;width:95%}.mobile-back-button{background:none;border:none;color:#666;cursor:pointer;display:none;font-size:20px;margin-right:10px;padding:5px 10px}@media (max-width:768px){.mobile-back-button{display:block}}.delete-confirm-modal{max-width:350px;width:90%}.delete-confirm-actions{flex-direction:column-reverse;gap:8px}.cancel-button,.delete-button{padding:12px 20px;width:100%}}.conversation-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.conversation-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.conversation-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.conversation-item.loading{opacity:.6;pointer-events:none}.message.sending{opacity:.7}.message.failed{opacity:.5}.message.failed .message-content{border:1px solid #ff6b6b}.conversation-item:focus,.message-input:focus,.send-button:focus,.tab-button:focus,.user-item:focus{outline:2px solid #ff6f61;outline-offset:2px}@media (prefers-contrast:high){.conversation-item,.message-content{border:1px solid #000}.online-indicator{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.message,.modal-content,.modal-overlay,.new-message-button,.send-button{animation:none;transition:none}.typing-indicator:before{animation:none}}.chat-menu-container{position:relative}.menu-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:20px;padding:5px 10px;transition:background-color .2s}.menu-button:hover{background-color:#f5f5f5;color:#333}.chat-dropdown-menu{animation:menuSlideDown .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.menu-item:hover{background-color:#f5f5f5}.menu-item.delete-chat{color:#ff4757}.menu-item.delete-chat:hover{background-color:#fff5f5}.menu-item:disabled{cursor:not-allowed;opacity:.6}.menu-icon{font-size:16px;margin-right:8px}.delete-confirm-modal{max-height:400px;max-width:650px;padding:0}.delete-confirm-modal .modal-body{padding:20px 30px;text-align:center}.delete-confirm-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.cancel-button{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.cancel-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#ccc}.delete-button{background:#ff4757;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s}.delete-button:hover:not(:disabled){background-color:#ff3838}.cancel-button:disabled,.delete-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.delete-confirm-actions{align-items:center;flex-direction:column}.cancel-button,.delete-button{max-width:200px;width:100%}}.search-page{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.search-main-container{background:#fff;border-radius:15px;display:flex;flex-direction:column;margin:20px auto;max-width:1200px;padding:30px;width:90%}.recent-trending-container{flex:1 1}.recent-trending-container,.search-container{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;padding:20px}.search-container{flex:2 1}.content-area{border:1px solid #eaeaea;border-radius:10px;height:100%;margin-bottom:20px;min-height:50px;width:100%}.contents-containers{display:flex;gap:20px;width:100%}.recent-trending-container,.trending-now-container{flex:1 1;min-height:300px}.history-container,.recent-trending-container,.trending-now-container{background:#fff;border:1px solid #eaeaea;border-radius:10px;padding:20px}.history-container{flex:2 1;height:calc(100vh - 150px);overflow-y:auto}.infinite-scroll-container{height:100%;min-height:100%;overflow-y:auto}.search-result-section{height:100%}ul{list-style:none;padding:0}li{box-shadow:0 1px 3px #0000001a;justify-content:space-between;margin-bottom:8px;padding:10px}.user-search,li{align-items:center;display:flex}.avatar{border-radius:50%;height:40px;margin-right:8px;width:40px}.username{color:#333;font-size:14px}.close-btn{background:none;border:none;cursor:pointer;font-size:1.1rem}.subtext{color:#777;font-size:.85rem;margin-top:8px}.category-bar{box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:20px;width:"100%"}.category-tab{border-radius:8px;color:#555;cursor:pointer;flex:1 1;padding:.75rem;text-align:center;transition:background-color .2s}.category-tab:hover{background-color:#f0f0f0}.category-tab.active{background-color:#ff6f61;color:#fff}.post-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.post-item{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.post-item:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-3px)}.posts-end-message,.posts-loader{color:#777;padding:20px}.post-actions{gap:10px;margin-bottom:10px;margin-left:10px;margin-right:10px}.search-post-thumbnail{background-color:#f8f9fa;height:180px;overflow:hidden;position:relative}.search-post-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.post-item:hover .search-post-thumbnail img{transform:scale(1.05)}.search-post-content{padding:20px}.search-post-title{-webkit-line-clamp:2;color:#333;font-size:18px;font-weight:600;height:50px;line-height:1.4;margin-bottom:8px}.search-post-details,.search-post-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.search-post-details{-webkit-line-clamp:3;color:#666;font-size:14px;line-height:1.5;margin-bottom:15px}.search-post-metadata{align-items:center;display:flex;font-size:12px;gap:10px;margin-bottom:15px}.search-post-category{background-color:#ff6f61;border-radius:12px;color:#fff;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.search-post-date{color:#999;font-weight:400}.search-post-user{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;padding:8px 0}.search-user-avatar{align-items:center;background-color:#e0e0e0;border-radius:50%;color:#666;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;margin-right:10px;overflow:hidden;width:32px}.search-author-info{display:flex;flex:1 1;flex-direction:column}.search-username{color:#333;font-size:14px;font-weight:500;margin-bottom:4px}.follow-btn-small{background-color:#ff6f61;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s ease;white-space:nowrap}.follow-btn-small:hover{background-color:#e05a4d;transform:translateY(-1px)}.follow-btn-small.following{background-color:#e0e0e0;color:#666}.follow-btn-small.following:hover{background-color:#fcc;color:#ff6f61}.post-stats{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;gap:15px;margin-bottom:15px;padding:10px 0}.post-stats span{color:#666;font-size:12px;font-weight:500}.post-actions{display:flex;flex-wrap:wrap;gap:8px}.action-button{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;color:#495057;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:8px 14px;transition:all .2s ease}.action-button:hover{background-color:#e9ecef;transform:translateY(-1px)}.action-button.liked{background-color:#ffe6e6;border-color:#ff6f61;color:#ff6f61}.action-button.liked:hover{background-color:#fcc}.posts-loader{align-items:center;color:#666;display:flex;font-size:14px;gap:10px;justify-content:center;padding:30px;text-align:center}.posts-loader:before{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#ff6f61;content:"";height:20px;width:20px}.posts-end-message{background-color:#f8f9fa;border-radius:8px;color:#999;font-size:14px;font-style:italic;margin-top:20px;padding:30px;text-align:center}.login-container{height:100vh}.login-container,.login-left-panel{background-color:#f5f5f5;display:flex}.login-left-panel{align-items:center;flex:1 1;justify-content:center;position:relative}.login-welcome{max-width:80%;text-align:center}.login-form-panel{align-items:center;background-color:#f9f9f9;display:flex;flex:1 1;justify-content:center}.login-form-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000000d;max-width:400px;padding:30px;width:85%}.login-logo{color:#ff6f61;cursor:pointer;font-size:28px;margin-bottom:8px;text-align:center}.login-logo:hover{color:#e05a4d}.login-subtitle{color:#555;font-size:16px;font-weight:400;margin-bottom:24px;text-align:center}.login-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:14px;margin-bottom:16px;padding:10px;text-align:center}.login-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.login-input:focus{border-color:#ff6f61;outline:none}.login-button{background-color:#ff6f61;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:14px;transition:background-color .3s;width:100%}.login-button:hover:not(:disabled){background-color:#e05a4d}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-options{margin-top:24px;text-align:center}.new-to-momento{color:#666;font-size:14px;margin-bottom:20px}.login-with-text{color:#666;font-size:14px;margin-bottom:16px;position:relative}.login-with-text:after,.login-with-text:before{background-color:#ddd;content:"";height:1px;position:absolute;top:50%;width:30%}.login-with-text:before{left:0}.login-with-text:after{right:0}@media (max-width:768px){.login-container{flex-direction:column}.login-left-panel{display:none}.login-form-panel{padding:20px 10px;width:100%}.login-form-container{width:100%}}.success-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:400px;padding:40px 30px;position:relative;text-align:center;width:90%}.success-icon-container{align-items:center;animation:scaleIn .5s ease-out .2s both;background-color:#ff6f61;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-checkmark{height:40px;position:relative;width:40px}.success-checkmark:after{animation:checkmarkDraw .3s ease-out .5s both;border:3px solid #fff;border-right:none;border-top:none;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%) rotate(-45deg);width:16px}.success-title{animation:fadeInUp .4s ease-out .3s both;color:#333;font-size:24px;font-weight:600;margin-bottom:12px}.success-message{animation:fadeInUp .4s ease-out .4s both;color:#666;font-size:16px;line-height:1.5;margin-bottom:32px}.success-button{animation:fadeInUp .4s ease-out .5s both;background-color:#ff6f61;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;min-width:120px;padding:14px 32px;transition:all .3s ease}.success-button:hover{background-color:#e05a4d;box-shadow:0 4px 12px #ff6f614d;transform:translateY(-2px)}.success-button:active{transform:translateY(0)}.success-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.success-close-button:hover{background-color:#f5f5f5;color:#666}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmarkDraw{0%{opacity:0;transform:translate(-50%,-60%) rotate(-45deg) scale(0)}to{opacity:1;transform:translate(-50%,-60%) rotate(-45deg) scale(1)}}@media (max-width:480px){.success-modal{margin:20px;padding:32px 24px}.success-title{font-size:20px}.success-message{font-size:14px}.success-icon-container{height:70px;width:70px}.success-checkmark{height:35px;width:35px}}.register-container{background-color:#f5f5f5;display:flex;height:100vh}.register-left-panel{background-color:#f5f5f5;flex:1 1;position:relative}.circle-container,.register-left-panel{align-items:center;display:flex;justify-content:center}.circle-container{background-color:#ffefef;border-radius:50%;height:450px;width:450px}.register-welcome{max-width:80%;text-align:center}.welcome-title{color:#ff6f61;font-size:36px;margin-bottom:16px}.welcome-text{color:#666;font-size:16px;line-height:1.6}.register-form-panel{align-items:center;background-color:#f9f9f9;display:flex;flex:1 1;justify-content:center}.register-form-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000000d;max-width:400px;padding:30px;width:85%}.register-logo{color:#ff6f61;cursor:pointer;font-size:28px;margin-bottom:8px;text-align:center}.register-logo:hover{color:#e05a4d}.register-subtitle{color:#555;font-size:16px;font-weight:400;margin-bottom:24px;text-align:center}.register-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:14px;margin-bottom:16px;padding:10px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:14px;margin-bottom:8px}.register-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.register-input:focus{border-color:#ff6f61;outline:none}.input-error{border-color:#d32f2f!important}.error-message{color:#d32f2f;font-size:12px;margin-top:4px}.register-button{background-color:#ff6f61;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:14px;transition:background-color .3s;width:100%}.register-button:hover:not(:disabled){background-color:#e05a4d}.register-button:disabled{cursor:not-allowed;opacity:.7}.register-options{margin-top:24px;text-align:center}.login-link{color:#666;font-size:14px;margin-bottom:20px}.terms-text{color:#888;font-size:12px;line-height:1.5;margin-bottom:20px}.link-text{color:#ff6f61;font-weight:500;text-decoration:none}.link-text:hover{text-decoration:underline}.register-with-text{color:#666;font-size:14px;margin-bottom:16px;position:relative}.register-with-text:after,.register-with-text:before{background-color:#ddd;content:"";height:1px;position:absolute;top:50%;width:30%}.register-with-text:before{left:0}.register-with-text:after{right:0}.social-buttons{gap:16px}.social-button,.social-buttons{display:flex;justify-content:center}.social-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:50%;cursor:pointer;height:40px;transition:background-color .3s;width:40px}.social-button:hover:not(:disabled){background-color:#f8f8f8}.social-button:disabled{cursor:not-allowed;opacity:.5}.social-icon{background-color:#eee;border-radius:50%;height:24px;width:24px}@media (max-width:768px){.register-container{flex-direction:column}.register-left-panel{display:none}.register-form-panel{padding:20px 10px;width:100%}.register-form-container{width:100%}}.post-creation-container{background-color:#f9f9f9;font-family:sans-serif;min-height:100vh}.post-body{background-color:#fff;border-radius:8px;display:flex;gap:24px;margin-top:20px;padding:24px}.media-upload{flex:1 1;gap:30px}.media-upload,.upload-box{display:flex;flex-direction:column}.upload-box{align-items:center;aspect-ratio:3/2;background-color:#f4f4f4;border:2px dashed #ccc;border-radius:8px;color:#888;justify-content:center;padding:40px;transition:all .3s ease}.upload-box:hover{background-color:#f0f0f0;border-color:#999;cursor:pointer}.upload-box p{margin:0 0 15px;padding:0}.image-previews{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.image-previews h4{color:#333;font-size:16px;font-weight:600}.image-preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.image-preview-item{border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative;transition:transform .2s ease}.image-preview-item:hover{transform:scale(1.02)}.image-preview-item img{border:2px solid #ddd;border-radius:8px;height:120px;object-fit:cover;width:100%}.image-remove-button{align-items:center;background:#f00c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:25px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .2s ease;width:25px}.image-remove-button:hover{background:red;transform:scale(1.1)}.image-file-name{color:#666;font-size:10px;margin-top:5px;text-align:center;word-break:break-all}.clear-all-button{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .2s ease}.clear-all-button:hover{background:#f5f5f5;border-color:#999}.upload-error{background-color:#ffebee;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-size:14px;margin-top:10px;padding:10px}.upload-progress{color:#666;font-style:italic;margin-top:15px;text-align:center}.upload-success{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:4px;color:#28a745;font-size:14px;margin-top:10px;padding:10px}.toggle-options{margin-top:20px}.toggle-options label{align-items:center;background-color:#f0f0f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px;padding:12px;transition:background-color .2s ease}.toggle-options label:hover{background-color:#e9ecef}.toggle-options input[type=checkbox]{cursor:pointer;margin:0}.post-details{display:flex;flex:1 1;flex-direction:column;gap:12px}.post-details h3{color:#333;font-size:x-large;margin:-18px 0 0;padding:0}.post-details-section{margin-bottom:15px}.post-details-section p{color:#555;font-size:15px;font-weight:500;margin:0 0 8px}.post-details input,.post-details select,.post-details textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.post-details input:focus,.post-details select:focus,.post-details textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.post-details textarea{font-family:inherit;min-height:100px;resize:vertical}.post-button{display:flex;justify-content:center;margin-top:20px}.post-button button{transition:all .2s ease}.post-button button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.post-body{flex-direction:column;gap:20px;padding:16px}.upload-box{aspect-ratio:2/1;padding:30px 20px}.image-preview-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.image-preview-item img{height:100px}}@media (max-width:480px){.post-creation-container{padding:0 10px}.post-body{gap:15px;padding:12px}.upload-box{padding:20px 15px}.image-preview-grid{grid-template-columns:repeat(2,1fr)}.post-details h3{font-size:large}}.location-picker{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-family:inherit;margin-bottom:15px;padding:16px}.location-picker-header{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:15px}.location-icon{font-size:18px}.location-toggle-buttons{display:flex;gap:8px;margin-bottom:15px}.location-toggle-btn{background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease}.location-toggle-btn:hover{background-color:#f5f5f5;border-color:#bbb}.location-toggle-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.location-toggle-btn:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.manual-location-section{display:flex;flex-direction:column;gap:8px}.location-input{border:1px solid #ccc;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s ease,box-shadow .2s ease}.location-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.location-help-text{color:#666;font-size:12px;margin:0}.current-location-section{display:flex;flex-direction:column;gap:12px}.location-prompt{padding:20px;text-align:center}.get-location-btn{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 2px 4px #007bff33;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.get-location-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.get-location-btn:active{transform:translateY(0)}.location-loading{color:#666;padding:20px;text-align:center}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#007bff;height:24px;margin:0 auto 10px;width:24px}.location-loading p{font-weight:500;margin:5px 0}.location-loading small{color:#888}.current-location-display{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:15px;position:relative}.location-info{margin-bottom:10px}.location-info strong{color:#333;display:block;margin-bottom:8px}.location-name{color:#555;font-weight:500;line-height:1.4;margin:5px 0}.location-details{color:#666;font-size:14px;margin:5px 0}.location-coordinates{color:#888;font-family:monospace;font-size:12px;margin:5px 0}.refresh-location-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;padding:6px 12px;transition:background-color .2s ease}.refresh-location-btn:hover{background-color:#5a6268}.refresh-location-btn:disabled{cursor:not-allowed;opacity:.6}.location-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin:10px 0;padding:12px}.location-error p{font-weight:500;margin:0 0 5px}.location-error small{color:#856404;display:block;margin-top:5px}.clear-location-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;margin-top:10px;padding:8px 16px;transition:background-color .2s ease}.clear-location-btn:hover{background-color:#c82333}.location-privacy-notice{border-top:1px solid #e9ecef;margin-top:15px;padding-top:12px}.location-privacy-notice small{color:#6c757d;font-size:11px;line-height:1.3}@media (max-width:768px){.location-picker{padding:12px}.location-toggle-buttons{flex-direction:column}.location-toggle-btn{flex:none}.get-location-btn{font-size:13px;padding:10px 20px}.current-location-display{padding:12px}}@media (max-width:480px){.location-picker{padding:10px}.location-picker-header{font-size:15px}.location-input{font-size:13px;padding:10px}.get-location-btn{font-size:12px;padding:10px 16px}}.remind-overlay{pointer-events:none;position:fixed;z-index:9999}.remind-overlay.top-center{left:50%;top:20px;transform:translateX(-50%)}.remind-overlay.top-right{right:20px;top:20px}.remind-overlay.bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.remind-overlay.bottom-right{bottom:20px;right:20px}.remind{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d;max-width:500px;min-width:320px;overflow:hidden;pointer-events:auto;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.remind.error,.remind.info,.remind.success,.remind.warning{background:#fffffff2}.remind-content{gap:12px;padding:16px 20px}.remind-content,.remind-icon{align-items:center;display:flex}.remind-icon{border-radius:50%;flex-shrink:0;height:20px;justify-content:center;position:relative;width:20px}.remind-icon-success{background-color:#10b981}.remind-icon-success:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;margin-top:-2px;transform:rotate(45deg);width:6px}.remind-icon-error{background-color:#ef4444}.remind-icon-error:after,.remind-icon-error:before{background-color:#fff;border-radius:1px;content:"";height:2px;position:absolute;width:12px}.remind-icon-error:before{transform:rotate(45deg)}.remind-icon-error:after{transform:rotate(-45deg)}.remind-icon-warning{background-color:#f59e0b}.remind-icon-warning:before{border-radius:1px;height:8px;top:3px}.remind-icon-warning:after,.remind-icon-warning:before{background-color:#fff;content:"";position:absolute;width:2px}.remind-icon-warning:after{border-radius:50%;bottom:3px;height:2px}.remind-icon-info{background-color:#3b82f6}.remind-icon-info:before{border-radius:1px;bottom:3px;height:8px}.remind-icon-info:after,.remind-icon-info:before{background-color:#fff;content:"";position:absolute;width:2px}.remind-icon-info:after{border-radius:50%;height:2px;top:3px}.remind-message{color:#374151;flex:1 1;font-size:14px;font-weight:500;line-height:1.5;word-break:break-word}.remind-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.remind-close:hover{background-color:#f3f4f6;color:#6b7280;transform:scale(1.1)}.remind-close:active{transform:scale(.95)}.remind-progress{animation:progress-bar 5s linear forwards;background:linear-gradient(90deg,#0000,currentColor);bottom:0;height:3px;left:0;position:absolute;right:0;transform-origin:left}.remind-progress.success{color:#10b981}.remind-progress.error{color:#ef4444}.remind-progress.warning{color:#f59e0b}.remind-progress.info{color:#3b82f6}@keyframes progress-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.remind.slide-in{animation:slideInDown .4s cubic-bezier(.4,0,.2,1) forwards}.remind.slide-out{animation:slideOutUp .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100%) scale(.95)}}.remind-overlay.bottom-center .remind.slide-in,.remind-overlay.bottom-right .remind.slide-in{animation:slideInUp .4s cubic-bezier(.4,0,.2,1) forwards}.remind-overlay.bottom-center .remind.slide-out,.remind-overlay.bottom-right .remind.slide-out{animation:slideOutDown .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(100%) scale(.95)}}.remind:hover{box-shadow:0 20px 40px #00000026,0 8px 12px #0000001a;transform:translateY(-2px)}.remind:hover .remind-progress{animation-play-state:paused}@media (prefers-color-scheme:dark){.remind{background:#1f2937f2;color:#fff}.remind-message{color:#f9fafb}.remind-close{color:#9ca3af}.remind-close:hover{background-color:#374151;color:#d1d5db}}@media (max-width:768px){.remind-overlay{left:10px!important;right:10px!important;transform:none!important}.remind{margin:0;max-width:none;min-width:auto}.remind-content{gap:10px;padding:14px 16px}.remind-message{font-size:13px}.remind-icon{height:18px;width:18px}}@media (prefers-reduced-motion:reduce){.remind,.remind-close,.remind-progress{animation:none!important;transition:none!important}.remind.slide-in{opacity:1;transform:translateY(0) scale(1)}}.settings-loading,.settings-page{background-color:#f5f5f5;min-height:100vh}.settings-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#ff6f61;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.settings-loading p{color:#666;font-size:16px;margin:0}.settings-header{align-items:center;background-color:#fff;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:10px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.success-banner{background-color:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}.error-banner,.success-banner{animation:slideDown .3s ease-out;margin:0;padding:12px 24px;text-align:center}.error-banner{background-color:#ffebee;border:1px solid #f44336;color:#c62828}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-banner p,.success-banner p{font-weight:500;margin:0}.settings-container{padding:40px}.settings-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.settings-logo{align-items:center;color:#ff6f61;cursor:pointer;display:flex;font-size:20px;font-weight:700;transition:opacity .2s}.settings-logo:hover{opacity:.8}.settings-logo-image{height:30px;margin-right:8px}.settings-logo-text{display:inline-block}.settings-title{color:#333;flex:1 1;font-size:20px;font-weight:600;margin:0;text-align:center}.save-button{background-color:#ff6f61;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;min-width:120px;padding:10px 35px;transition:all .2s}.save-button:hover:not(.disabled){background-color:#e05a4d;transform:translateY(-1px)}.save-button.disabled{transform:none}.save-button.disabled,.save-button:disabled{background-color:#ccc;cursor:not-allowed}.settings-content{border-top:none;display:flex;min-height:600px}.settings-nav{background-color:#fafafa;border-right:1px solid #f0f0f0;padding:30px 0;width:250px}.nav-item{background:none;border:none;border-radius:0;color:#555;cursor:pointer;display:block;font-size:16px;padding:12px 40px;position:relative;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background-color:#f0f0f0}.nav-item.active{background-color:#ff6f61;color:#fff;font-weight:500}.nav-item.active:before{background-color:#e05a4d;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.nav-item.logout{color:#ff6f61;font-weight:500;margin-top:40px}.nav-item.logout:hover{background-color:#ffefef}.settings-main{background-color:#fff;flex:1 1;padding:40px 60px}.account-settings h3{color:#333;font-size:22px;font-weight:600;margin-bottom:35px}.profile-settings-container{display:flex;gap:60px;margin-bottom:50px}.profile-info-section{flex:1 1}.profile-avatar-section{text-align:center;width:280px}.section-title{border-bottom:2px solid #ff6f61;color:#333;font-size:18px;font-weight:600;margin-bottom:25px;padding-bottom:8px}.form-row{display:flex;gap:20px;margin-bottom:25px}.form-row .input-group{flex:1 1;margin-bottom:0}.input-group{margin-bottom:25px;position:relative}.input-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-group label:after{color:#ff6f61;content:" *";display:none;font-weight:700}.input-group label:has(+input[required]):after,.input-group label:has(+textarea[required]):after{display:inline}.input-group input,.input-group textarea{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.input-group input:focus,.input-group textarea:focus{border-color:#ff6f61;box-shadow:0 0 0 3px #ff6f611a;outline:none}.input-group input.error,.input-group textarea.error{background-color:#fff5f5;border-color:#f44336}.input-group input.error:focus,.input-group textarea.error:focus{box-shadow:0 0 0 3px #f443361a}.input-group input:disabled,.input-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.input-group textarea{font-family:inherit;line-height:1.5;min-height:80px;resize:vertical}.input-hint{color:#888;font-style:italic}.error-text,.input-hint{display:block;font-size:12px;margin-top:4px}.error-text{animation:fadeIn .2s ease-out;color:#f44336;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.avatar-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto}.avatar-preview{align-items:center;background-color:#f5f5f5;border:3px solid #e0e0e0;border-radius:50%;cursor:pointer;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;transition:all .2s;width:200px}.avatar-preview:hover{border-color:#ff6f61;box-shadow:0 4px 12px #ff6f614d;transform:scale(1.02)}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#ff6f61,#e05a4d);color:#888;color:#fff;display:flex;font-size:60px;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}.avatar-preview.uploading{opacity:.7;pointer-events:none}.avatar-preview.uploading:after{animation:spin 1s linear infinite;border:4px solid #fff;border-radius:50%;border-top-color:#ff6f61;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.change-avatar-button{background-color:#ff6f61;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 30px;transition:all .2s}.change-avatar-button:hover:not(:disabled){background-color:#e05a4d;transform:translateY(-1px)}.change-avatar-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.password-section{border-top:1px solid #f0f0f0;margin-top:50px;padding-top:30px}.password-section .section-title{border-bottom:2px solid #ff6f61;color:#333;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:8px}.save-change-button{background-color:#ff6f61;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:15px;padding:10px 30px;transition:all .2s}.save-change-button:hover:not(:disabled){background-color:#e05a4d;transform:translateY(-1px)}.save-change-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.about-settings,.blocking-settings,.display-settings,.help-settings,.language-settings,.notifications-settings,.privacy-settings,.security-settings{animation:fadeIn .3s ease-out;padding:20px 0}.about-settings h3,.blocking-settings h3,.display-settings h3,.help-settings h3,.language-settings h3,.notifications-settings h3,.privacy-settings h3,.security-settings h3{border-bottom:2px solid #ff6f61;color:#333;font-size:22px;font-weight:600;margin-bottom:30px;padding-bottom:10px}.input-group.valid input,.input-group.valid textarea{border-color:#4caf50}.input-group.valid input:focus,.input-group.valid textarea:focus{box-shadow:0 0 0 3px #4caf501a}.settings-header.has-changes{background-color:#fff9e6;border-bottom:2px solid #ff9800}.settings-header.has-changes .save-button{animation:pulse 2s infinite;background-color:#ff9800}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff9800b3}70%{box-shadow:0 0 0 10px #ff980000}to{box-shadow:0 0 0 0 #ff980000}}@media (max-width:1200px){.settings-main{padding:40px}.profile-settings-container{gap:40px}}@media (max-width:1024px){.profile-settings-container{flex-direction:column;gap:40px}.profile-avatar-section{order:-1;width:100%}.avatar-preview{height:150px;width:150px}.avatar-placeholder{font-size:50px}}@media (max-width:768px){.settings-container{padding:20px}.settings-wrapper{border-radius:0}.settings-content{flex-direction:column}.settings-nav{background-color:#fff;border-bottom:1px solid #f0f0f0;border-right:none;padding:20px 0;width:100%}.nav-item{padding:12px 20px}.settings-main{padding:40px 20px}.settings-header{flex-wrap:wrap;gap:10px;padding:15px 20px}.settings-title{flex-basis:100%;font-size:18px;margin-top:10px;order:2;text-align:left}.save-button{font-size:14px;min-width:100px;padding:8px 25px}.form-row{flex-direction:column;gap:0}.form-row .input-group{margin-bottom:25px}.profile-settings-container{gap:30px}.avatar-preview{height:120px;width:120px}.avatar-placeholder{font-size:40px}}@media (max-width:480px){.settings-container{padding:10px}.settings-main{padding:30px 15px}.settings-header{padding:10px 15px}.account-settings h3{font-size:20px;margin-bottom:25px}.section-title{font-size:16px}.input-group{margin-bottom:20px}.input-group input,.input-group textarea{font-size:14px;padding:10px 12px}.avatar-preview{height:100px;width:100px}.avatar-placeholder{font-size:32px}.change-avatar-button,.save-change-button{font-size:14px;padding:8px 20px}}.change-avatar-button:focus-visible,.input-group input:focus-visible,.input-group textarea:focus-visible,.nav-item:focus-visible,.save-button:focus-visible,.save-change-button:focus-visible{outline:2px solid #ff6f61;outline-offset:2px}@media (prefers-contrast:high){.input-group input,.input-group textarea{border-width:2px}.input-group input:focus,.input-group textarea:focus{border-width:3px}.change-avatar-button,.save-button,.save-change-button{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner{animation:none;border-top-color:#0000}}
/*# sourceMappingURL=main.3f6bce36.css.map*/