body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#0f0f0f;--bg-hover:#2a2a2a;--border-primary:#2a2a2a;--border-hover:#404040;--text-primary:#fff;--text-secondary:#e0e0e0;--text-tertiary:#b0b0b0;--text-muted:#888;--text-disabled:#666;--gradient-start:#fff;--gradient-end:#888;--shadow-color:#00000080;--overlay-bg:#000000d9}:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#fafafa;--bg-hover:#e8e8e8;--border-primary:#e0e0e0;--border-hover:silver;--text-primary:#0a0a0a;--text-secondary:#1a1a1a;--text-tertiary:#404040;--text-muted:#666;--text-disabled:#999;--gradient-start:#2a2a2a;--gradient-end:#666;--shadow-color:#0000001a;--overlay-bg:#fffffff2}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}body{background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}.btn-theme-toggle,body{color:var(--text-primary)}.btn-theme-toggle{align-items:center;background:none;border:1px solid var(--border-primary);border-radius:50%;cursor:pointer;display:flex;font-size:1.3rem;height:42px;justify-content:center;transition:all .3s ease;width:42px}.btn-theme-toggle:hover{background-color:var(--bg-hover);border-color:var(--border-hover);transform:rotate(180deg) scale(1.1)}.btn-theme-toggle:active{transform:rotate(180deg) scale(.95)}.comment-body,.custom-lists-sidebar,.landing-header,.list-item,.modal-content,.post-card,.profile-content,.profile-header{background-color:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}.home-container,.profile-container{background-color:var(--bg-primary)}.btn-secondary,.comment-input,.edit-input,.edit-textarea,.item-search-input,.post-textarea{background-color:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.btn-secondary:hover,.comment-input:focus,.edit-input:focus,.edit-textarea:focus,.item-search-input:focus,.post-textarea:focus{border-color:var(--text-primary)}.add-to-list-menu,.item-cover-small,.stat-box,.status-menu{background-color:var(--bg-tertiary)}.comment-username,.follower-username,.item-details h3,.list-header-info h2,.modal-content h2,.post-username,.profile-info h1{color:var(--text-primary)}.bio,.follower-bio,.full-name,.item-author,.item-platform,.post-time,.stat-label{color:var(--text-muted)}.comment-content,.item-review,.post-content{color:var(--text-secondary)}.empty-feed,.empty-state,.no-followers-msg,.no-lists{color:var(--text-disabled)}.action-btn,.content-tab,.nav-btn{color:var(--text-muted)}.action-btn:hover,.content-tab.active,.content-tab:hover,.nav-btn.active,.nav-btn:hover{color:var(--text-primary)}.btn-add-to-list:hover,.btn-create-list:hover,.custom-list-item:hover,.follower-item:hover,.list-item:hover,.post-card:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.list-item:hover,.post-card:hover{box-shadow:0 8px 24px var(--shadow-color)}:root[data-theme=light] .cover-placeholder,:root[data-theme=light] .profile-cover{background:linear-gradient(135deg,#e8e8e8,#f5f5f5)}:root[data-theme=light] .cover-placeholder{color:silver}:root[data-theme=light] .btn-primary{background-color:#0a0a0a;color:#fff}:root[data-theme=light] .btn-primary:hover{background-color:#1a1a1a}:root[data-theme=light] .custom-list-item.active{background-color:#0a0a0a;border-color:#0a0a0a}:root[data-theme=light] .custom-list-item.active .list-name{color:#fff}:root[data-theme=light] .content-tab.active,:root[data-theme=light] .nav-btn.active{border-bottom-color:#0a0a0a}:root[data-theme=light] .skeleton{background:linear-gradient(90deg,#f5f5f5,#e8e8e8 50%,#f5f5f5);background-size:200% 100%}:root[data-theme=light] .spoiler-warning{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border-color:#f44}.notif-badge{background-color:#f44}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.landing-header{background-color:#0a0a0a;border-bottom:1px solid #1a1a1a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.header-content,.logo-simple{align-items:center;display:flex}.logo-simple{cursor:pointer;gap:.8rem}.logo-simple img{height:40px;width:40px}.logo-simple span{color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:2px}.nav-menu{display:flex;gap:.5rem}.nav-btn{background:none;border:none;border-radius:8px;color:#888;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:all .2s}.nav-btn.active,.nav-btn:hover{background-color:#1a1a1a;color:#fff}.header-actions{align-items:center;display:flex;gap:1rem}.btn-notifications{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.5rem;position:relative;transition:transform .2s}.btn-notifications:hover{transform:scale(1.1)}.notif-badge{background-color:#ef4444;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;min-width:18px;padding:.2rem .4rem;position:absolute;right:0;text-align:center;top:0}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.5rem;transition:all .2s}.btn-primary{background-color:#fff;color:#0a0a0a}.btn-primary:hover{background-color:#e0e0e0}.btn-secondary{background-color:initial;border:1px solid #fff;color:#fff}.btn-secondary:hover{background-color:#1a1a1a}.btn-text{background:none;border:none;color:#888;cursor:pointer;font-size:.95rem;transition:color .2s}.btn-text:hover{color:#fff}.btn-large{font-size:1.1rem;padding:1.2rem 2.5rem}.landing-main{margin:0 auto;max-width:1400px;padding:0 2rem}.hero-landing{align-items:center;display:flex;justify-content:center;min-height:80vh}.hero-content{max-width:800px;text-align:center}.hero-title{color:#fff;font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#b0b0b0;font-size:1.3rem;line-height:1.8;margin-bottom:3rem}.cta-group{gap:1.5rem;margin-bottom:4rem}.cta-group,.stats{display:flex;justify-content:center}.stats{gap:4rem;margin-top:4rem}.stat-item{text-align:center}.stat-number{font-size:2.5rem;margin-bottom:.5rem}.stat-label{font-size:1rem}.features-section{padding:8rem 0}.section-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:4rem;text-align:center}.features-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-item{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:2.5rem;transition:all .3s}.feature-item:hover{border-color:#404040;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1.5rem}.feature-item h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.feature-item p{color:#b0b0b0;line-height:1.6}.cta-final{padding:8rem 0;text-align:center}.cta-final h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-final p{color:#888;font-size:1.2rem;margin-bottom:3rem}.landing-footer{border-top:1px solid #1a1a1a;color:#666;padding:2rem}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;padding:1rem}.nav-menu{overflow-x:auto;width:100%}.nav-btn{white-space:nowrap}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.cta-group{align-items:center;flex-direction:column}.stats{gap:2rem}.stat-number{font-size:2rem}.features-grid{gap:2rem;grid-template-columns:1fr}.cta-final h2{font-size:2rem}}html{scroll-behavior:smooth}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn{overflow:hidden;position:relative;transition:all .3s ease}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn:hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary:hover{background:linear-gradient(135deg,#fff,#e0e0e0)}.btn-secondary:hover{border-color:#fff;color:#fff}.loading-spinner{animation:spin 1s linear infinite,pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .5s ease-out}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#2a2a2a 50%,#1a1a1a);background-size:200% 100%;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.nav-btn{position:relative;transition:all .3s ease}.nav-btn:after{background:#fff;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-btn.active:after,.nav-btn:hover:after{width:80%}.nav-btn:hover{transform:translateY(-2px)}.notif-badge{animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 #ff4444b3;transform:scale(1)}50%{box-shadow:0 0 0 10px #f440;transform:scale(1.1)}}img{transition:opacity .3s ease}img:not([src]){opacity:0}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #ffffff1a;transform:scale(1.01)}.card-enter{animation:cardEnter .4s cubic-bezier(.4,0,.2,1)}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.stagger-item{animation:staggerIn .4s ease-out backwards}.stagger-item:first-child{animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}@keyframes staggerIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.post-card{border-color:var(--border-primary)}.comment-avatar,.post-avatar{background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);color:var(--bg-primary)}.comment-username,.post-username{color:var(--text-primary)}.comment-content,.post-content{color:var(--text-secondary)}.comment-input,.modal-content{border-color:var(--border-primary)}.item-search-input,.post-textarea{background-color:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.item-result,.selected-item,.type-btn{background-color:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-muted)}.item-result:hover,.type-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.item-result-title,.selected-item-title{color:var(--text-primary)}.spoiler-checkbox-container{border-color:var(--border-primary)}.profile-container,.profile-header{background-color:var(--bg-primary)}.profile-cover{border-color:var(--border-primary)}.cover-placeholder,.profile-cover{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-hover) 100%)}.cover-placeholder{color:var(--text-disabled)}.avatar-circle{background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);border-color:var(--bg-primary);color:var(--bg-primary)}.profile-info h1{color:var(--text-primary)}.full-name{color:var(--text-tertiary)}.bio{color:var(--text-muted)}.edit-input,.edit-textarea{border-color:var(--border-primary);color:var(--text-primary)}.edit-input,.edit-textarea,.stat-box{background-color:var(--bg-tertiary)}.profile-content{background-color:var(--bg-secondary);border-color:var(--border-primary)}.content-tab{color:var(--text-muted)}.content-tab.active,.content-tab:hover{border-bottom-color:var(--text-primary);color:var(--text-primary)}.custom-lists-sidebar{background-color:var(--bg-tertiary);border-color:var(--border-primary)}.sidebar-header h3{color:var(--text-primary)}.btn-create-list{background-color:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-tertiary)}.btn-create-list:hover{background-color:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.custom-list-item{background-color:var(--bg-secondary);border-color:var(--border-primary)}.custom-list-item:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}.list-name{color:var(--text-tertiary)}.list-item{background-color:var(--bg-tertiary);border-color:var(--border-primary)}.list-item:hover{border-color:var(--border-hover)}.item-cover-small{background-color:var(--bg-secondary)}.no-cover-small{color:var(--text-disabled)}.item-details h3{color:var(--text-primary)}.item-author,.item-platform{color:var(--text-muted)}.item-status{background-color:var(--bg-secondary);color:var(--text-tertiary)}.item-status.clickable{border-color:var(--border-primary)}.item-status.clickable:hover{border-color:var(--text-primary);color:var(--text-primary)}.add-to-list-menu,.status-menu{background-color:var(--bg-secondary);border-color:var(--border-primary)}.list-option,.status-option{color:var(--text-tertiary)}.list-option:hover,.status-option:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-add-to-list,.item-review{border-color:var(--border-primary);color:var(--text-tertiary)}.btn-add-to-list{background-color:var(--bg-secondary)}.btn-add-to-list:hover{background-color:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.follower-avatar-small{background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);color:var(--bg-primary)}.follower-username{color:var(--text-primary)}.follower-bio{color:var(--text-muted)}.landing-header{background-color:var(--bg-primary);border-color:var(--border-primary)}.nav-btn{color:var(--text-muted)}.hero-title,.nav-btn.active,.nav-btn:hover,.section-title{color:var(--text-primary)}.hero-subtitle{color:var(--text-secondary)}.stat-number{color:var(--text-primary)}.stat-label{color:var(--text-muted)}.feature-item{background-color:var(--bg-secondary);border-color:var(--border-primary)}.feature-item h3{color:var(--text-primary)}.feature-item p{color:var(--text-tertiary)}:root[data-theme=light] .btn-primary{background-color:var(--bg-primary);color:var(--text-primary)}:root[data-theme=light] .avatar-circle,:root[data-theme=light] .comment-avatar,:root[data-theme=light] .follower-avatar-small,:root[data-theme=light] .post-avatar{color:#fff}.credits-text{margin-bottom:1rem}.credits-logos{gap:2rem}@media (max-width:768px){.credits-logos{gap:1rem}.credit-item{font-size:.8rem;padding:.4rem .8rem}.attribution-text{font-size:.7rem}}.api-credits{margin-top:3rem;text-align:center}.credits-text{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.credits-logos{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.credit-logo-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.api-logo{filter:grayscale(.3);height:50px;object-fit:contain;opacity:.8;transition:all .3s ease;width:auto}.api-logo:hover{opacity:1;transform:scale(1.05)}.api-logo:hover,:root[data-theme=light] .api-logo{filter:grayscale(0)}.credit-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-tertiary);display:inline-flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.credit-item:hover{border-color:var(--border-hover);transform:translateY(-2px)}.landing-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:3rem 2rem;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.landing-footer p{color:var(--text-tertiary);margin-bottom:1.5rem}.api-attribution{border-top:1px solid var(--border-primary);padding-top:1.5rem}.attribution-text{color:var(--text-muted);font-size:.75rem;line-height:1.6;margin:0 auto;max-width:800px}@media (max-width:768px){.credits-logos{gap:2rem}.api-logo{height:42px}.credit-item{font-size:.8rem;padding:.4rem .8rem}.attribution-text{font-size:.7rem}}.modal-how-it-works{max-height:85vh;max-width:900px;overflow-y:auto;position:relative}.modal-close-btn{align-items:center;border-radius:50%;color:var(--text-muted);display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s;width:40px;z-index:10}.modal-close-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:scale(1.1)}.modal-how-it-works h2{color:var(--text-primary);font-size:2rem;margin-bottom:2rem;padding-right:3rem}.how-it-works-content{display:flex;flex-direction:column;gap:2rem}.hiw-section{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;transition:all .3s}.hiw-section:hover{border-color:var(--border-hover);transform:translateX(4px)}.hiw-icon{font-size:2.5rem;margin-bottom:1rem}.hiw-section h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:.8rem}.hiw-section p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.hiw-data-sources{background:linear-gradient(135deg,var(--bg-hover) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-primary);border-radius:12px;margin-top:1rem;padding:2rem}.hiw-data-sources h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:.8rem}.hiw-data-sources p{color:var(--text-tertiary);font-size:.95rem;line-height:1.6;margin:0}.hiw-cta{border-top:1px solid var(--border-primary);margin-top:1rem;padding-top:2rem;text-align:center}@media (max-width:768px){.modal-how-it-works{max-width:100%;padding:2rem 1.5rem}.modal-how-it-works h2{font-size:1.5rem}.hiw-section{padding:1.2rem}.hiw-icon{font-size:2rem}.hiw-section h3{font-size:1.1rem}.hiw-section p{font-size:.9rem}}.auth-container{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-box{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;box-shadow:0 10px 40px #00000080;max-width:450px;padding:3rem;width:100%}.auth-box h2{color:#fff;font-size:2rem;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:#888;font-size:.95rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#b0b0b0;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input{background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:1rem;padding:.9rem 1rem;transition:all .2s;width:100%}.form-group input:focus{background-color:#151515;border-color:#fff;outline:none}.form-group input::placeholder{color:#555}.message{border-radius:8px;font-size:.9rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.message.success{background-color:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.message.error{background-color:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.btn-full{font-size:1rem;margin-top:1rem;padding:1rem;width:100%}.forgot-password{background:none;border:none;color:#888;cursor:pointer;font-size:.85rem;margin-top:.5rem;padding:0;text-align:right;transition:color .2s;width:100%}.forgot-password:hover{color:#fff}.btn-text-link{background:none;border:none;color:#fff;cursor:pointer;font-weight:500;padding:0;text-decoration:underline;transition:opacity .2s}.btn-text-link:hover{opacity:.8}.auth-switch{color:#888;font-size:.9rem;margin-top:2rem;text-align:center}@media (max-width:480px){.auth-box{padding:2rem 1.5rem}.auth-box h2{font-size:1.6rem}}.onboarding-container{background-color:#0a0a0a;min-height:100vh;padding:2rem}.onboarding-header{margin:0 auto 3rem;max-width:800px}.progress-bar{gap:1rem;justify-content:center}.progress-bar,.progress-step{align-items:center;display:flex}.progress-step{flex-direction:column;gap:.5rem}.step-circle{align-items:center;background-color:#1a1a1a;border:2px solid #2a2a2a;border-radius:50%;color:#666;display:flex;font-weight:600;height:40px;justify-content:center;transition:all .3s;width:40px}.step-circle.active{background-color:#fff;border-color:#fff;color:#0a0a0a}.progress-step span{color:#666;font-size:.9rem}.progress-line{background-color:#2a2a2a;height:2px;transition:all .3s;width:80px}.progress-line.active{background-color:#fff}.onboarding-content{margin:0 auto;max-width:1000px}.onboarding-content h2{color:#fff;font-size:2rem;margin-bottom:.5rem;text-align:center}.onboarding-subtitle{color:#888;font-size:1rem;margin-bottom:2rem;text-align:center}.search-box{margin-bottom:2rem}.search-input{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;color:#fff;font-size:1rem;padding:1rem 1.5rem;transition:all .2s;width:100%}.search-input:focus{background-color:#1f1f1f;border-color:#fff;outline:none}.search-input::placeholder{color:#555}.search-results,.selected-items{margin-bottom:3rem}.search-results h3,.selected-items h3{color:#fff;font-size:1.2rem;margin-bottom:1rem}.items-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.item-card{background-color:#1a1a1a;border:2px solid #2a2a2a;border-radius:8px;cursor:pointer;padding:.8rem;position:relative;transition:all .2s}.item-card:hover{border-color:#404040;transform:translateY(-3px)}.item-card.selected{background-color:#1f1f1f;border-color:#fff}.item-card img{background-color:#0f0f0f;border-radius:6px;height:200px;margin-bottom:.8rem;object-fit:cover;width:100%}.item-info{text-align:center}.item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:.9rem;font-weight:500;margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis}.item-author,.item-platforms,.item-year{color:#888;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-btn{align-items:center;background-color:#000c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s;width:28px}.remove-btn:hover{background-color:#f44}.onboarding-actions{display:flex;justify-content:center;margin-top:3rem}.loading{color:#888;padding:2rem;text-align:center}@media (max-width:768px){.progress-bar{gap:.5rem}.progress-line{width:40px}.items-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.item-card img{height:160px}}.search-container{background-color:var(--bg-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.search-header h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:2rem}.tabs{border-bottom:1px solid var(--border-primary);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:0}.tab{background:none;border:none;border-bottom:3px solid #0000;bottom:-1px;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:1rem 1.5rem;position:relative;transition:all .2s}.tab.active,.tab:hover{color:var(--text-primary)}.tab.active{border-bottom-color:var(--text-primary)}.search-box-main{margin-bottom:3rem}.search-input-main{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:1.1rem;padding:1.2rem 1.5rem;transition:all .2s;width:100%}.search-input-main:focus{background-color:var(--bg-hover);border-color:var(--text-primary);outline:none}.search-input-main::placeholder{color:var(--text-disabled)}.loading-main{color:var(--text-muted);font-size:1.1rem;padding:3rem;text-align:center}.results-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.result-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;transition:all .3s}.result-card:hover{border-color:var(--border-hover);box-shadow:0 8px 16px var(--shadow-color);transform:translateY(-5px)}.result-cover{align-items:center;background-color:var(--bg-tertiary);display:flex;height:280px;justify-content:center;overflow:hidden;width:100%}.result-cover img{height:100%;object-fit:cover;width:100%}.no-cover{color:var(--text-disabled);font-size:4rem}.result-info{padding:1.2rem}.result-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1rem;margin-bottom:.5rem;min-height:2.4em;overflow:hidden;text-overflow:ellipsis}.result-author,.result-platforms,.result-year{color:var(--text-muted);font-size:.85rem;margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-add{background-color:var(--text-primary);border:none;border-radius:6px;color:var(--bg-primary);cursor:pointer;font-weight:500;margin-top:1rem;padding:.7rem;transition:all .2s;width:100%}.btn-add:hover{opacity:.9;transform:scale(1.02)}.modal-content .form-group label{color:var(--text-tertiary)}.modal-content select,.modal-content textarea{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.9rem 1rem;width:100%}.modal-content select:focus,.modal-content textarea:focus{border-color:var(--text-primary);outline:none}.modal-content textarea{resize:vertical}.checkbox-label{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;display:flex;gap:.8rem;padding:1rem;transition:all .2s}.checkbox-label:hover{border-color:var(--border-hover)}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checkbox-label span{color:var(--text-tertiary);font-size:.95rem}.search-api-credits{background-color:var(--bg-tertiary);border-radius:12px;border-top:1px solid var(--border-primary);margin-top:4rem;padding:2.5rem 2rem;text-align:center}.search-credits-title{color:var(--text-tertiary);font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem;text-transform:uppercase}.search-credits-logos{align-items:center;display:flex;justify-content:center}.search-credit-logo{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:400px}.search-api-logo{height:50px;object-fit:contain;opacity:.9;transition:all .3s ease;width:auto}.search-api-logo:hover{opacity:1;transform:scale(1.05)}:root[data-theme=light] .search-api-logo{opacity:1}.search-logo-text{color:var(--text-muted);font-size:.8rem;line-height:1.6;margin:0}@media (max-width:768px){.search-container{padding:1rem}.tabs{gap:.5rem;overflow-x:auto}.tab{font-size:.9rem;padding:.8rem 1rem;white-space:nowrap}.results-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.result-cover{height:220px}.modal-content{padding:1.5rem}.search-api-credits{margin-top:3rem;padding:2rem 1rem}.search-api-logo{height:40px}.search-logo-text{font-size:.75rem}}.profile-container{background-color:#0a0a0a;margin:0 auto;max-width:1400px;min-height:100vh;padding:0}.profile-loading{align-items:center;color:#888;display:flex;font-size:1.1rem;justify-content:center;min-height:50vh}.profile-cover{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-bottom:1px solid #2a2a2a;height:300px;overflow:hidden;position:relative;width:100%}.cover-img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.profile-cover:hover .cover-img{transform:scale(1.05)}.cover-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#333;display:flex;font-size:4rem;height:100%;justify-content:center;width:100%}.cover-upload-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:.9rem;font-weight:600;padding:.8rem 1.5rem;pointer-events:auto;position:absolute;right:1rem;top:1rem;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:100}.cover-upload-label:hover{background-color:#fff;border-color:#fff;box-shadow:0 4px 16px #fff6;color:#0a0a0a;transform:scale(1.05)}.cover-upload-label:active{transform:scale(.98)}.profile-header{align-items:flex-start;background-color:#0a0a0a;display:flex;gap:2rem;margin-top:-80px;padding:2rem 3rem 3rem;position:relative;z-index:1}.profile-avatar{flex-shrink:0;position:relative}.avatar-circle{align-items:center;background:linear-gradient(135deg,#fff,#888);border:5px solid #0a0a0a;border-radius:50%;box-shadow:0 4px 12px #00000080;color:#0a0a0a;display:flex;font-size:3rem;font-weight:700;height:120px;justify-content:center;width:120px}.avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-upload-label{align-items:center;background-color:#fff;border:3px solid #0a0a0a;border-radius:50%;bottom:5px;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;font-size:1.1rem;height:35px;justify-content:center;position:absolute;right:5px;transition:all .2s;width:35px}.avatar-upload-label:hover{background-color:#e0e0e0;transform:scale(1.1)}.profile-info{flex:1 1}.profile-info h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem}.full-name{color:#b0b0b0;font-size:1.2rem;margin-bottom:1rem}.bio{color:#888;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;max-width:600px}.btn-edit{margin-top:1rem}.edit-form{display:flex;flex-direction:column;gap:1rem;max-width:500px}.edit-input,.edit-textarea{background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;padding:.9rem 1rem;width:100%}.edit-input:focus,.edit-textarea:focus{border-color:#fff;outline:none}.edit-textarea{resize:vertical}.edit-actions{display:flex;gap:1rem}.social-stats{border-bottom:1px solid #2a2a2a;border-top:1px solid #2a2a2a;display:flex;gap:2rem;margin:1rem 0;padding:1rem 0}.social-stat{color:#e0e0e0;cursor:pointer;font-size:.95rem;transition:color .2s}.social-stat:hover{color:#fff}.social-stat strong{color:#fff;font-weight:700;margin-right:.3rem}.profile-stats{display:flex;flex-shrink:0;gap:1.5rem}.stat-box{background-color:#0f0f0f;border-radius:8px;min-width:80px;padding:1rem;text-align:center}.stat-number{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.3rem}.stat-label{color:#888;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.profile-content{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;margin:2rem 3rem;overflow:hidden}.content-tabs{border-bottom:1px solid #2a2a2a;display:flex;padding:0 1rem}.content-tab{background:none;border:none;border-bottom:3px solid #0000;bottom:-1px;color:#888;cursor:pointer;font-size:1rem;padding:1.2rem 1.5rem;position:relative;transition:all .2s}.content-tab:hover{color:#fff}.content-tab.active{border-bottom-color:#fff;color:#fff}.lists-container{display:flex;min-height:400px}.custom-lists-sidebar{background-color:#0f0f0f;border-right:1px solid #2a2a2a;padding:1.5rem;width:280px}.sidebar-header{margin-bottom:1.5rem}.sidebar-header h3{color:#fff;font-size:1.1rem;margin-bottom:1rem}.btn-create-list{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#b0b0b0;cursor:pointer;font-size:.9rem;padding:.7rem;transition:all .2s;width:100%}.btn-create-list:hover{background-color:#2a2a2a;border-color:#404040;color:#fff}.no-lists{color:#666;font-size:.9rem;padding:2rem 0;text-align:center}.custom-lists{display:flex;flex-direction:column;gap:.5rem}.custom-list-item{align-items:center;background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:.8rem;transition:all .2s}.custom-list-item:hover{background-color:#1f1f1f;border-color:#404040}.custom-list-item.active{background-color:#fff;border-color:#fff}.custom-list-item.active .list-name{color:#0a0a0a;font-weight:600}.list-name{color:#b0b0b0;flex:1 1;font-size:.9rem}.btn-delete-list{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.5;padding:.3rem;transition:opacity .2s}.btn-delete-list:hover{opacity:1}.content-list{flex:1 1;padding:2rem}.list-header-info{margin-bottom:2rem}.list-header-info h2{color:#fff;font-size:1.8rem;margin-bottom:.5rem}.list-header-info p{color:#888;font-size:.95rem}.empty-state{color:#666;font-size:1.1rem;padding:4rem 2rem;text-align:center}.items-list{flex-direction:column}.items-list,.list-item{display:flex;gap:1.5rem}.list-item{background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:12px;padding:1.5rem 4rem 1.5rem 1.5rem;position:relative;transition:all .2s}.list-item:hover{border-color:#404040}.item-cover-small{align-items:center;background-color:#1a1a1a;border-radius:6px;display:flex;flex-shrink:0;height:120px;justify-content:center;overflow:hidden;width:80px}.item-cover-small img{height:100%;object-fit:cover;width:100%}.no-cover-small{color:#333;font-size:2rem}.item-details{flex:1 1}.item-details h3{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.item-author,.item-platform{color:#888;font-size:.9rem;margin-bottom:.3rem}.item-meta{align-items:center;display:flex;gap:1rem;margin-bottom:.8rem;margin-top:.8rem}.status-dropdown{position:relative}.item-status{background-color:#1a1a1a;border-radius:6px;color:#b0b0b0;font-size:.85rem;padding:.4rem .8rem}.item-status.clickable{border:1px solid #2a2a2a;cursor:pointer;transition:all .2s}.item-status.clickable:hover{border-color:#fff;color:#fff}.status-menu{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 4px 12px #00000080;left:0;margin-top:.5rem;min-width:180px;padding:.5rem;position:absolute;top:100%;z-index:100}.status-option{background:none;border:none;border-radius:6px;color:#b0b0b0;cursor:pointer;display:block;font-size:.9rem;padding:.7rem 1rem;text-align:left;transition:all .2s;width:100%}.status-option:hover{background-color:#2a2a2a;color:#fff}.status-option.active{background-color:#fff;color:#0a0a0a;font-weight:600}.item-rating{font-size:1rem}.no-rating{color:#555;font-size:.85rem}.item-review{border-top:1px solid #2a2a2a;color:#b0b0b0;font-size:.95rem;line-height:1.5;margin-top:.8rem;padding-top:.8rem}.item-actions{align-items:flex-start;display:flex;position:absolute;right:3.5rem;top:1rem;z-index:5}.btn-add-to-list{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#b0b0b0;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.btn-add-to-list:hover{background-color:#2a2a2a;border-color:#404040;color:#fff}.add-to-list-menu{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;box-shadow:0 4px 12px #00000080;margin-top:.5rem;max-height:300px;min-width:200px;overflow-y:auto;padding:.5rem;position:absolute;right:0;top:100%;z-index:100}.list-option{background:none;border:none;border-radius:6px;color:#b0b0b0;cursor:pointer;display:block;font-size:.9rem;padding:.7rem 1rem;text-align:left;transition:all .2s;width:100%}.list-option:hover{background-color:#2a2a2a;color:#fff}.btn-delete{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.3rem;opacity:.5;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s;z-index:10}.btn-delete:hover{background-color:#ff44441a;opacity:1}.modal-overlay{background-color:#000000d9}.modal-content{background-color:#1a1a1a;border:1px solid #2a2a2a;max-height:90vh;max-width:500px;overflow-y:auto}.modal-content h2{color:#fff;margin-bottom:2rem}.modal-content .form-group{margin-bottom:1.5rem}.modal-content .form-group label{color:#b0b0b0;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.modal-followers{display:flex;flex-direction:column;max-height:70vh;max-width:500px}.modal-header-followers{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:1.5rem}.modal-header-followers h3{color:#fff;font-size:1.3rem;margin:0}.modal-close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.8rem;padding:.5rem;transition:color .2s}.modal-close-btn:hover{color:#fff}.followers-list{flex:1 1;overflow-y:auto;padding:1rem}.no-followers-msg{color:#666;padding:3rem 2rem;text-align:center}.follower-item{border-radius:8px;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:background-color .2s}.follower-item:hover{background-color:#0f0f0f}.clickable-follower{cursor:pointer;transition:all .2s}.clickable-follower:hover{background-color:#252525!important;transform:scale(1.02)}.clickable-follower .follower-username{transition:color .2s}.clickable-follower:hover .follower-username{color:#fff;text-decoration:underline}.follower-avatar-small{align-items:center;background:linear-gradient(135deg,#fff,#888);border-radius:50%;color:#0a0a0a;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;overflow:hidden;width:50px}.follower-avatar-small img{height:100%;object-fit:cover;width:100%}.follower-info{flex:1 1}.follower-username{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.3rem}.follower-bio{color:#888;font-size:.85rem;line-height:1.4}@media (max-width:768px){.profile-cover{height:200px}.profile-header{align-items:center;flex-direction:column;margin-top:-60px;padding:2rem 1rem;text-align:center}.profile-content{margin:1rem}.profile-stats{justify-content:center;width:100%}.stat-box{min-width:70px}.profile-info h1{font-size:2rem}.social-stats{gap:1.5rem;justify-content:center}.content-tabs{overflow-x:auto;padding:0}.content-tab{font-size:.9rem;padding:1rem;white-space:nowrap}.lists-container{flex-direction:column}.custom-lists-sidebar{border-bottom:1px solid #2a2a2a;border-right:none;width:100%}.list-item{flex-direction:column}.item-cover-small{height:200px;width:100%}.btn-delete{margin-top:1rem;position:static;width:100%}.cover-upload-label{font-size:.8rem;padding:.6rem 1.2rem}.avatar-upload-label{font-size:.9rem;height:30px;width:30px}}.match-container{background-color:#0a0a0a;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.match-loading{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.match-loading p{font-size:1.1rem}.match-header{margin-bottom:2rem}.match-header h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem}.match-header p{color:#888;font-size:1.1rem}.view-mode-tabs{border-bottom:1px solid #2a2a2a;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:0}.view-tab{background:none;border:none;border-bottom:3px solid #0000;bottom:-1px;color:#888;cursor:pointer;font-size:1rem;padding:1rem 1.5rem;position:relative;transition:all .2s}.view-tab:hover{color:#fff}.view-tab.active{border-bottom-color:#fff;color:#fff}.search-bar-container{margin-bottom:2rem}.search-input-users{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;color:#fff;font-size:1rem;padding:1rem 1.5rem;transition:all .2s;width:100%}.search-input-users:focus{background-color:#1f1f1f;border-color:#fff;outline:none}.search-input-users::placeholder{color:#555}.no-matches,.no-results{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;padding:4rem 2rem;text-align:center}.no-matches p,.no-results p{color:#666;font-size:1.3rem;margin-bottom:1rem}.no-matches .hint{color:#888;font-size:1rem}.matches-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.match-card{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;cursor:pointer;display:flex;gap:1.5rem;padding:2rem;transition:all .3s}.match-card:hover{border-color:#404040;box-shadow:0 8px 24px #0006;transform:translateY(-5px)}.match-avatar{flex-shrink:0}.avatar-circle-small{align-items:center;background:linear-gradient(135deg,#fff,#888);border-radius:50%;color:#0a0a0a;display:flex;font-size:2rem;font-weight:700;height:70px;justify-content:center;width:70px}.match-info{flex:1 1}.match-info h3{color:#fff;font-size:1.3rem;margin-bottom:.5rem}.match-bio{color:#888;font-size:.9rem;line-height:1.5}.compatibility-bar,.match-bio{margin-bottom:1rem}.compatibility-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.compatibility-label span:first-child{color:#b0b0b0;font-size:.85rem;font-weight:500}.compatibility-score{font-size:1.2rem;font-weight:700}.progress-bar{background-color:#0f0f0f;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .5s ease}.common-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.common-badge{background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;color:#b0b0b0;font-size:.8rem;padding:.4rem .8rem}.btn-follow{background-color:#fff;border:none;border-radius:8px;color:#0a0a0a;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.7rem;transition:all .2s;width:100%}.btn-follow:hover{background-color:#e0e0e0}.btn-follow.following{background-color:#1a1a1a;border:1px solid #22c55e;color:#22c55e}.btn-follow.following:hover{background-color:#2a2a2a}.modal-large{max-height:85vh;max-width:900px;overflow-y:auto}.modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;padding:.5rem;position:absolute;right:1.5rem;top:1.5rem;transition:color .2s;z-index:10}.modal-close:hover{color:#fff}.user-detail-header{align-items:flex-start;border-bottom:1px solid #2a2a2a;display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem}.avatar-circle-large{align-items:center;background:linear-gradient(135deg,#fff,#888);border-radius:50%;color:#0a0a0a;display:flex;flex-shrink:0;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;width:100px}.user-detail-header h2{color:#fff;font-size:2rem;margin-bottom:.5rem}.user-detail-header .full-name{color:#b0b0b0;font-size:1.1rem;margin-bottom:.5rem}.user-detail-header .bio{color:#888;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.library-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.library-stats span{background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;color:#b0b0b0;font-size:.85rem;padding:.4rem .8rem}.library-tabs{border-bottom:1px solid #2a2a2a;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:0}.library-tab{background:none;border:none;border-bottom:3px solid #0000;bottom:-1px;color:#888;cursor:pointer;font-size:.9rem;padding:.8rem 1.2rem;position:relative;transition:all .2s;white-space:nowrap}.library-tab:hover{color:#fff}.library-tab.active{border-bottom-color:#fff;color:#fff}.library-content{min-height:300px}.detail-items{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.detail-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.detail-item img{background-color:#0f0f0f;border-radius:8px;height:170px;object-fit:cover;width:100%}.detail-item span{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#b0b0b0;display:-webkit-box;font-size:.85rem;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis}.item-rating-small{color:gold;font-size:.75rem}.modal-actions{border-top:1px solid #2a2a2a;margin-top:2rem;padding-top:2rem}.btn-large{flex:1 1;font-size:1rem;padding:1rem}@media (max-width:768px){.match-container{padding:1rem}.match-header h1{font-size:2rem}.view-mode-tabs{gap:.5rem;overflow-x:auto}.view-tab{font-size:.9rem;padding:.8rem 1rem;white-space:nowrap}.matches-grid{gap:1rem;grid-template-columns:1fr}.match-card,.user-detail-header{align-items:center;flex-direction:column;text-align:center}.library-stats{justify-content:center}.detail-items{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.detail-item img{height:140px}.modal-actions{flex-direction:column}}.home-container{background-color:var(--bg-primary);margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.home-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:50vh}.loading-spinner{border:4px solid var(--border-primary);border-top-color:var(--text-primary)}.home-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.home-header h1{color:var(--text-primary);font-size:2.5rem}.empty-feed{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:4rem 2rem;text-align:center}.empty-feed p{color:var(--text-disabled);font-size:1.3rem;margin-bottom:1rem}.empty-feed .hint{color:var(--text-muted);font-size:1rem}.feed{display:flex;flex-direction:column;gap:1.5rem}.post-card{animation:fadeInUp .4s ease-out;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.post-card:hover{border-color:var(--text-primary);box-shadow:0 12px 24px var(--shadow-color);transform:translateY(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-header{display:flex;gap:1rem;margin-bottom:1rem}.post-avatar{align-items:center;background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);border-radius:50%;color:var(--bg-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;transition:all .3s ease;width:48px}.post-avatar:hover{box-shadow:0 4px 12px #ffffff4d;transform:scale(1.1) rotate(5deg)}.post-user-info{flex:1 1}.post-username{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.2rem}.post-time{color:var(--text-muted);font-size:.85rem}.clickable-username{cursor:pointer;transition:color .2s}.clickable-username:hover{color:var(--text-primary);text-decoration:underline}.post-review-item{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.review-cover{border-radius:6px;flex-shrink:0;height:90px;object-fit:cover;width:60px}.review-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.review-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.review-rating{color:gold;font-size:.9rem}.post-content{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.spoiler-warning{align-items:center;background:linear-gradient(135deg,#ff44441a,#ff44440d);border:2px dashed #f44;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.spoiler-icon{animation:warningPulse 2s infinite;font-size:3rem}@keyframes warningPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.spoiler-message{color:var(--text-primary)}.spoiler-message strong{color:#f44;display:block;font-size:1.2rem;margin-bottom:.5rem}.spoiler-message p{color:var(--text-tertiary);font-size:.95rem}.btn-reveal-spoiler{background-color:#f44;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.btn-reveal-spoiler:hover{background-color:#f66;box-shadow:0 4px 12px #f446;transform:scale(1.05)}.spoiler-checkbox-container{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:1rem;padding:1rem}.spoiler-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.8rem;-webkit-user-select:none;user-select:none}.spoiler-checkbox{accent-color:#f44;cursor:pointer;height:20px;width:20px}.spoiler-text{color:var(--text-secondary);font-size:.95rem;font-weight:500}.post-actions{border-top:1px solid var(--border-primary);display:flex;gap:1rem;padding-top:1rem}.action-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s ease}.action-btn:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.action-btn:hover:before{height:300px;width:300px}.action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:scale(1.05)}.action-btn.liked{color:#f44}.comments-section{border-top:1px solid var(--border-primary);margin-top:1rem;padding-top:1rem}.comment-input-box{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.reply-indicator{align-items:center;background-color:var(--bg-hover);border-radius:6px;color:var(--text-tertiary);display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem 1rem}.reply-indicator button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:0 .5rem}.comment-input,.reply-indicator button:hover{color:var(--text-primary)}.comment-input{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;flex:1 1;font-size:.95rem;padding:.8rem 1rem}.comment-input:focus{border-color:var(--text-primary);outline:none}.btn-sm{background-color:var(--text-primary);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:all .2s}.btn-sm:hover{opacity:.9;transform:scale(1.02)}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment{animation:slideIn .3s ease-out;display:flex;gap:.8rem}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.comment.reply{margin-left:3rem}.comment-avatar{align-items:center;background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);border-radius:50%;color:var(--bg-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:36px;justify-content:center;transition:transform .3s ease;width:36px}.comment-avatar:hover{transform:scale(1.15)}.comment-body{background-color:var(--bg-tertiary);border-radius:8px;flex:1 1;padding:.8rem 1rem}.comment-username{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.3rem}.comment-content{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.comment-reply-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:0;transition:color .2s}.comment-reply-btn:hover{color:var(--text-primary)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:var(--overlay-bg);bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideDown .3s cubic-bezier(.4,0,.2,1);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;max-width:600px;padding:2.5rem;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-create-post{max-height:85vh;max-width:700px;overflow-y:auto}.modal-content h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.post-type-selector{display:flex;gap:1rem;margin-bottom:1.5rem}.type-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.95rem;padding:1rem;transition:all .2s}.type-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.type-btn.active{background-color:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.item-search-section{background-color:var(--bg-tertiary);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.item-tabs{border-bottom:1px solid var(--border-primary);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:0}.item-tab{background:none;border:none;border-bottom:2px solid #0000;bottom:-1px;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:.7rem 1rem;position:relative;transition:all .2s}.item-tab.active,.item-tab:hover{color:var(--text-primary)}.item-tab.active{border-bottom-color:var(--text-primary)}.item-search-input{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.95rem;margin-bottom:1rem;padding:.9rem 1rem;width:100%}.item-search-input:focus{border-color:var(--text-primary);outline:none}.search-loading{color:var(--text-muted);font-size:.9rem;padding:1rem;text-align:center}.item-search-results{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.item-result{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:.8rem;transition:all .2s}.item-result:hover{border-color:var(--border-hover)}.item-result img{border-radius:4px;flex-shrink:0;height:75px;object-fit:cover;width:50px}.item-result-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.item-result-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.9rem;font-weight:600;margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis}.item-result-meta{color:var(--text-muted);font-size:.8rem}.selected-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.selected-item img{border-radius:6px;flex-shrink:0;height:90px;object-fit:cover;width:60px}.selected-item-info{flex:1 1}.selected-item-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.3rem}.selected-item-meta{color:var(--text-muted);font-size:.85rem}.btn-remove-item{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:color .2s}.btn-remove-item:hover{color:var(--text-primary)}.rating-section{margin-bottom:1rem}.rating-section label{color:var(--text-tertiary);display:block;font-size:.9rem;margin-bottom:.5rem}.rating-selector{display:flex;gap:.5rem}.star-btn{background:none;border:none;color:var(--border-primary);cursor:pointer;font-size:2rem;padding:0;transition:all .2s}.star-btn:hover{color:var(--text-muted)}.star-btn.active{color:gold}.post-textarea{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;margin-bottom:1.5rem;padding:1rem;resize:vertical;width:100%}.post-textarea:focus{border-color:var(--text-primary);outline:none}.modal-actions{display:flex;gap:1rem}.modal-actions .btn{flex:1 1;padding:1rem}@media (max-width:768px){.home-container{padding:1rem}.home-header{align-items:stretch;flex-direction:column;gap:1rem}.home-header h1{font-size:2rem}.comment.reply{margin-left:1.5rem}.post-type-selector{flex-direction:column}.item-tabs{overflow-x:auto}.item-tab{white-space:nowrap}}.highlight-post{animation:highlight 3s ease;border-color:#3b82f6!important}@keyframes highlight{0%,to{background-color:var(--bg-secondary);border-color:var(--border-primary)}50%{background-color:var(--bg-hover);border-color:#3b82f6}}.messages-container{background-color:#0a0a0a;display:flex;margin:0 auto;max-width:1400px;min-height:100vh}.messages-loading{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #2a2a2a;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.messages-sidebar{background-color:#1a1a1a;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;width:350px}.sidebar-header{border-bottom:1px solid #2a2a2a;padding:2rem}.sidebar-header h2{color:#fff;font-size:1.5rem;margin:0}.conversations-list{flex:1 1;overflow-y:auto}.no-conversations{color:#666;padding:3rem 2rem;text-align:center}.conversation-item{border-bottom:1px solid #2a2a2a;cursor:pointer;display:flex;gap:1rem;padding:1.2rem;position:relative;transition:all .2s}.conversation-item:hover{background-color:#0f0f0f}.conversation-item.active{background-color:#2a2a2a}.conv-avatar{align-items:center;background:linear-gradient(135deg,#fff,#888);border-radius:50%;color:#0a0a0a;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;width:48px}.conv-info{flex:1 1;overflow:hidden}.conv-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.3rem}.conv-username{color:#fff;font-size:1rem;font-weight:600}.conv-time{color:#666;font-size:.75rem}.conv-preview{color:#888;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background-color:#f44;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;min-width:20px;padding:.2rem .5rem;position:absolute;right:1.2rem;text-align:center;top:1.2rem}.messages-main{background-color:#0a0a0a;display:flex;flex:1 1;flex-direction:column}.messages-header{background-color:#1a1a1a;border-bottom:1px solid #2a2a2a;padding:1.5rem 2rem}.header-user{gap:1rem}.header-avatar,.header-user{align-items:center;display:flex}.header-avatar{background:linear-gradient(135deg,#fff,#888);border-radius:50%;color:#0a0a0a;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.header-username{color:#fff;font-size:1.1rem;font-weight:600}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:2rem}.message{align-items:flex-end;display:flex}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-bubble{border-radius:16px;max-width:60%;padding:.8rem 1.2rem;position:relative}.message.sent .message-bubble{background-color:#fff;border-bottom-right-radius:4px;color:#0a0a0a}.message.received .message-bubble{background-color:#2a2a2a;border-bottom-left-radius:4px;color:#fff}.message-content{word-wrap:break-word;font-size:.95rem;line-height:1.5}.message-time{font-size:.7rem;margin-top:.3rem;opacity:.6}.messages-input-container{background-color:#1a1a1a;border-top:1px solid #2a2a2a}.send-warning{background-color:#2a2a2a;border-bottom:1px solid #3a3a3a;color:#fa0;font-size:.85rem;padding:.8rem 2rem;text-align:center}.messages-input-box{display:flex;gap:1rem;padding:1.5rem 2rem}.message-input{background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:24px;color:#fff;flex:1 1;font-size:.95rem;padding:.9rem 1.2rem;transition:all .2s}.message-input:focus{border-color:#fff;outline:none}.message-input:disabled{cursor:not-allowed;opacity:.5}.btn-send{background-color:#fff;border:none;border-radius:24px;color:#0a0a0a;cursor:pointer;font-weight:600;padding:.9rem 2rem;transition:all .2s}.btn-send:hover:not(:disabled){background-color:#e0e0e0}.btn-send:disabled{cursor:not-allowed;opacity:.5}.no-conversation-selected{align-items:center;color:#666;display:flex;flex:1 1;font-size:1.1rem;justify-content:center}@media (max-width:768px){.messages-container{flex-direction:column}.messages-sidebar{max-height:40vh;width:100%}.messages-main{min-height:60vh}.message-bubble{max-width:80%}.messages-input-box{padding:1rem}}.notifications-panel{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;max-height:600px;position:fixed;right:20px;top:70px;width:400px;z-index:1000}.notifications-header{align-items:center;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:1.5rem}.notifications-header h3{color:#fff;font-size:1.2rem;margin:0}.notifications-actions{align-items:center;display:flex;gap:1rem}.btn-mark-all{background:none;border:none;color:#888;cursor:pointer;font-size:.85rem;padding:.5rem;transition:color .2s}.btn-mark-all:hover{color:#fff}.btn-close-notif{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .2s}.btn-close-notif:hover{color:#fff}.notifications-loading{color:#888;padding:2rem;text-align:center}.notifications-list{flex:1 1;max-height:500px;overflow-y:auto}.no-notifications{color:#666;padding:3rem 2rem;text-align:center}.notification-item{border-bottom:1px solid #2a2a2a;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;position:relative;transition:background-color .2s}.notification-item:hover{background-color:#0f0f0f}.notification-item.unread{background-color:#1f1f1f}.notif-icon{flex-shrink:0;font-size:1.5rem}.notif-content{flex:1 1}.notif-text{color:#e0e0e0;font-size:.9rem;line-height:1.5;margin-bottom:.3rem}.notif-text strong{color:#fff;font-weight:600}.notif-time{color:#666;font-size:.8rem}.notif-dot{background-color:#3b82f6;border-radius:50%;height:8px;position:absolute;right:1.5rem;top:1.5rem;width:8px}@media (max-width:768px){.notifications-panel{left:10px;max-height:70vh;right:10px;width:auto}}
/*# sourceMappingURL=main.466c3cc8.css.map*/