*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:20px}.form-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;margin:80px auto;max-width:400px;padding:40px}.form-container h2{color:#333;margin-bottom:30px;text-align:center}.form-group label{color:#555;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.btn{background:#1a1a1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .2s;width:100%}.btn:hover{background:#333}.btn:disabled{cursor:not-allowed;opacity:.6}.error{color:#d32f2f;font-size:14px;margin-bottom:15px;text-align:center}.switch-form{color:#666;margin-top:20px;text-align:center}.switch-form a{border-bottom:2px solid #1a1a1a;color:#1a1a1a;cursor:pointer;font-weight:600;text-decoration:none}.switch-form a:hover{color:#333}.navbar{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-content{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 40px}.navbar-brand a{color:#1a1a1a;font-size:24px;font-weight:700;letter-spacing:-.5px;text-decoration:none}.navbar-brand .brand-link{align-items:center;display:flex;gap:10px}.navbar-logo{height:32px;object-fit:contain;width:32px}.navbar-links{align-items:center;display:flex;gap:0}.navbar-links a{border-bottom:2px solid #0000;color:#666;font-size:15px;font-weight:500;padding:20px;text-decoration:none;transition:all .2s}.navbar-links a:hover{border-bottom-color:#1a1a1a;color:#1a1a1a}.navbar-user{gap:20px}.navbar-user,.vote-credits{align-items:center;display:flex}.vote-credits{background:#f5f5f5;border-radius:4px;font-size:13px;gap:16px;padding:8px 16px}.credit-item{align-items:center;display:flex;flex-direction:column;gap:2px}.credit-label{color:#999;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.credit-value{color:#1a1a1a;font-size:15px;font-weight:700}.credit-timer{border-left:1px solid #e0e0e0;color:#666;font-size:12px;padding-left:16px}.navbar-username{color:#1a1a1a;font-size:14px;font-weight:600;text-decoration:none}.navbar-username:hover{color:#666}.logout-btn{background:#1a1a1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background .2s}.logout-btn:hover{background:#333}.auth-link{border-radius:4px;color:#1a1a1a;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s}.auth-link:hover{background:#0000000d}.auth-link.signup{background:#1a1a1a;color:#fafafa}.auth-link.signup:hover{background:#333}.home-container{margin:0 auto;max-width:1200px;padding:40px 20px}.hero-section{margin-bottom:60px;padding:60px 0;text-align:center}.hero-title{color:#1a1a1a;font-size:3.5rem;font-weight:700;margin-bottom:20px}.hero-subtitle{color:#666;font-size:1.4rem;line-height:1.6;margin:0 auto;max-width:700px}.about-section{margin-bottom:60px;padding:40px 0;text-align:center}.about-section h2{color:#1a1a1a;font-size:2rem;margin-bottom:20px}.about-section p{color:#666;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px}.features-section{margin-bottom:60px}.features-section h2{color:#1a1a1a;font-size:2rem;margin-bottom:40px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.feature-card{background:#fff;border:3px solid #1a1a1a;border-radius:4px;color:#1a1a1a;cursor:pointer;padding:30px;position:relative;text-align:center;text-decoration:none;transition:all .2s ease}.feature-card:hover{background:#1a1a1a;color:#fafafa}.feature-card h3{font-size:1.5rem;font-weight:700;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.feature-card p{font-size:1rem;line-height:1.6}.feature-card:hover p{color:#fafafa}.how-it-works{margin-bottom:60px;padding:40px 0;text-align:center}.how-it-works h2{color:#1a1a1a;font-size:2rem;margin-bottom:40px}.steps{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px}.step{padding:20px}.step-number{align-items:center;background:#1a1a1a;border-radius:50%;color:#fafafa;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.step h3{color:#1a1a1a;font-size:1.3rem;margin-bottom:10px}.step p{color:#666;font-size:1rem;line-height:1.6}.cta-section{background:#fafafa;border:2px solid #1a1a1a;border-radius:4px;margin:40px 0;padding:60px 0;text-align:center}.cta-section h2{color:#1a1a1a;font-size:2rem;margin-bottom:30px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-button{border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 40px;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:#1a1a1a;border:2px solid #1a1a1a;color:#fafafa}.cta-button.primary:hover{background:#333;border-color:#333}.cta-button.secondary{background:#0000;border:2px solid #1a1a1a;color:#1a1a1a}.cta-button.secondary:hover{background:#1a1a1a;color:#fafafa}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.features-grid,.steps{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.cta-button{max-width:300px;width:100%}}.global-header{margin-bottom:40px;text-align:center}.global-header h1{color:#1a1a1a;font-size:36px;font-weight:700;letter-spacing:-1px;margin:0 0 12px}.rankings-list{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1200px}.ranking-card{grid-gap:24px;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:grid;gap:24px;grid-template-columns:70px 1fr 160px;min-height:160px;padding:24px;transition:all .2s}.ranking-card:hover{border-color:#1a1a1a;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.ranking-card.top-three{border-width:2px}.ranking-card.rank-1{background:#fafafa;border-color:#1a1a1a}.ranking-card.rank-2{background:#fcfcfc;border-color:#333}.ranking-card.rank-3{background:#fdfdfd;border-color:#666}.ranking-position{color:#1a1a1a;font-size:32px;font-weight:700;min-width:70px;text-align:center}.ranking-card.rank-1 .ranking-position{font-size:36px}.ranking-card.rank-2 .ranking-position{font-size:34px}.ranking-card.rank-3 .ranking-position{font-size:33px}.ranking-item{align-items:center;display:flex;flex:1 1;gap:20px;min-width:0}.ranking-item img{border:2px solid #e0e0e0;border-radius:4px;flex-shrink:0;height:120px;object-fit:cover;width:120px}.item-info{flex:1 1;min-width:0}.item-info h3{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 8px}.item-category{background:#f5f5f5;border-radius:4px;display:inline-block;font-size:13px;font-weight:600;padding:5px 14px}.item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.5;margin-top:10px;overflow:hidden}.ranking-stats{display:flex;flex-direction:column;gap:8px;min-width:160px}.stat-row{background:#f5f5f5;border-radius:4px;justify-content:space-between;padding:8px 12px}.stat-value{font-size:16px}.stat-row.score{background:#1a1a1a;padding:12px}.stat-row.score .stat-label{color:#ffffffb3}.stat-row.score .stat-value{color:#fff;font-size:18px}.no-rankings{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:80px 20px;text-align:center}.no-rankings p{color:#666;font-size:15px;margin:0}@media (max-width:768px){.global-header h1{font-size:28px}.ranking-card{gap:16px;grid-template-columns:1fr}.ranking-position{text-align:left}.ranking-item{align-items:flex-start;flex-direction:column}.ranking-item img{height:200px;width:100%}.ranking-stats{width:100%}}.custom-select{position:relative;width:100%}.custom-select-trigger{align-items:center;background-color:#fafafa;border:2px solid #1a1a1a;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.custom-select-trigger:hover{background-color:#f0f0f0}.custom-select-trigger.open{background-color:#1a1a1a;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#fafafa}.custom-select-trigger .placeholder{color:#666}.custom-select-trigger.open .placeholder,.custom-select-trigger.open .selected{color:#fafafa}.custom-select-trigger .selected{color:#1a1a1a;font-weight:500}.custom-select-trigger .arrow{font-size:.7rem;transition:transform .2s ease}.custom-select-options{animation:slideDown .2s ease;background-color:#fafafa;border:2px solid #1a1a1a;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:none;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{border-bottom:1px solid #e0e0e0;cursor:pointer;padding:12px 16px;transition:all .2s ease}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background-color:#1a1a1a;color:#fafafa}.custom-select-option.selected{background-color:#e0e0e0;font-weight:600}.custom-select-option.selected:hover{background-color:#1a1a1a;color:#fafafa}.custom-select-options::-webkit-scrollbar{width:8px}.custom-select-options::-webkit-scrollbar-track{background:#f0f0f0}.custom-select-options::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:4px}.custom-select-options::-webkit-scrollbar-thumb:hover{background:#333}.create-item-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:40px auto;max-width:600px;padding:40px}.create-item-container h2{color:#333;margin-bottom:10px}.subtitle{font-size:14px;margin-bottom:30px}.create-form .form-group{margin-bottom:24px}.create-form label{color:#555;display:block;font-weight:500;margin-bottom:8px}.create-form input,.create-form textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.create-form input:focus,.create-form textarea:focus{border-color:#667eea;outline:none}.create-form textarea{resize:vertical}.form-actions{display:flex;gap:10px;margin-top:30px}.btn-secondary{background:#e0e0e0;border:none;border-radius:6px;color:#333;flex:1 1;font-size:16px;padding:12px}.btn-secondary:hover{background:#d0d0d0}.form-actions .btn{flex:2 1}.profile-container{margin:0 auto;max-width:1200px;padding:20px}.profile-header{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:30px;margin-bottom:30px;padding:30px}.profile-avatar{flex-shrink:0}.avatar-placeholder,.profile-avatar img{border:2px solid #e0e0e0;border-radius:50%;height:120px;object-fit:cover;width:120px}.avatar-placeholder{align-items:center;background:#1a1a1a;color:#fff;display:flex;font-size:48px;font-weight:700;justify-content:center}.profile-info{flex:1 1}.profile-info h1{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 10px}.joined-date{color:#999;font-size:14px;margin-bottom:15px}.bio{color:#666;font-size:15px;line-height:1.6;margin:15px 0}.edit-section{margin-top:15px}.edit-section input,.edit-section textarea{border:1px solid #e0e0e0;border-radius:4px;font-family:inherit;font-size:14px;margin-bottom:10px;padding:12px;transition:border-color .2s;width:100%}.edit-section input:focus,.edit-section textarea:focus{border-color:#1a1a1a;outline:none}.edit-section textarea{min-height:80px;resize:vertical}.edit-actions{display:flex;gap:10px}.profile-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:25px;text-align:center;transition:all .2s}.stat-card:hover{border-color:#1a1a1a;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card h3{color:#1a1a1a;font-size:2em;font-weight:700;margin:0}.stat-card p{color:#999;font-size:.85em;font-weight:600;letter-spacing:.5px;margin:10px 0 0;text-transform:uppercase}.profile-section{margin-bottom:40px}.profile-section h2{border-bottom:2px solid #1a1a1a;color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:20px;padding-bottom:10px}.items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;overflow:hidden;transition:all .2s}.item-card:hover{border-color:#1a1a1a;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.item-image{border-bottom:1px solid #e0e0e0;height:200px;object-fit:cover;width:100%}.item-content{padding:15px}.item-content h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 10px}.category{border:1px solid #e0e0e0;font-size:.85em}.description{font-size:.9em;line-height:1.5;margin:10px 0}.item-stats{border-top:1px solid #f0f0f0;display:flex;font-size:.9em;gap:15px;margin-top:10px;padding-top:10px}.item-stats span{color:#666;font-weight:600}.upvotes{color:#1a1a1a}.downvotes{color:#666}.score{color:#1a1a1a;font-weight:700}.voting-history{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.vote-item{grid-gap:15px;align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:grid;gap:15px;grid-template-columns:auto 1fr auto;padding:15px 20px;transition:background-color .2s ease}.vote-item:last-child{border-bottom:none}.vote-item:hover{background-color:#f8f8f8}.vote-type{border-radius:4px;font-size:13px;font-weight:600;min-width:90px;padding:4px 12px;text-align:center;white-space:nowrap}.vote-type.upvote{background:#f5f5f5;color:#1a1a1a}.vote-type.downvote{background:#f5f5f5;color:#666}.vote-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.vote-details strong{color:#1a1a1a;font-size:15px;font-weight:600}.vote-category,.vote-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vote-category{color:#999;font-size:12px;text-transform:capitalize}.vote-date{color:#999;font-size:12px;min-width:120px;text-align:right;white-space:nowrap}.btn-secondary{background:#fff;border:1px solid #1a1a1a;border-radius:4px;color:#1a1a1a;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#1a1a1a;color:#fff}@media (max-width:768px){.profile-header{align-items:center;flex-direction:column;text-align:center}.profile-stats{grid-template-columns:repeat(2,1fr)}.items-grid,.vote-item{grid-template-columns:1fr}.vote-item{gap:10px}.vote-type{min-width:auto;width:-webkit-fit-content;width:fit-content}.vote-date{min-width:auto;text-align:left}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:slideIn .2s ease;background-color:#fafafa;border:2px solid #1a1a1a;border-radius:4px;max-width:500px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid #1a1a1a;padding:20px}.modal-header h3{color:#1a1a1a;font-size:1.25rem;margin:0}.modal-body{color:#1a1a1a;line-height:1.6;padding:20px}.modal-body p{margin:0}.modal-actions{border-top:2px solid #1a1a1a;gap:10px;padding:20px}.modal-actions .btn,.modal-actions .btn-secondary{border:2px solid #1a1a1a;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.modal-actions .btn{background-color:#1a1a1a;color:#fafafa}.modal-actions .btn-secondary,.modal-actions .btn:hover{background-color:#fafafa;color:#1a1a1a}.modal-actions .btn-secondary:hover{background-color:#1a1a1a;color:#fafafa}.popup-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{animation:slideUp .3s ease-out;background:#1a1a1a;border:2px solid #fafafa;border-radius:4px;max-width:440px;padding:48px 40px;position:relative;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-close{align-items:center;background:none;border:none;color:#fafafa;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:16px;top:16px;transition:opacity .2s;width:32px}.popup-close:hover{opacity:.7}.popup-icon{font-size:64px;margin-bottom:24px}.popup-content h2{color:#fafafa;font-size:28px;font-weight:600;margin:0 0 16px}.popup-content p{color:#fafafa;font-size:16px;line-height:1.5;margin:0 0 32px}.popup-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.popup-btn{border:2px solid #fafafa;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s;width:100%}.popup-btn.primary{background:#fafafa;color:#1a1a1a}.popup-btn.primary:hover{background:#e0e0e0;border-color:#e0e0e0}.popup-btn.secondary{background:#0000;color:#fafafa}.popup-btn.secondary:hover{background:#fafafa1a}.popup-note{color:#fafafa99;font-size:14px;margin:0!important}.item-detail-container{margin:0 auto;max-width:900px;padding:40px 20px}.back-btn{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#1a1a1a;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:24px;padding:10px 20px;transition:all .2s}.back-btn:hover{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.item-detail-header{background:#fff;padding:32px}.detail-image,.item-detail-header{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:24px}.detail-image{max-height:400px;object-fit:cover;width:100%}.header-content h1{color:#1a1a1a;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.category{margin-bottom:16px}.description{font-size:15px;margin:16px 0}.creator-info{border-top:1px solid #f0f0f0;color:#666;font-size:14px;margin-top:20px;padding-top:20px}.creator-link{color:#1a1a1a;cursor:pointer;font-weight:600;text-decoration:underline}.creator-link:hover{color:#333}.voting-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:24px;padding:32px}.vote-stats{grid-gap:24px;border-bottom:1px solid #f0f0f0;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:32px;padding-bottom:32px}.stat-item{text-align:center}.stat-label{color:#999;display:block;font-size:12px;font-weight:600;margin-bottom:8px}.stat-value{display:block;font-size:32px}.stat-value.score{color:#1a1a1a}.vote-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.vote-btn{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#1a1a1a;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:200px;padding:14px 24px;transition:all .2s}.vote-btn:hover:not(:disabled){background:#1a1a1a;border-color:#1a1a1a;color:#fff}.vote-btn:disabled{cursor:not-allowed;opacity:.4}.vote-btn.voting{animation:voteSuccess .6s ease;pointer-events:none}@keyframes voteSuccess{0%{transform:scale(1)}25%{transform:scale(.95)}50%{box-shadow:0 0 0 8px #1a1a1a1a;transform:scale(1.05)}75%{transform:scale(.98)}to{box-shadow:0 0 0 0 #1a1a1a00;transform:scale(1)}}.vote-btn.free-downvote,.vote-btn.free-upvote{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.vote-btn.free-downvote:hover,.vote-btn.free-upvote:hover{background:#333}.vote-info{border-top:1px solid #f0f0f0;padding-top:20px;text-align:center}.vote-info p{color:#666;font-size:14px;margin:8px 0}.vote-info strong{color:#1a1a1a;font-weight:700}.free-vote-available{color:#1a1a1a!important;font-weight:600!important}.next-item-section{border-top:1px solid #f0f0f0;margin-top:24px;padding-top:24px;text-align:center}.next-item-btn{background:#1a1a1a;border:2px solid #1a1a1a;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;max-width:300px;padding:14px 32px;transition:all .2s;width:100%}.next-item-btn:hover:not(:disabled){background:#fff;box-shadow:0 4px 8px #0000001a;color:#1a1a1a;transform:translateY(-1px)}.next-item-btn:disabled{cursor:not-allowed;opacity:.5}.next-item-hint{color:#666;font-size:13px;margin-bottom:0;margin-top:12px}.comments-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:32px}.comments-section h2{border-bottom:1px solid #e0e0e0;color:#1a1a1a;font-size:20px;font-weight:700;margin:0 0 24px;padding-bottom:16px}.comment-form{margin-bottom:32px}.comment-form textarea{border:1px solid #e0e0e0;border-radius:4px;font-family:inherit;font-size:14px;margin-bottom:12px;min-height:100px;padding:14px;resize:vertical;transition:border-color .2s;width:100%}.comment-form textarea:focus{border-color:#1a1a1a;outline:none}.comment-form .btn{width:100%}.comments-list{display:flex;flex-direction:column;gap:16px}.no-comments{color:#999;font-size:14px;padding:40px 20px;text-align:center}.comment{background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;padding:20px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.comment-author{align-items:center;cursor:pointer;display:flex;gap:10px}.comment-author .author-info{display:flex;flex-direction:column;gap:2px}.comment-author .avatar-placeholder,.comment-author img{border-radius:50%;height:36px;object-fit:cover;width:36px}.comment-author .avatar-placeholder{align-items:center;background:#1a1a1a;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.comment-author strong{align-items:center;color:#1a1a1a;display:flex;font-weight:600;gap:8px}.comment-author strong.admin-username{color:#c62828}.admin-badge{background:#c62828;border-radius:3px;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px}.comment-author .user-vote-count{color:#666;font-size:12px;font-weight:500}.comment-author .user-vote-count.upvote{color:#2d8659}.comment-author .user-vote-count.downvote{color:#c73e1d}.comment-author:hover strong{color:#333}.comment-meta{align-items:center;display:flex;gap:15px}.comment-date{color:#999;font-size:12px}.delete-comment{background:#0000;border:1px solid #1a1a1a;border-radius:4px;color:#1a1a1a;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.delete-comment:hover{background:#1a1a1a;color:#fff}.comment-content{color:#444;font-size:14px;line-height:1.6;margin:0}.header-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.item-actions{display:flex;gap:8px}.delete-item-btn,.edit-item-btn{border:2px solid #1a1a1a;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.edit-item-btn{background:#fff;color:#1a1a1a}.edit-item-btn:hover{background:#1a1a1a;color:#fff}.delete-item-btn{background:#fff;border-color:#c62828;color:#c62828}.delete-item-btn:hover{background:#c62828;color:#fff}.edit-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal{background:#fff;border-radius:4px;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;width:90%}.edit-modal h2{color:#1a1a1a;font-size:24px;margin:0 0 24px}.form-group{margin-bottom:20px}.form-group label{color:#1a1a1a;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:4px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a1a1a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn,.save-btn{border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.cancel-btn{background:#fff;border:2px solid #e0e0e0;color:#666}.cancel-btn:hover{border-color:#1a1a1a;color:#1a1a1a}.save-btn{background:#1a1a1a;border:2px solid #1a1a1a;color:#fff}.save-btn:hover{background:#333;border-color:#333}@media (max-width:768px){.vote-stats{gap:16px;grid-template-columns:1fr}.vote-buttons{flex-direction:column}.vote-btn{min-width:100%}.comment-header{align-items:flex-start;flex-direction:column;gap:10px}}.trending-container{margin:0 auto;max-width:1400px;padding:40px 20px}.trending-header{margin-bottom:40px;text-align:center}.trending-header h1{color:#1a1a1a;font-size:36px;font-weight:700;letter-spacing:-1px;margin:0 0 12px}.subtitle{margin:0 0 24px}.category-filter{display:flex;justify-content:center;margin-top:24px}.category-filter select{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;font-size:15px;min-width:250px;padding:12px 20px;transition:all .2s}.category-filter select:hover{border-color:#1a1a1a}.category-filter select:focus{border-color:#1a1a1a;outline:none}.trending-list{display:flex;flex-direction:column;gap:16px}.trending-item{grid-gap:24px;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:grid;gap:24px;grid-template-columns:60px 150px 1fr 240px;padding:24px;transition:all .2s}.trending-item:hover{border-color:#1a1a1a;box-shadow:0 4px 12px #00000014}.trending-item:first-child{background:#fafafa;border-color:#1a1a1a}.trending-item:nth-child(2){background:#fcfcfc;border-color:#333}.trending-item:nth-child(3){background:#fdfdfd;border-color:#666}.rank{font-size:28px;font-weight:700;min-width:60px;text-align:center}.rank,.trending-item:first-child .rank,.trending-item:nth-child(2) .rank,.trending-item:nth-child(3) .rank{color:#1a1a1a}.trending-image{object-fit:cover}.trending-image,.trending-image-placeholder{border:1px solid #e0e0e0;border-radius:4px;height:150px;width:150px}.trending-image-placeholder{align-items:center;background:#f5f5f5;color:#999;display:flex;font-size:48px;font-weight:700;justify-content:center}.trending-content{flex:1 1;min-width:0}.trending-content h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 8px}.category{background:#f5f5f5;border-radius:4px;color:#666;display:inline-block;font-size:12px;font-weight:600;margin-bottom:10px;padding:4px 12px;text-transform:capitalize}.description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.6;margin:8px 0;overflow:hidden;text-overflow:ellipsis}.created-by{color:#999;font-size:12px;margin-top:8px}.created-by strong{color:#1a1a1a;font-weight:600}.trending-stats{background:#f5f5f5;border-radius:4px;padding:16px;text-align:center}.stat-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;justify-content:center;margin-bottom:16px;padding-bottom:16px}.trending-score{color:#1a1a1a;font-size:32px;font-weight:700}.activity-stats{display:flex;flex-direction:column;gap:8px}.stat{align-items:center;display:flex;font-size:13px;justify-content:space-between}.stat .label{color:#999;font-weight:500}.stat .value{color:#1a1a1a;font-weight:700}.no-data{background:#fff;border:1px solid #e0e0e0;border-radius:4px;text-align:center}.no-data p{color:#666;font-size:15px}.loading{font-size:15px;text-align:center}@media (max-width:768px){.trending-item{gap:16px;grid-template-columns:1fr;position:relative}.rank{font-size:24px;position:absolute;right:24px;top:24px}.trending-image,.trending-image-placeholder{height:200px;width:100%}.trending-stats{width:100%}}.browse-container{margin:0 auto;max-width:1400px;padding:40px 20px}.browse-header{margin-bottom:40px;text-align:center}.browse-header h1{color:#1a1a1a;font-size:36px;font-weight:700;letter-spacing:-1px;margin-bottom:12px}.subtitle{font-size:16px}.browse-controls{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:32px;padding:24px}.search-bar{margin-bottom:16px}.search-bar form{display:flex;gap:12px}.search-bar input{border:1px solid #e0e0e0;border-radius:4px;flex:1 1;font-size:15px;padding:12px 16px;transition:all .2s}.search-bar input:focus{border-color:#1a1a1a;outline:none}.search-bar button{background:#1a1a1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:background .2s}.search-bar button:hover{background:#333}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;font-size:14px;min-width:180px;padding:10px 14px;transition:all .2s}.filter-select:hover{border-color:#1a1a1a}.filter-select:focus{border-color:#1a1a1a;outline:none}.random-btn{background:#fff;border:1px solid #1a1a1a;border-radius:4px;color:#1a1a1a;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:10px 20px;transition:all .2s}.random-btn:hover{background:#1a1a1a;color:#fff}.results-count{color:#666;font-size:14px;margin-bottom:24px}.results-count strong{color:#1a1a1a;font-weight:600}.items-list{display:flex;flex-direction:column;gap:16px}.browse-item.list{grid-gap:20px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:grid;gap:20px;grid-template-columns:150px 1fr;overflow:hidden;transition:all .2s}.browse-item.list:hover{border-color:#1a1a1a;box-shadow:0 2px 8px #00000014}.browse-item.list .item-image{background:#f5f5f5;height:150px;overflow:hidden;width:150px}.browse-item.list .item-image img{height:100%;object-fit:cover;width:100%}.browse-item.list .item-image-placeholder{align-items:center;background:#f5f5f5;color:#999;display:flex;font-size:48px;font-weight:700;height:150px;justify-content:center;width:150px}.browse-item.list .item-content{display:flex;flex-direction:column;padding:20px 20px 20px 0}.browse-item.list .item-name{color:#1a1a1a;font-size:20px;font-weight:600;margin:0 0 8px}.browse-item.list .item-category{align-self:flex-start;background:#f5f5f5;border-radius:4px;color:#666;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 10px;text-transform:capitalize}.browse-item.list .item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;flex:1 1;font-size:14px;line-height:1.6;margin:0 0 12px;overflow:hidden}.browse-item.list .item-meta{color:#999;display:flex;font-size:12px;gap:20px}.browse-item.list .creator strong{color:#1a1a1a;font-weight:600}.no-data{padding:80px 20px}.empty-state{margin:0 auto;max-width:400px;text-align:center}.empty-state h2{color:#1a1a1a;font-size:24px;margin:0 0 12px}.empty-state p{color:#666;font-size:15px;margin:0 0 24px}.create-btn{background:#1a1a1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:background .2s}.create-btn:hover{background:#333}.loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.spinner{animation:spin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#1a1a1a;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.browse-header h1{font-size:28px}.filters-row{align-items:stretch;flex-direction:column}.filter-select{min-width:100%}.random-btn{margin-left:0}.browse-item.list{grid-template-columns:100px 1fr}.browse-item.list .item-image,.browse-item.list .item-image-placeholder{height:100px;width:100px}.browse-item.list .item-name{font-size:16px}}.compare-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.compare-header{margin-bottom:3rem;text-align:center}.compare-header h1{color:#1a1a1a;font-size:2.5rem;margin-bottom:.5rem}.subtitle{color:#666;font-size:1.1rem;margin:0}.compare-search-section{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.compare-search-box{flex:1 1;max-width:400px;min-width:280px}.compare-search-box label{color:#1a1a1a;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.search-input-wrapper{position:relative}.compare-search-box input{border:2px solid #1a1a1a;border-radius:4px;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.compare-search-box input:focus{box-shadow:0 0 0 3px #1a1a1a1a;outline:none}.search-dropdown{background:#fafafa;border:2px solid #1a1a1a;border-radius:0 0 4px 4px;border-top:none;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.search-dropdown-item{align-items:center;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;gap:1rem;padding:.75rem 1rem;transition:background-color .2s}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{background-color:#e8e8e8}.dropdown-item-image{border:1px solid #ddd;border-radius:4px;height:40px;object-fit:cover;width:40px}.dropdown-item-info{flex:1 1}.dropdown-item-name{color:#1a1a1a;font-weight:600;margin-bottom:.25rem}.dropdown-item-category{color:#666;font-size:.875rem}.selected-item-preview{align-items:center;background:#f5f5f5;border:2px solid #1a1a1a;border-radius:4px;display:flex;gap:.75rem;margin-top:1rem;padding:.75rem}.selected-item-preview img{border-radius:4px;height:50px;object-fit:cover;width:50px}.selected-item-preview span{color:#1a1a1a;font-weight:600}.compare-vs{align-items:center;color:#1a1a1a;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;margin-top:2rem}.compare-button{background-color:#1a1a1a;border:none;border-radius:4px;color:#fafafa;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:0 auto 3rem;padding:1rem 2.5rem;transition:all .2s}.compare-button:hover:not(:disabled){background-color:#333;transform:translateY(-2px)}.compare-button:disabled{cursor:not-allowed;opacity:.5}.comparison-results{margin-top:3rem}.taunt-message{background:#fafafa;border:2px solid #1a1a1a;border-radius:4px;color:#1a1a1a;font-size:1.25rem;font-style:italic;font-weight:600;margin-bottom:2rem;padding:1.5rem;text-align:center}.comparison-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.comparison-card{background:#fafafa;border:2px solid #1a1a1a;border-radius:4px;padding:2rem;transition:all .3s}.comparison-card.winner{border-color:#2e7d32;border-width:3px;box-shadow:0 4px 12px #2e7d3233}.comparison-card.loser{border-color:#c62828;border-width:3px;box-shadow:0 4px 12px #c6282833}.item-image-section{align-items:center;background:#e8e8e8;border-radius:4px;display:flex;height:250px;justify-content:center;margin-bottom:1.5rem;overflow:hidden;width:100%}.item-image-section img{height:100%;object-fit:cover;width:100%}.comparison-card h2{color:#1a1a1a;font-size:1.75rem;margin:0 0 1rem;text-align:center}.category-winner-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;min-height:32px}.winner-badge{background-color:#1a1a1a;border:2px solid #1a1a1a;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fafafa;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:.4rem .875rem;text-align:center;text-transform:uppercase;white-space:nowrap}.item-category{color:#666;flex:1 1;font-size:.95rem;text-transform:capitalize}.net-score-box{background:#1a1a1a;border:2px solid #1a1a1a;border-radius:4px;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.net-score-value{color:#fafafa;font-size:3rem;font-weight:700;margin-bottom:.5rem}.net-score-label{color:#e0e0e0;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.stat-box{background:#fff;border:2px solid #1a1a1a;border-radius:4px;padding:1rem;text-align:center;transition:all .2s}.stat-value{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#666;font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.item-meta{background:#fff;border:2px solid #1a1a1a;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.meta-item{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.5rem 0}.meta-item:last-child{border-bottom:none}.meta-label{color:#666;font-weight:600}.meta-value{color:#1a1a1a}.view-item-button{background-color:#1a1a1a;border:none;border-radius:4px;color:#fafafa;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:all .2s;width:100%}.view-item-button:hover{background-color:#333;transform:translateY(-2px)}@media (max-width:768px){.compare-search-section{align-items:stretch;flex-direction:column}.compare-vs{margin:1rem 0;transform:rotate(90deg)}.comparison-grid{grid-template-columns:1fr}.compare-header h1{font-size:2rem}}
/*# sourceMappingURL=main.6b4d516b.css.map*/