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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f0f0;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App,.loading{min-height:100vh}.loading{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center}.navbar{background-color:#fff;box-shadow:0 1px 2px #0000001a;position:sticky;top:0;z-index:100}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-logo{color:#e60023;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-menu{align-items:center;display:flex;gap:1.5rem}.nav-link{color:#333;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#e60023}.nav-user{color:#666;font-size:.9rem}.nav-logout{background-color:#e60023;border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .2s}.nav-logout:hover{background-color:#c50018}.main-content{margin:0 auto;max-width:1400px;padding:2rem}.auth-container{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000001a;margin:4rem auto;max-width:400px;padding:2rem}.auth-container h2{color:#333;margin-bottom:2rem;text-align:center}.auth-container form{display:flex;flex-direction:column;gap:1rem}.auth-container input{border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem}.auth-container input:focus{border-color:#e60023;outline:none}.auth-container button{background-color:#e60023;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .2s}.auth-container button:hover{background-color:#c50018}.auth-container p{color:#666;margin-top:1rem;text-align:center}.auth-container a{color:#e60023;font-weight:600;text-decoration:none}.error{color:#d93025;font-size:.9rem;margin-bottom:1rem}.home-page h1{color:#333;margin-bottom:2rem;text-align:center}.image-grid{column-gap:16px;columns:240px 6}.image-item{border-radius:16px;cursor:pointer;margin-bottom:16px;overflow:hidden;position:relative;transition:transform .2s}.image-item:hover{transform:scale(1.05)}.image-item img{display:block;width:100%}.image-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;left:0;opacity:0;padding:1rem;position:absolute;right:0;transition:opacity .2s}.image-item:hover .image-overlay{opacity:1}.image-overlay p{font-size:.9rem;margin:0 0 .5rem}.content-type-badge{background-color:#ffffffe6;border-radius:12px;color:#333;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.25rem;padding:.25rem .5rem}.video-thumbnail{position:relative;width:100%}.video-thumbnail img{display:block;width:100%}.play-icon{align-items:center;background-color:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .2s;width:50px}.image-item:hover .play-icon{background-color:#e60023}.webpage-preview{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem 1.5rem;text-align:center}.webpage-icon{font-size:3rem;margin-bottom:1rem;opacity:.9}.webpage-title{font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.webpage-url{font-size:.8rem;font-weight:300;opacity:.8}.upload-page{margin:0 auto;max-width:600px}.upload-page h1{margin-bottom:2rem;text-align:center}.boards-page{margin:0 auto;max-width:1200px}.boards-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.boards-header button{background-color:#e60023;border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.boards-header button:hover{background-color:#c50018}.boards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.board-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:1.5rem;transition:transform .2s}.board-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.board-card h3{color:#333;margin-bottom:.5rem}.board-card p{color:#666;font-size:.9rem}input[type=file]{background-color:#fafafa;border:2px solid #ddd;border-radius:12px;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}input[type=file]:hover{background-color:#f5f5f5;border-color:#bbb}input[type=file]:focus{background-color:#fff;border-color:#e60023;box-shadow:0 0 0 3px #e600231a;outline:none}input[type=email],input[type=password],input[type=text],input[type=url]{background-color:#fafafa;border:2px solid #e1e5e9;border-radius:12px;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}input[type=email]:hover,input[type=password]:hover,input[type=text]:hover,input[type=url]:hover{background-color:#f5f5f5;border-color:#c1c7cd}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus{background-color:#fff;border-color:#e60023;box-shadow:0 0 0 3px #e600231a;outline:none}textarea{background-color:#fafafa;border:2px solid #e1e5e9;border-radius:12px;font-family:inherit;font-size:1rem;line-height:1.5;min-height:120px;padding:.875rem 1rem;resize:vertical;transition:all .2s ease}textarea:hover{background-color:#f5f5f5;border-color:#c1c7cd}textarea:focus{background-color:#fff;border-color:#e60023;box-shadow:0 0 0 3px #e600231a;outline:none}select{background-color:#fafafa;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}select:hover{background-color:#f5f5f5;border-color:#c1c7cd}select:focus{background-color:#fff;border-color:#e60023;box-shadow:0 0 0 3px #e600231a;outline:none}button{background-color:#e60023;border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}button:hover{background-color:#c50018}.image-detail{margin:0 auto;max-width:1200px;padding:2rem}.image-detail-container{grid-gap:2rem;background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000001a;display:grid;gap:2rem;grid-template-columns:1fr 400px;overflow:hidden}.image-section img{display:block;height:auto;width:100%}.video-embed{aspect-ratio:16/9;width:100%}.video-embed iframe{border:none;border-radius:16px;height:100%;width:100%}.external-video{background:#f0f0f0;border-radius:16px;padding:4rem 2rem;text-align:center}.external-video p{color:#666;font-size:1.2rem;margin-bottom:1rem}.external-video a{background-color:#e60023;border-radius:24px;color:#fff;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:background-color .2s}.external-video a:hover{background-color:#c50018}.webpage-detail{width:100%}.webpage-preview-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.webpage-preview-large .webpage-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.9}.webpage-preview-large h3{font-size:1.5rem;line-height:1.3;margin-bottom:1rem}.webpage-preview-large p{font-size:1rem;margin-bottom:2rem;opacity:.8}.visit-link-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border:2px solid #ffffff4d;border-radius:24px;color:#fff;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .2s}.visit-link-btn:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.info-section{padding:2rem}.delete-button{background-color:#d93025}.delete-button:hover{background-color:#b71c1c}.image-meta{color:#666;font-size:.9rem;margin:1rem 0}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tag{background-color:#f0f0f0;border-radius:16px;color:#333;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.comments-section{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.comments-section h3{color:#333;margin-bottom:1rem}.profile-page{margin:0 auto;max-width:1000px;padding:2rem}.profile-header{border-bottom:1px solid #eee;display:flex;gap:2rem;margin-bottom:3rem;padding-bottom:2rem}.profile-avatar{flex-shrink:0}.profile-avatar img{border:3px solid #e60023;border-radius:50%;height:120px;object-fit:cover;width:120px}.default-avatar{align-items:center;background:linear-gradient(135deg,#e60023,#ff6b9d);border-radius:50%;color:#fff;display:flex;font-size:3rem;font-weight:700;height:120px;justify-content:center;width:120px}.profile-info{flex:1 1}.profile-main{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.profile-main h1{color:#333;font-size:2rem;margin:0}.account-type{background:#f0f0f0;border-radius:20px;color:#666;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.profile-stats{display:flex;gap:2rem;margin-bottom:1rem}.stat{text-align:center}.stat strong{color:#333;display:block;font-size:1.5rem}.stat span{color:#666;font-size:.9rem}.profile-bio{color:#333;line-height:1.5;margin-bottom:1rem}.profile-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.profile-detail{color:#666;font-size:.9rem}.profile-link{color:#e60023;text-decoration:none}.profile-link:hover{text-decoration:underline}.profile-actions{display:flex;gap:1rem}.btn-primary{background:#e60023;border:none;border-radius:24px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:background .2s}.btn-primary:hover{background:#c50018}.btn-secondary{background:#f0f0f0;border:none;border-radius:24px;color:#333;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:background .2s}.btn-secondary:hover{background:#e0e0e0}.empty-state{color:#666;padding:3rem 2rem;text-align:center}.empty-state p{margin-bottom:1rem}.profile-setup{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.profile-setup-container{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:2rem;width:100%}.profile-setup h2{color:#333;margin-bottom:.5rem;text-align:center}.profile-setup p{color:#666;margin-bottom:2rem;text-align:center}.follow-btn{border:none;border-radius:20px;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s}.follow-btn.not-following{background:#e60023;color:#fff}.follow-btn.not-following:hover{background:#c50018}.follow-btn.following{background:#f0f0f0;border:1px solid #ddd;color:#333}.follow-btn.following:hover{background:#ffebee;border-color:#e60023;color:#e60023}.activity-feed{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem;padding:2rem}.activity-feed h2{color:#333;margin-bottom:1.5rem}.feed-empty{color:#666;padding:2rem;text-align:center}.feed-empty h3{color:#333;margin-bottom:.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:background .2s}.activity-item:hover{background:#f8f8f8}.activity-image{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.activity-image img{height:100%;object-fit:cover;width:100%}.video-indicator{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:.8rem;height:30px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.activity-content{flex:1 1}.activity-header{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.user-name{color:#333;font-weight:600}.activity-description{color:#333;line-height:1.4;margin-bottom:.5rem}.activity-tags{display:flex;flex-wrap:wrap;gap:.5rem}.activity-tags .tag{font-size:.7rem;padding:.2rem .5rem}.tag-more{color:#666;font-size:.7rem}.notification-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:background .2s}.notification-btn:hover{background:#f0f0f0}.notification-center{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;width:350px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem 1.5rem}.notification-header h3{color:#333;margin:0}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:0}.notification-list{max-height:300px;overflow-y:auto}.notification-item{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;position:relative;transition:background .2s}.notification-item:hover{background:#f8f8f8}.notification-item.unread{background:#f0f8ff}.notification-icon{font-size:1.2rem}.notification-content{flex:1 1}.notification-text{color:#333;font-size:.9rem;margin:0 0 .25rem}.notification-time{color:#666;font-size:.8rem}.notification-unread-dot{background:#e60023;border-radius:50%;height:8px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:8px}.notification-empty,.notification-loading{color:#666;padding:2rem;text-align:center}.notification-empty p{font-weight:600;margin-bottom:.5rem}.notification-empty span{font-size:.9rem}.home-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 2fr}.activity-section{position:sticky;top:2rem}.home-guest{text-align:center}.home-guest h1{margin-bottom:.5rem}.home-guest p{color:#666;margin-bottom:2rem}.discover-page{margin:0 auto;max-width:1200px;padding:2rem}.discover-header{margin-bottom:3rem;text-align:center}.discover-header h1{color:#333;margin-bottom:.5rem}.discover-header p{color:#666;font-size:1.1rem}.discover-section{margin-bottom:3rem}.discover-section h2{color:#333;margin-bottom:2rem}.creators-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.creator-card{background:#fff;border-radius:16px;box-shadow:0 2px 10px #00000014;padding:2rem;text-align:center;transition:transform .2s}.creator-card:hover{transform:translateY(-2px)}.creator-avatar{cursor:pointer;display:inline-block;margin-bottom:1rem}.creator-avatar img{border:2px solid #e60023;border-radius:50%;height:80px;object-fit:cover;width:80px}.creator-avatar .default-avatar{align-items:center;background:linear-gradient(135deg,#e60023,#ff6b9d);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto;width:80px}.creator-info h3{color:#333;cursor:pointer;margin-bottom:.5rem}.creator-info h3:hover{color:#e60023}.creator-type{text-transform:capitalize}.creator-bio,.creator-type{color:#666;font-size:.9rem;margin-bottom:1rem}.creator-bio{line-height:1.4}.creator-stats{color:#666;display:flex;font-size:.9rem;gap:1rem;justify-content:center;margin-bottom:1.5rem}.creator-follow-btn{margin:0 auto}.recent-uploads-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.upload-preview{aspect-ratio:3/4;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s}.upload-preview:hover{transform:scale(1.02)}.upload-preview img{height:100%;object-fit:cover;width:100%}.upload-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;font-size:.9rem;left:0;padding:1rem;position:absolute;right:0}.upload-overlay p{font-weight:600;margin:0 0 .25rem}.upload-time{font-size:.8rem;opacity:.8}.liked-posts-page{margin:0 auto;max-width:1200px;padding:2rem}.page-header{margin-bottom:3rem;text-align:center}.page-header h1{color:#333;margin-bottom:.5rem}.page-header p{color:#666;font-size:1.1rem;margin-bottom:1rem}.stats{color:#666;font-size:.9rem}.auth-required{padding:4rem 2rem;text-align:center}.auth-required h1{color:#333;margin-bottom:1rem}.save-to-board{display:inline-block;position:relative}.save-btn{align-items:center;background:#f0f0f0;border:none;border-radius:24px;color:#333;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.save-btn:hover{background:#e0e0e0}.save-dropdown{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:300px;z-index:1000}.dropdown-header{align-items:center;background:#f8f8f8;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem 1.5rem}.dropdown-header h4{color:#333;margin:0}.close-dropdown{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:0}.boards-list{max-height:300px;overflow-y:auto}.no-boards{color:#666;padding:2rem 1.5rem;text-align:center}.no-boards p{margin-bottom:1rem}.create-board-link{color:#e60023;font-weight:600;text-decoration:none}.create-board-link:hover{text-decoration:underline}.board-option{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background .2s}.board-option:hover{background:#f8f8f8}.board-option.saved{background:#f0f8ff}.board-option.saved:hover{background:#e8f4f8}.board-info{flex:1 1}.board-name{color:#333;display:block;font-weight:600;margin-bottom:.25rem}.board-count{color:#666;font-size:.9rem}.save-indicator{color:#e60023;font-size:1.2rem;font-weight:700}.dropdown-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.board-stats{align-items:center;display:flex;gap:1rem;margin-top:1rem}.image-count{color:#333;font-weight:600}.breakdown{color:#666;font-size:.9rem}.board-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.empty-board{padding:4rem 2rem}.empty-board h3{color:#333;margin-bottom:.5rem}.empty-board p{margin-bottom:2rem}.image-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.image-actions .save-btn,.image-actions button{min-height:44px}.search-page{margin:0 auto;max-width:1200px;padding:2rem}.search-container{background:#fff;border-radius:16px;box-shadow:0 2px 10px #00000014;margin-bottom:2rem;padding:2rem}.search-header{margin-bottom:1.5rem}.search-header h2{color:#333;margin-bottom:.5rem}.search-context{color:#666;font-size:.9rem;margin:0}.search-context strong{color:#e60023}.search-form{display:flex;flex-direction:column;gap:1rem}.search-input-group{display:flex;flex-wrap:wrap;gap:1rem}.search-input{border:2px solid #ddd;border-radius:8px;flex:1 1;font-size:1rem;min-width:300px;padding:.75rem 1rem;transition:border-color .2s}.search-input:focus{border-color:#e60023;outline:none}.search-type{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;min-width:140px;padding:.75rem}.search-type:focus{border-color:#e60023;outline:none}.search-actions{align-items:center;display:flex;gap:1rem}.search-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.search-actions button[type=submit]{background:#e60023;color:#fff}.search-actions button[type=submit]:hover:not(:disabled){background:#c50018}.search-actions button:disabled{background:#ccc;cursor:not-allowed}.clear-btn{background:#f0f0f0;color:#666}.clear-btn:hover{background:#e0e0e0}.search-results{margin-top:2rem}.results-header{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1rem}.results-header h3{color:#333;font-size:1.1rem;margin:0}.search-empty-state{padding:3rem 2rem;text-align:center}.search-tips{margin:0 auto;max-width:600px;text-align:left}.search-tips h3{color:#333;margin-bottom:2rem;text-align:center}.search-tips ul{list-style:none;margin-bottom:2rem;padding:0}.search-tips li{background:#f8f9fa;border-left:4px solid #e60023;border-radius:8px;margin-bottom:1rem;padding:1rem}.search-tips strong{color:#333}.popular-tags{text-align:center}.popular-tags h4{color:#333;margin-bottom:1rem}.tag-suggestions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.tag-suggestion{background:#f0f0f0;border-radius:20px;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.tag-suggestion:hover{background:#e60023;color:#fff}.clickable-tag{cursor:pointer;transition:all .2s}.clickable-tag:hover{background:#e60023;color:#fff;transform:translateY(-1px)}.tag.clickable-tag{background-color:#f0f0f0;color:#333}.tag.clickable-tag:hover{background-color:#e60023;color:#fff;transform:translateY(-1px)}@media (max-width:768px){.search-input-group{flex-direction:column}.search-input{min-width:0;min-width:auto}.search-actions{align-items:stretch;flex-direction:column}.search-actions button{width:100%}.tag-suggestions{justify-content:center}}.nav-messages{position:relative}.message-notification-badge{align-items:center;background:#e60023;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px;z-index:10}.messages-page{margin:0 auto;max-width:800px;padding:2rem}.messages-header{margin-bottom:2rem}.messages-header h1{color:#333;margin-bottom:.5rem}.messages-header p{color:#666;margin:0}.empty-messages{align-items:center;display:flex;justify-content:center;min-height:400px}.empty-actions{margin-top:2rem}.conversations-list{background:#fff;border-radius:16px;box-shadow:0 2px 10px #00000014;overflow:hidden}.conversation-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:1.5rem;position:relative;transition:background .2s}.conversation-item:hover{background:#f8f9fa}.conversation-item.unread{background:#f8f9ff;border-left:4px solid #e60023}.conversation-item:last-child{border-bottom:none}.conversation-avatar{flex-shrink:0;margin-right:1rem}.conversation-avatar img{border:2px solid #f0f0f0;border-radius:50%;height:60px;object-fit:cover;width:60px}.conversation-avatar .default-avatar{align-items:center;background:linear-gradient(135deg,#e60023,#ff6b9d);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.conversation-content{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.participant-name{color:#333;font-size:1.1rem;font-weight:600;margin:0}.conversation-time{color:#666;font-size:.9rem;white-space:nowrap}.conversation-preview{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.last-message{color:#666;flex:1 1;font-size:.9rem;margin:0 1rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-messages{color:#999;font-size:.9rem;font-style:italic;margin:0}.unread-badge{align-items:center;background:#e60023;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.user-type-badge{background:#f0f0f0;border-radius:12px;color:#666;display:inline-block;font-size:.8rem;padding:.25rem .5rem}.chat-page{flex-direction:column;height:100vh;margin:0 auto;max-width:800px}.chat-header,.chat-page{background:#fff;display:flex}.chat-header{align-items:center;border-bottom:1px solid #eee;padding:1rem 2rem;position:sticky;top:0;z-index:10}.back-btn{background:none;border:none;border-radius:8px;color:#e60023;cursor:pointer;font-size:1rem;margin-right:1rem;padding:.5rem;transition:background .2s}.back-btn:hover{background:#f8f8f8}.chat-user-info{align-items:center;display:flex;flex:1 1}.chat-avatar{margin-right:1rem}.chat-avatar img{border:2px solid #f0f0f0;border-radius:50%;height:50px;object-fit:cover;width:50px}.chat-avatar .default-avatar{align-items:center;background:linear-gradient(135deg,#e60023,#ff6b9d);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.chat-user-details h2{color:#333;font-size:1.1rem;margin:0 0 .25rem}.user-type{color:#666;font-size:.8rem}.view-profile-btn{background:#f0f0f0;border:none;border-radius:20px;color:#333;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:background .2s}.view-profile-btn:hover{background:#e0e0e0}.chat-messages{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:1rem 2rem}.empty-chat{align-items:center;color:#666;display:flex;font-style:italic;height:100%;justify-content:center}.message-group{margin-bottom:2rem}.date-separator{color:#666;font-size:.9rem;font-weight:500;margin-bottom:1rem;text-align:center}.message{display:flex;margin-bottom:1rem}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{max-width:70%;position:relative}.message.sent .message-content{background:#e60023;border-radius:20px 20px 4px 20px;color:#fff;padding:.75rem 1rem}.message.received .message-content{background:#fff;border:1px solid #eee;border-radius:20px 20px 20px 4px;color:#333;padding:.75rem 1rem}.message-content p{word-wrap:break-word;line-height:1.4;margin:0 0 .25rem}.message-time{display:block;font-size:.7rem;margin-top:.25rem;opacity:.7}.chat-input-form{background:#fff;border-top:1px solid #eee;bottom:0;padding:1rem 2rem;position:sticky}.chat-input-container{align-items:flex-end;background:#f8f9fa;border:2px solid #0000;border-radius:24px;display:flex;gap:1rem;padding:.75rem 1rem;transition:border-color .2s}.chat-input-container:focus-within{border-color:#e60023}.chat-input{background:none;border:none;flex:1 1;font-family:inherit;font-size:1rem;line-height:1.4;max-height:120px;min-height:24px;resize:none}.chat-input:focus{outline:none}.chat-input::placeholder{color:#999}.send-btn{align-items:center;background:#e60023;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .2s;width:40px}.send-btn:hover:not(:disabled){background:#c50018;transform:scale(1.05)}.send-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.message-btn{align-items:center;background:#f0f0f0;border:none;border-radius:24px;color:#333;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.message-btn:hover:not(:disabled){background:#e0e0e0}.message-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.chat-page{height:100vh}.chat-header,.chat-input-form,.chat-messages{padding-left:1rem;padding-right:1rem}.conversation-item,.messages-page{padding:1rem}.conversation-avatar .default-avatar,.conversation-avatar img{height:50px;width:50px}.chat-user-details h2{font-size:1rem}.view-profile-btn{font-size:.8rem;padding:.5rem}.message-content{max-width:85%}}.report-btn{align-items:center;background:#0000;border:1px solid #ddd;border-radius:24px;color:#666;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.report-btn:hover{background:#fff5f5;border-color:#fbb8b8;color:#e60023}.report-modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.report-modal{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;margin:1rem;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.report-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem 2rem}.report-modal-header h3{color:#333;font-size:1.2rem;margin:0}.report-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.report-modal-close:hover{background:#f0f0f0}.report-modal-content{padding:2rem}.report-description{color:#666;line-height:1.5;margin-bottom:2rem}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#d32f2f;margin-bottom:1rem;padding:1rem}.report-reasons{margin-bottom:2rem}.report-reasons h4{color:#333;font-size:1rem;margin-bottom:1rem}.reason-option{align-items:flex-start;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;margin-bottom:.5rem;padding:1rem;transition:background .2s}.reason-option:hover{background:#f8f9fa}.reason-option input[type=radio]{flex-shrink:0;margin-right:.75rem;margin-top:.2rem}.reason-option input[type=radio]:checked+.reason-label{color:#e60023;font-weight:600}.reason-option:has(input:checked){background:#fff5f5;border-color:#e60023}.reason-label{color:#333;font-size:.95rem;line-height:1.4}.report-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-danger{background:#e60023;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-danger:hover:not(:disabled){background:#c50018}.btn-danger:disabled{background:#ccc;cursor:not-allowed}.report-success{padding:3rem 2rem;text-align:center}.success-icon{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.report-success h4{color:#333;font-size:1.2rem;margin-bottom:1rem}.report-success p{color:#666;line-height:1.5;margin:0}.moderated-content-notice{background:#f8f9fa;border-radius:12px;color:#666;margin:2rem 0;padding:2rem;text-align:center}.moderated-content-notice h3{color:#333;margin-bottom:.5rem}.moderated-content-notice p{font-size:.9rem;margin:0}.hidden-content-placeholder{background:#f0f0f0;border:2px dashed #ccc;border-radius:12px;color:#666;font-style:italic;padding:2rem;text-align:center}.hidden-content-placeholder:before{content:"🚫";display:block;font-size:2rem;margin-bottom:1rem}@media (max-width:768px){.report-modal{margin:.5rem;max-height:95vh}.report-modal-content,.report-modal-header{padding:1rem 1.5rem}.report-actions{flex-direction:column}.report-actions button{width:100%}.reason-option{padding:.75rem}.report-success{padding:2rem 1rem}.success-icon{font-size:2rem;height:60px;width:60px}}.upload-form{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000001a;padding:2rem}.form-group{margin-bottom:1.75rem}.form-group label{color:#333;display:block;font-size:.95rem;font-weight:600;letter-spacing:.01em;margin-bottom:.625rem}.form-group input,.form-group select,.form-group textarea{width:100%}.form-group .form-description{color:#666;font-size:.875rem;line-height:1.4;margin-top:.375rem}.form-group.radio-group{margin-bottom:1.5rem}.radio-options{display:flex;gap:1.5rem;margin-top:.5rem}.radio-option{align-items:center;background-color:#fafafa;border:2px solid #e1e5e9;border-radius:12px;cursor:pointer;display:flex;flex:1 1;gap:.5rem;justify-content:center;padding:.75rem 1rem;text-align:center;transition:all .2s ease}.radio-option:hover{background-color:#f5f5f5;border-color:#c1c7cd}.radio-option.selected{background-color:#fff5f5;border-color:#e60023;color:#e60023;font-weight:600}.radio-option input[type=radio]{margin:0;width:auto}.create-board-form{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:1.5rem}.create-board-form input,.create-board-form textarea{margin-bottom:1rem;width:100%}.board-detail{margin:0 auto;max-width:1400px;padding:2rem}.board-header{margin-bottom:3rem;text-align:center}.board-header h1{color:#333;margin-bottom:.5rem}.board-count,.image-count{color:#666;font-size:.9rem}.empty-board{color:#666;padding:4rem;text-align:center}@media (max-width:768px){.nav-container{padding:1rem}.nav-menu{gap:1rem}.main-content{padding:1rem}.image-grid{columns:200px 3}.image-detail-container{grid-template-columns:1fr}.image-detail{padding:1rem}}
/*# sourceMappingURL=main.5ae68381.css.map*/