:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#0d0d0d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}a{color:#e91e63;text-decoration:none}a:hover{color:#f06292}.landing-page{min-height:100vh;background:#0d0d0d;color:#fff}.landing-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0d0d0de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.header-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;color:#fff}.landing-logo img{width:36px;height:36px;border-radius:8px}.landing-nav{display:flex;gap:32px}.landing-nav a{color:#999;text-decoration:none;font-size:14px;transition:color .2s}.landing-nav a:hover{color:#fff}.header-actions{display:flex;gap:12px}.login-btn{padding:10px 20px;background:transparent;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.login-btn:hover{border-color:#e91e63;color:#e91e63}.signup-btn{padding:10px 20px;background:#e91e63;border:none;border-radius:8px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.signup-btn:hover{background:#f06292}.mobile-nav-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:8px}.hero-section{min-height:100vh;display:flex;align-items:center;padding:120px 24px 80px;max-width:1200px;margin:0 auto;gap:60px}.hero-content{flex:1}.hero-content h1{font-size:56px;font-weight:800;line-height:1.1;margin:0 0 24px}.gradient-text{background:linear-gradient(135deg,#e91e63,#ff6b6b,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:#888;line-height:1.6;margin:0 0 32px;max-width:500px}.hero-cta{display:flex;gap:16px;margin-bottom:48px}.primary-cta{display:flex;align-items:center;gap:8px;padding:16px 32px;background:#e91e63;border:none;border-radius:12px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.primary-cta:hover{background:#f06292;transform:translateY(-2px)}.primary-cta.large{padding:18px 40px;font-size:18px}.secondary-cta{padding:16px 32px;background:transparent;border:1px solid #333;border-radius:12px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.secondary-cta:hover{border-color:#fff}.hero-stats{display:flex;gap:48px}.stat{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:#e91e63}.stat-label{font-size:14px;color:#666}.hero-visual{flex:1;display:flex;justify-content:center}.phone-mockup{width:280px;height:560px;background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:0 40px 80px #00000080;border:2px solid #333}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#1a1a2e,#0d0d0d);border-radius:32px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:40px 20px}.mockup-album{width:180px;height:180px;background:linear-gradient(135deg,#2a2a3e,#1a1a2e);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative}.vinyl-disc{width:140px;height:140px;background:radial-gradient(circle,#333,#1a1a1a 30%,#333,#1a1a1a 40%,#333);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:spin 4s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-label{width:50px;height:50px;background:linear-gradient(135deg,#e91e63,#ff6b6b);border-radius:50%}.mockup-info{text-align:center}.mockup-title{font-size:20px;font-weight:700;margin-bottom:4px}.mockup-artist{font-size:14px;color:#888;margin-bottom:16px}.mockup-price{font-size:32px;font-weight:800;color:#4caf50;margin-bottom:12px}.mockup-badge{display:inline-block;padding:6px 12px;background:#e91e6333;border:1px solid #E91E63;border-radius:20px;font-size:12px;color:#e91e63}.section-container{max-width:1200px;margin:0 auto;padding:100px 24px}.section-container h2{font-size:40px;font-weight:700;text-align:center;margin:0 0 16px}.section-subtitle{text-align:center;color:#888;font-size:18px;margin:0 0 60px}.features-section{background:#111}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.feature-card{background:#1a1a1a;border-radius:16px;padding:24px;border:1px solid #222;transition:all .3s;text-align:left!important}.feature-card:hover{border-color:#e91e63;transform:translateY(-4px)}.feature-icon{width:44px;height:44px;background:#e91e631a;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#e91e63;margin-bottom:14px}.feature-card h3{font-size:16px;font-weight:600;margin:0 0 8px;line-height:1.3;text-align:left!important}.feature-card p{font-size:13px;color:#888;line-height:1.5;margin:0;text-align:left!important}.how-section{background:#0d0d0d}.steps-container{display:flex;gap:32px;justify-content:center}.step-card{flex:1;max-width:300px;text-align:center}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#e91e63,#ff6b6b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;margin:0 auto 20px}.step-card h3{font-size:24px;font-weight:600;margin:0 0 12px}.step-card p{font-size:14px;color:#888;line-height:1.6;margin:0}.reviews-section{background:#111}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.review-card{background:#1a1a1a;border-radius:16px;padding:28px;border:1px solid #222}.review-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.review-avatar{font-size:32px}.review-name{font-weight:600;margin-bottom:4px}.review-rating{color:#feca57;font-size:14px}.review-text{font-size:14px;color:#ccc;line-height:1.6;margin:0;font-style:italic}.apps-section{background:linear-gradient(135deg,#1a1a2e,#0d0d0d)}.apps-section .section-container{display:flex;align-items:center;gap:60px}.apps-content{flex:1}.apps-content h2{text-align:left;margin-bottom:16px}.apps-content p{font-size:16px;color:#888;line-height:1.6;margin-bottom:32px}.app-buttons{display:flex;gap:16px}.app-store-btn{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border-radius:12px;color:#000;text-decoration:none;transition:all .2s}.app-store-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff1a}.app-store-label{font-size:11px;display:block}.app-store-name{font-size:16px;font-weight:600;display:block}.apps-visual{flex:1;display:flex;justify-content:center}.app-icon-large{width:200px;height:200px;border-radius:40px;box-shadow:0 40px 80px #e91e634d}.cta-section{background:linear-gradient(135deg,#e91e63,#9c27b0);text-align:center}.cta-section .section-container{padding:80px 24px}.cta-section h2{font-size:36px}.cta-section p{font-size:18px;opacity:.9;margin-bottom:32px}.cta-section .primary-cta{background:#fff;color:#e91e63}.cta-section .primary-cta:hover{background:#f5f5f5}.landing-footer{background:#0d0d0d;border-top:1px solid #222}.footer-container{max-width:1200px;margin:0 auto;padding:40px 24px;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:600}.footer-brand img{width:32px;height:32px;border-radius:8px}.footer-links{display:flex;gap:32px}.footer-links a{color:#666;text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copyright{color:#666;font-size:14px}@media(max-width:1024px){.hero-content h1{font-size:44px}.features-grid,.reviews-grid{grid-template-columns:repeat(2,1fr)}.apps-section .section-container{flex-direction:column;text-align:center}.apps-content h2{text-align:center}.app-buttons{justify-content:center}}@media(max-width:768px){.landing-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#111;flex-direction:column;padding:20px;gap:16px;border-bottom:1px solid #222}.landing-nav.open{display:flex}.header-actions{display:none}.mobile-nav-toggle{display:block}.hero-section{flex-direction:column;text-align:center;padding-top:100px}.hero-content h1{font-size:36px}.hero-subtitle{max-width:none}.hero-cta{justify-content:center;flex-wrap:wrap}.hero-stats{justify-content:center}.hero-visual{margin-top:40px}.phone-mockup{width:240px;height:480px}.features-grid,.reviews-grid{grid-template-columns:1fr}.steps-container{flex-direction:column;align-items:center}.step-card{max-width:none}.section-container h2{font-size:28px}.footer-container{flex-direction:column;gap:20px;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px}}@media(max-width:480px){.hero-content h1{font-size:28px}.hero-stats{flex-direction:column;gap:16px}.app-buttons{flex-direction:column}.primary-cta{width:100%;justify-content:center}.secondary-cta{width:100%}}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d0d0d,#1a1a1a);padding:20px;position:relative}.back-to-home{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:8px;background:none;border:none;color:#888;font-size:14px;cursor:pointer;transition:color .2s}.back-to-home:hover{color:#fff}.login-card{background:#1a1a1a;border-radius:20px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #00000080;border:1px solid #333}.login-header{text-align:center;margin-bottom:30px}.vinyl-icon{margin-bottom:20px}.vinyl-icon img{width:80px;height:80px;border-radius:16px}.login-header h1{color:#fff;font-size:28px;margin:0 0 8px;font-weight:700}.login-header p{color:#888;font-size:14px;margin:0}.error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;text-align:center}.google-button{width:100%;padding:14px 20px;background:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s ease}.google-button:hover:not(:disabled){background:#f5f5f5;transform:translateY(-1px)}.google-button:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;margin:24px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#333}.divider span{color:#666;padding:0 16px;font-size:13px}.input-group{margin-bottom:16px}.input-group input{width:100%;padding:14px 16px;background:#0d0d0d;border:1px solid #333;border-radius:12px;font-size:15px;color:#fff;transition:all .2s ease;box-sizing:border-box}.input-group input::placeholder{color:#666}.input-group input:focus{outline:none;border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a}.primary-button{width:100%;padding:14px 20px;background:#e91e63;border:none;border-radius:12px;font-size:15px;font-weight:600;color:#000;cursor:pointer;transition:all .2s ease;margin-top:8px}.primary-button:hover:not(:disabled){background:#f06292;transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{width:100%;padding:14px 20px;background:transparent;border:1px solid #E91E63;border-radius:12px;font-size:15px;font-weight:600;color:#e91e63;cursor:pointer;transition:all .2s ease;margin-top:16px}.secondary-button:hover{background:#e91e631a}.auth-switch{margin-top:24px;text-align:center}.text-button{background:none;border:none;color:#e91e63;font-size:14px;cursor:pointer;transition:color .2s ease}.text-button:hover{color:#f06292;text-decoration:underline}.forgot-password{display:block;margin:16px auto 0;color:#888}.forgot-password:hover{color:#e91e63}.reset-success{text-align:center;color:#4caf50}.reset-success p{margin:8px 0}.reset-success p:first-child{font-weight:600;font-size:16px}.reset-success p:last-of-type{color:#888;font-size:14px;margin-bottom:24px}@media(max-width:480px){.login-container{padding:16px}.login-card{padding:24px;border-radius:16px}.vinyl-icon img{width:64px;height:64px;border-radius:12px}.login-header h1{font-size:24px}.login-header p{font-size:13px}.google-button,.primary-button,.secondary-button{padding:12px 16px;font-size:14px}.input-group input{padding:12px 14px;font-size:14px}}.onboarding-page{min-height:100vh;background:linear-gradient(180deg,#0d0d0d,#1a1a2e);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.onboarding-progress{position:fixed;top:0;left:0;right:0;height:4px;background:#ffffff1a;z-index:100}.progress-bar{height:100%;background:linear-gradient(90deg,#e91e63,#ff6b6b);transition:width .3s ease}.onboarding-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;min-height:64px}.back-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;margin:-8px;opacity:.7;transition:opacity .2s}.back-btn:hover{opacity:1}.skip-btn{background:none;border:none;color:#888;cursor:pointer;font-size:14px;padding:8px 16px;margin-left:auto;transition:color .2s}.skip-btn:hover{color:#fff}.onboarding-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 24px 100px}.page-dots{position:fixed;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:100}.dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s}.dot.active{background:#e91e63;width:24px;border-radius:4px}.onboarding-btn{border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.onboarding-btn.primary{width:100%;max-width:320px;padding:16px 32px;background:#e91e63;color:#000}.onboarding-btn.primary:hover{background:#f06292;transform:translateY(-2px)}.onboarding-btn.primary.large{padding:18px 40px;font-size:18px}.onboarding-btn.text{background:transparent;color:#888;padding:12px 24px}.onboarding-btn.text:hover{color:#fff}.onboarding-value{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px}.value-icon{font-size:80px;margin-bottom:32px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.value-title{font-size:32px;font-weight:800;margin:0 0 16px;line-height:1.2}.value-subtitle{font-size:16px;color:#aaa;line-height:1.6;margin:0 0 24px}.value-highlight{display:inline-flex;padding:8px 16px;background:#e91e6326;border:1px solid rgba(233,30,99,.3);border-radius:20px;margin-bottom:40px}.value-highlight span{color:#e91e63;font-size:14px;font-weight:500}.onboarding-quiz{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}.quiz-question{font-size:24px;font-weight:700;text-align:center;margin:0 0 32px;line-height:1.3}.quiz-options{display:flex;flex-direction:column;gap:12px;width:100%}.quiz-option{display:flex;align-items:center;gap:16px;width:100%;padding:16px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px;cursor:pointer;transition:all .2s;text-align:left}.quiz-option:hover{background:#ffffff1a;border-color:#fff3}.quiz-option.selected{background:#e91e6326;border-color:#e91e63}.option-emoji{font-size:24px}.option-text{font-weight:500}.onboarding-social{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px}.social-title{font-size:28px;font-weight:800;text-align:center;margin:0 0 32px}.social-stats{display:flex;gap:32px;margin-bottom:32px}.social-stat{display:flex;flex-direction:column;align-items:center}.social-stat .stat-value{font-size:24px;font-weight:700;color:#e91e63}.social-stat .stat-label{font-size:12px;color:#888}.social-reviews{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:32px}.social-review{background:#ffffff0d;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1)}.social-review .review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.social-review .review-name{font-weight:600}.social-review .review-rating{color:#feca57;font-size:14px}.social-review .review-text{font-size:14px;color:#ccc;margin:0;font-style:italic;line-height:1.5}.onboarding-setup{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px}.setup-spinner{width:80px;height:80px;border:4px solid rgba(233,30,99,.2);border-top-color:#e91e63;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:32px}.setup-title{font-size:28px;font-weight:800;margin:0 0 12px}.setup-subtitle{font-size:16px;color:#888;margin:0 0 32px}.setup-steps{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:32px}.setup-step{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border-radius:8px;opacity:.5;transition:opacity .3s}.setup-step.done{opacity:1}.step-check{width:24px;height:24px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}.step-text{font-size:14px}.onboarding-paywall{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;padding-bottom:40px}.paywall-title{font-size:32px;font-weight:800;text-align:center;margin:0 0 12px;background:linear-gradient(135deg,#e91e63,#ff6b6b,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.paywall-subtitle{font-size:16px;color:#888;text-align:center;margin:0 0 32px}.paywall-plans{display:flex;gap:12px;width:100%;margin-bottom:24px}.plan-card{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .2s;position:relative;color:#fff}.plan-card:hover{background:#ffffff14}.plan-card.selected{border-color:#e91e63;background:#e91e631a}.plan-card.popular{transform:scale(1.05)}.plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:4px 12px;background:linear-gradient(135deg,#e91e63,#ff6b6b);border-radius:12px;font-size:10px;font-weight:700;color:#fff;white-space:nowrap}.plan-name{font-size:14px;color:#888;margin-bottom:8px}.plan-price{font-size:24px;font-weight:800}.plan-period{font-size:12px;color:#666}.paywall-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-bottom:32px}.paywall-feature{display:flex;align-items:center;gap:8px;font-size:14px;color:#ccc}.feature-check{color:#4caf50;font-weight:700}.paywall-disclaimer{font-size:12px;color:#666;text-align:center;margin-top:16px}.onboarding-register{display:flex;flex-direction:column;align-items:center;width:100%;max-width:380px}.register-icon{margin-bottom:24px}.register-icon img{width:80px;height:80px;border-radius:20px}.register-title{font-size:28px;font-weight:800;text-align:center;margin:0 0 8px}.register-subtitle{font-size:16px;color:#888;text-align:center;margin:0 0 32px}.register-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;text-align:center;width:100%}.google-signup-btn{width:100%;padding:14px 20px;background:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s ease}.google-signup-btn:hover:not(:disabled){background:#f5f5f5;transform:translateY(-1px)}.google-signup-btn:disabled{opacity:.6;cursor:not-allowed}.register-divider{display:flex;align-items:center;margin:24px 0;width:100%}.register-divider:before,.register-divider:after{content:"";flex:1;height:1px;background:#333}.register-divider span{color:#666;padding:0 16px;font-size:13px}.register-form{width:100%;display:flex;flex-direction:column;gap:12px}.register-form .onboarding-btn.primary{width:100%;max-width:none}.register-form input{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid #333;border-radius:12px;font-size:15px;color:#fff;transition:all .2s ease;box-sizing:border-box}.register-form input::placeholder{color:#666}.register-form input:focus{outline:none;border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a}.register-form input:disabled{opacity:.6}.register-login{margin-top:24px;font-size:14px;color:#888}.register-login button{background:none;border:none;color:#e91e63;font-size:14px;cursor:pointer;text-decoration:underline}.register-login button:hover{color:#f06292}@media(max-width:768px){.onboarding-content{padding:16px 16px 80px}.value-icon{font-size:60px}.value-title{font-size:28px}.quiz-question{font-size:22px}.social-stats{gap:20px}.social-stat .stat-value{font-size:20px}.paywall-plans{flex-direction:column}.plan-card.popular{transform:none}.paywall-features{grid-template-columns:1fr}}@media(max-width:480px){.value-title{font-size:24px}.value-subtitle{font-size:14px}.quiz-question{font-size:20px}.quiz-option{padding:14px 16px}.option-emoji{font-size:20px}.option-text{font-size:14px}.social-title{font-size:24px}.social-stats{flex-wrap:wrap;justify-content:center}.paywall-title{font-size:26px}.plan-price{font-size:20px}}.edit-modal{background:#151515;border-radius:20px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;border:1px solid #333;overflow:hidden}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #2a2a2a}.edit-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.close-btn{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;line-height:1;transition:color .2s}.close-btn:hover{color:#fff}.crate-selector{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #2a2a2a}.crate-selector>label{display:block;font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.crate-options{display:flex;flex-wrap:wrap;gap:8px}.crate-option{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#1a1a1a;border:1px solid #333;border-radius:20px;color:#888;font-size:13px;cursor:pointer;transition:all .2s}.crate-option:hover{border-color:#555;color:#fff}.crate-option.selected{background:#e91e6326;border-color:#e91e63;color:#e91e63}.crate-option .crate-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.crate-option .crate-dot.uncategorized{background:#444;border:1px dashed #666}.crate-option.new-crate{border-style:dashed;color:#666}.crate-option.new-crate:hover{border-color:#e91e63;color:#e91e63}.crate-option .crate-plus{font-size:16px;font-weight:300}.new-crate-input{display:flex;gap:8px;margin-top:12px}.new-crate-input input{flex:1;padding:10px 14px;background:#0d0d0d;border:1px solid #E91E63;border-radius:8px;color:#fff;font-size:14px;outline:none}.new-crate-input button{padding:10px 16px;background:#e91e63;border:none;border-radius:8px;color:#000;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.new-crate-input button:hover{background:#f06292}.new-crate-input button.cancel{background:#333;color:#fff;padding:10px 12px}.new-crate-input button.cancel:hover{background:#444}.section-header{font-size:14px;font-weight:600;color:#e91e63;padding:16px 0 12px;margin-top:8px;border-bottom:1px solid #2a2a2a;text-transform:uppercase;letter-spacing:.5px}.section-header:first-child{margin-top:0;padding-top:0}.edit-modal-content{flex:1;overflow-y:auto;padding:20px 24px}.tab-content{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:16px}.form-group{flex:1;display:flex;flex-direction:column;gap:6px}.form-group.full{flex:0 0 100%}.form-group label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;background:#0d0d0d;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#e91e63}.form-group input::placeholder,.form-group textarea::placeholder{color:#555}.form-group textarea{resize:vertical;min-height:80px}.help-text{font-size:11px;color:#666;margin-top:4px}.button-group{display:flex;gap:8px}.button-group button{flex:1;padding:10px 12px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#888;font-size:13px;cursor:pointer;transition:all .2s}.button-group button:hover{border-color:#555;color:#fff}.button-group button.active{background:#e91e63;border-color:#e91e63;color:#000}.input-with-select{display:flex;gap:0}.input-with-select .currency-select{width:50px;padding:12px 8px;border-radius:8px 0 0 8px;border-right:none;text-align:center;font-size:14px;background:#1a1a1a}.input-with-select input{flex:1;border-radius:0 8px 8px 0}.condition-info{background:#e91e631a;border:1px solid rgba(233,30,99,.3);border-radius:8px;padding:12px 16px;margin-bottom:8px}.condition-info p{margin:0;font-size:13px;color:#e91e63}.condition-section{margin-bottom:20px}.condition-section h4{font-size:13px;color:#fff;margin:0 0 12px}.grade-picker{display:flex;gap:6px;flex-wrap:wrap}.grade-option{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 12px;background:#1a1a1a;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s;min-width:60px}.grade-option:hover{border-color:var(--grade-color);background:#ffffff0d}.grade-option.selected{border-color:var(--grade-color);background:#ffffff0d;box-shadow:0 0 12px rgba(var(--grade-color),.3)}.grade-code{font-size:16px;font-weight:700;color:#fff}.grade-name{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:.3px}.grade-percent{font-size:10px;color:#666}.grade-option.selected .grade-code{color:var(--grade-color)}.grade-description{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1a1a1a;border-radius:8px;border-left:3px solid;margin-top:12px;font-size:13px;color:#aaa}.grade-badge{padding:4px 10px;border-radius:4px;font-size:14px;font-weight:700;color:#000;flex-shrink:0}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-top:8px;margin-bottom:4px;padding-bottom:8px;border-bottom:1px solid #2a2a2a}.value-comparison{padding:12px 16px;background:#1a1a1a;border-radius:8px;margin-top:12px}.value-up{display:flex;align-items:center;gap:8px;color:#4caf50;font-size:14px}.value-down{display:flex;align-items:center;gap:8px;color:#f44336;font-size:14px}.value-same{color:#888;font-size:14px}.value-comparison .arrow{font-size:18px;font-weight:700}.tags-input-wrapper{position:relative}.tags-input{display:flex;gap:8px}.tag-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#1a1a1a;border:1px solid #E91E63;border-radius:8px;overflow:hidden;z-index:10;box-shadow:0 4px 12px #0000004d}.tag-suggestion-item{display:block;width:100%;padding:10px 14px;background:none;border:none;border-bottom:1px solid #2a2a2a;color:#fff;font-size:14px;text-align:left;cursor:pointer;transition:background .15s}.tag-suggestion-item:last-child{border-bottom:none}.tag-suggestion-item:hover{background:#e91e6326;color:#e91e63}.tags-input input{flex:1;padding:10px 14px;background:#0d0d0d;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px}.tags-input button{padding:10px 16px;background:#e91e63;border:none;border-radius:8px;color:#000;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.tags-input button:hover{background:#f06292}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#e91e6326;border:1px solid rgba(233,30,99,.3);border-radius:16px;color:#e91e63;font-size:13px}.tag button{background:none;border:none;color:inherit;font-size:14px;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s}.tag button:hover{opacity:1}.form-row.toggles{gap:24px;margin-top:8px}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle-label input{display:none}.toggle-text{display:flex;align-items:center;gap:8px;color:#666;font-size:14px;transition:color .2s}.toggle-label input:checked+.toggle-text{color:#e91e63}.toggle-label input:checked+.toggle-text svg{fill:#e91e63}.edit-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #2a2a2a}.edit-modal-footer .cancel-btn{flex:1;padding:14px;background:#333;border:none;border-radius:10px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.edit-modal-footer .cancel-btn:hover{background:#444}.edit-modal-footer .save-btn{flex:2;padding:14px;background:#e91e63;border:none;border-radius:10px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.edit-modal-footer .save-btn:hover:not(:disabled){background:#f06292}.edit-modal-footer .save-btn:disabled{opacity:.6;cursor:not-allowed}.image-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 20px;background:#0d0d0d;border:2px dashed #333;border-radius:12px;cursor:pointer;transition:all .2s;color:#666}.image-drop-zone:hover{border-color:#e91e63;background:#e91e630d;color:#e91e63}.image-drop-zone.drag-over{border-color:#e91e63;background:#e91e631a;color:#e91e63}.drop-zone-text{font-size:14px;font-weight:500}.drop-zone-hint{font-size:12px;opacity:.7}.image-gallery{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.gallery-item{position:relative;width:80px;height:80px;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s}.gallery-item:hover{border-color:#555}.gallery-item.main{border-color:#e91e63}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item .main-badge{position:absolute;bottom:0;left:0;right:0;padding:4px;background:#e91e63e6;color:#fff;font-size:9px;font-weight:600;text-transform:uppercase;text-align:center;letter-spacing:.5px}.gallery-item .remove-image-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#000000b3;border:none;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.gallery-item:hover .remove-image-btn{opacity:1}.gallery-item .remove-image-btn:hover{background:#f44336}@media(max-width:600px){.edit-modal{max-height:100vh;border-radius:0}.form-row{flex-direction:column;gap:12px}.grade-picker{gap:4px}.grade-option{padding:8px 10px;min-width:50px}.grade-name{display:none}.form-row.toggles{flex-direction:column;gap:12px}.image-gallery{gap:8px}.gallery-item{width:70px;height:70px}.gallery-item .remove-image-btn{opacity:1}.image-drop-zone{padding:24px 16px}}.settings-modal{background:#151515;border-radius:20px;width:100%;max-width:700px;max-height:90vh;height:auto;display:flex;flex-direction:column;border:1px solid #333;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2a2a2a;flex-shrink:0}.settings-header h2{margin:0;font-size:18px;font-weight:600;color:#fff}.settings-body{display:flex;flex:1;min-height:500px;max-height:calc(90vh - 60px)}.settings-nav{width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:2px;padding:12px;background:#111;border-right:1px solid #2a2a2a;overflow-y:auto}.settings-nav button{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:#888;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap;text-align:left}.settings-nav button:hover{background:#1a1a1a;color:#fff}.settings-nav button.active{background:#e91e6326;color:#e91e63}.settings-content{flex:1;overflow-y:auto;padding:20px 24px;min-height:0}.settings-section{display:flex;flex-direction:column;gap:24px}.profile-card{display:flex;align-items:center;gap:16px;padding:20px;background:#1a1a1a;border-radius:16px;border:1px solid #2a2a2a}.profile-avatar{position:relative;width:64px;height:64px;flex-shrink:0}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#e91e63,#9c27b0);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff}.premium-badge{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;background:#e91e63;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #151515}.profile-info h3{margin:0 0 4px;font-size:18px;color:#fff}.profile-info p{margin:0 0 8px;font-size:14px;color:#888}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.premium{background:linear-gradient(135deg,#e91e63,#9c27b0);color:#fff}.settings-group{background:#1a1a1a;border-radius:12px;padding:20px;border:1px solid #2a2a2a}.settings-group h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#fff}.group-description{margin:0 0 16px;font-size:13px;color:#666}.setting-item{padding:12px 0;border-bottom:1px solid #2a2a2a}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-item:first-of-type{padding-top:12px}.setting-label{display:flex;justify-content:space-between;align-items:center}.setting-label span:first-child{font-size:14px;color:#888}.setting-value{font-size:14px;color:#fff}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#1a1a1a;border:1px solid #333;border-radius:10px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.action-btn:hover{background:#222;border-color:#444}.action-btn.danger{border-color:#f44336;color:#f44336}.action-btn.danger:hover{background:#f443361a}.action-btn.secondary{border-color:#e91e63;color:#e91e63}.action-btn.secondary:hover{background:#e91e631a}.theme-options{display:flex;gap:12px;margin-top:12px}.theme-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;background:#0d0d0d;border:2px solid #333;border-radius:12px;cursor:pointer;transition:all .2s;color:#888;font-size:13px;position:relative}.theme-option:hover{border-color:#555;color:#fff}.theme-option.selected{border-color:#e91e63;color:#e91e63}.theme-preview{width:100%;height:60px;border-radius:8px;display:flex;overflow:hidden}.theme-preview.dark{background:#0d0d0d;border:1px solid #333}.theme-preview.dark .preview-sidebar{width:30%;background:#111;border-right:1px solid #333}.theme-preview.dark .preview-content{flex:1;padding:6px;display:flex;gap:4px}.theme-preview.dark .preview-card{flex:1;background:#1a1a1a;border-radius:4px}.theme-preview.light{background:#f5f5f5;border:1px solid #ddd}.theme-preview.light .preview-sidebar{width:30%;background:#fff;border-right:1px solid #ddd}.theme-preview.light .preview-content{flex:1;padding:6px;display:flex;gap:4px}.theme-preview.light .preview-card{flex:1;background:#fff;border-radius:4px;border:1px solid #eee}.theme-preview.system{background:linear-gradient(135deg,#0d0d0d 50%,#f5f5f5 50%);border:1px solid #333}.theme-preview.system .preview-sidebar,.theme-preview.system .preview-content{display:none}.check-icon{position:absolute;top:8px;right:8px}.premium-status-card{text-align:center;padding:32px;background:linear-gradient(135deg,#e91e631a,#9c27b01a);border:1px solid rgba(233,30,99,.3);border-radius:16px}.premium-status-card .premium-icon{margin-bottom:16px}.premium-status-card h3{margin:0 0 8px;font-size:24px;color:#e91e63}.premium-status-card p{margin:0;color:#888}.renewal-date{display:inline-block;margin-top:16px;padding:6px 12px;background:#e91e6333;border-radius:16px;font-size:13px;color:#e91e63}.features-list{list-style:none;padding:0;margin:16px 0 0}.features-list li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:14px;color:#aaa;border-bottom:1px solid #2a2a2a}.features-list li:last-child{border-bottom:none}.paywall-section,.premium-active-section{display:flex;flex-direction:column;gap:24px}.paywall-title{font-size:22px;font-weight:700;color:#fff;text-align:center;line-height:1.3;margin:0}.paywall-features{display:flex;flex-direction:column;gap:12px;padding:0 8px}.paywall-feature-item{display:flex;align-items:center;gap:14px;padding:8px 12px;background:#ffffff08;border-radius:12px;transition:background .2s}.paywall-feature-item:hover{background:#ffffff0f}.paywall-feature-item svg{flex-shrink:0;width:24px;height:24px}.feature-text{display:flex;flex-direction:column;gap:2px}.feature-title{font-size:14px;font-weight:600;color:#fff}.feature-desc{font-size:12px;color:#888}.paywall-pricing{display:flex;gap:10px}.pricing-btn-wrapper{flex:1;position:relative}.pricing-btn{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:#1c1c1e;border:2px solid #3A3A3C;border-radius:14px;cursor:pointer;transition:all .2s}.pricing-btn:hover{border-color:#555;background:#242426}.pricing-btn.selected{background:#e91e6326;border-color:#e91e63;box-shadow:0 0 20px #e91e6333}.pricing-btn .plan-name{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.pricing-btn .plan-price{font-size:13px;font-weight:600;color:#fff9}.pricing-btn.selected .plan-name{color:#ffffffb3}.pricing-btn.selected .plan-price{color:#fff}.save-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:4px 8px;background:#00c853;border-radius:10px;font-size:10px;font-weight:700;color:#fff;white-space:nowrap}.billing-info{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.billing-info .guarantee{font-size:12px;color:#ffffff4d}.billing-info .price-detail{font-size:13px;color:#ffffff4d}.billing-info .old-price{text-decoration:line-through;color:#e91e63;margin-right:8px}.paywall-continue-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 20px;background:#e91e63;border:none;border-radius:28px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;position:relative}.paywall-continue-btn:hover{background:#f06292;transform:translateY(-1px)}.paywall-continue-btn svg{position:absolute;right:20px}.section-title{font-size:20px;font-weight:700;color:#fff;text-align:center;margin:8px 0 0}.reviews-carousel{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0 -24px;padding:8px 24px 12px}.reviews-carousel::-webkit-scrollbar{display:none}.review-card{flex-shrink:0;width:260px;padding:16px;background:linear-gradient(135deg,#1c1c1e,#2c2c2e);border:1px solid #3A3A3C;border-radius:16px;display:flex;flex-direction:column;gap:10px}.review-text{font-size:13px;color:#ffffffe6;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-style:italic}.review-author{font-size:12px;color:#ffffff80;font-weight:500}.review-stars{display:flex;gap:2px;margin-top:auto}.feature-cards-carousel{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0 -24px;padding:8px 24px 12px}.feature-cards-carousel::-webkit-scrollbar{display:none}.feature-card{flex-shrink:0;width:130px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;text-align:center;background:#ffffff08;border-radius:16px;transition:background .2s}.feature-card:hover{background:#ffffff0f}.feature-card svg{opacity:.9}.feature-card .card-title{font-size:13px;font-weight:600;color:#fff;line-height:1.3}.feature-card .card-desc{font-size:11px;color:#ffffff80;line-height:1.3}.paywall-footer{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:16px}.paywall-footer .instant-access{font-size:11px;color:#ffffff80;margin:0}.paywall-footer .legal-links{display:flex;align-items:center;gap:8px;font-size:12px}.paywall-footer .legal-links a{color:#ffffff80;text-decoration:none}.paywall-footer .legal-links a:hover{color:#fff}.paywall-footer .legal-links span{color:#ffffff4d}.support-link{display:flex;align-items:center;gap:16px;padding:16px;margin-top:12px;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:10px;color:inherit;text-decoration:none;transition:all .2s}.support-link:first-of-type{margin-top:16px}.support-link:hover{border-color:#e91e63;background:#e91e630d}.support-link svg{color:#e91e63;flex-shrink:0}.support-link div{display:flex;flex-direction:column;gap:2px}.link-title{font-size:14px;color:#fff}.link-subtitle{font-size:12px;color:#666}.app-version{text-align:center;padding-top:24px;border-top:1px solid #2a2a2a;margin-top:24px}.app-version p{margin:0;font-size:12px;color:#555}.app-version .copyright{margin-top:4px;color:#444}.language-options{display:flex;flex-direction:column;gap:8px;margin-top:12px}.language-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#0d0d0d;border:2px solid #333;border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.language-option:hover{border-color:#555;background:#1a1a1a}.language-option.selected{border-color:#e91e63;background:#e91e631a}.language-flag{font-size:24px;line-height:1}.language-name{font-size:14px;color:#888;flex:1}.language-option.selected .language-name{color:#fff}.language-option .check-icon{position:absolute;right:16px}.sync-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:#1a1a1a;border:2px solid #333;border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:12px}.sync-btn:hover:not(:disabled){border-color:#e91e63;background:#e91e631a}.sync-btn:disabled{opacity:.7;cursor:not-allowed}.sync-btn.syncing{border-color:#e91e63;color:#e91e63}.sync-btn.success{border-color:#4caf50;color:#4caf50;background:#4caf501a}.sync-btn.error{border-color:#f44336;color:#f44336;background:#f443361a}.sync-btn-simple{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #444;border-radius:8px;color:#999;font-size:13px;cursor:pointer;transition:all .2s}.sync-btn-simple:hover:not(:disabled){border-color:#666;color:#fff}.sync-btn-simple:disabled{opacity:.7;cursor:not-allowed}.sync-btn-simple.syncing{color:#e91e63;border-color:#e91e63}.sync-btn-simple.success{color:#4caf50;border-color:#4caf50}.sync-btn-simple.error{color:#f44336;border-color:#f44336}.sync-btn-simple .sync-spinner{width:14px;height:14px;border-width:2px}.sync-spinner{width:16px;height:16px;border:2px solid rgba(233,30,99,.3);border-top-color:#e91e63;border-radius:50%;animation:sync-spin .8s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}.devices-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.device-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:12px;transition:all .2s}.device-item.current{border-color:#e91e63;background:#e91e6314}.device-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:10px;color:#888;flex-shrink:0}.device-icon.web{background:#e91e6326;color:#e91e63}.device-icon.ios{background:#007aff26;color:#007aff}.device-icon.android{background:#4caf5026;color:#4caf50}.device-info{flex:1;display:flex;flex-direction:column;gap:2px}.device-name{font-size:14px;font-weight:500;color:#fff}.device-status{font-size:12px;color:#666}.device-status.active{color:#4caf50}.device-badge{width:12px;height:12px;border-radius:50%;background:#333;position:relative}.device-badge.active{background:#4caf50}.device-badge .pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#4caf50;animation:device-pulse 2s ease-in-out infinite}@keyframes device-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}}@media(max-width:600px){.settings-modal{height:100vh;max-height:100vh;border-radius:0;max-width:100%}.settings-nav{width:60px;padding:8px}.settings-nav button{padding:12px;justify-content:center;font-size:0}.settings-nav button svg{width:20px;height:20px}.settings-content{padding:16px}.profile-card{flex-direction:column;text-align:center}.theme-options,.pricing-options{flex-direction:column}}.context-menu{position:fixed;z-index:9999;min-width:180px;max-width:280px;background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:6px;box-shadow:0 8px 32px #00000080;animation:contextMenuFadeIn .15s ease}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item-wrapper{position:relative}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:#ccc;font-size:13px;text-align:left;cursor:pointer;transition:all .15s}.context-menu-item:hover:not(.disabled){background:#2a2a2a;color:#fff}.context-menu-item.disabled{opacity:.4;cursor:not-allowed}.context-menu-item.danger{color:#f44336}.context-menu-item.danger:hover:not(.disabled){background:#f4433626;color:#f44336}.context-menu-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:inherit;opacity:.7}.context-menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-menu-check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:#e91e63}.context-menu-arrow{display:flex;align-items:center;justify-content:center;width:14px;height:14px;opacity:.5}.context-menu-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.context-menu-separator{height:1px;background:#333;margin:6px 0}.context-submenu{position:absolute;left:100%;top:0;min-width:160px;max-width:240px;max-height:300px;overflow-y:auto;background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:6px;box-shadow:0 8px 32px #00000080;animation:contextMenuFadeIn .15s ease;margin-left:4px}.context-submenu::-webkit-scrollbar{width:6px}.context-submenu::-webkit-scrollbar-track{background:transparent}.context-submenu::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.context-menu-trigger{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:6px;color:#fff;cursor:pointer;opacity:0;transition:all .2s;z-index:10}.context-menu-trigger:hover{background:#000c}.vinyl-card:hover .context-menu-trigger,.crate-card:hover .context-menu-trigger,.crate-nav-item:hover .context-menu-trigger{opacity:1}.crate-nav-item .context-menu-trigger{position:relative;top:auto;right:auto;width:20px;height:20px;background:transparent;opacity:0;margin-left:auto}.crate-nav-item:hover .context-menu-trigger{opacity:.7}.crate-nav-item .context-menu-trigger:hover{opacity:1;background:#ffffff1a}@media(max-width:480px){.context-menu{min-width:200px;max-width:calc(100vw - 32px)}.context-menu-item{padding:12px 14px}.context-menu-trigger{opacity:1}.context-submenu{position:fixed;left:16px!important;right:16px;top:auto!important;bottom:16px;max-width:none;width:auto;max-height:50vh;margin-left:0}}.app-container{display:flex;min-height:100vh;background:#0d0d0d}.app-container.with-sidebar{flex-direction:row}.sidebar{width:260px;background:#111;border-right:1px solid #222;display:flex;flex-direction:column;transition:width .2s ease;position:fixed;left:0;top:0;bottom:0;z-index:100}.sidebar.collapsed{width:60px}.sidebar-header{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222}.logo{display:flex;align-items:center;gap:10px;cursor:pointer}.logo-icon{width:32px;height:32px;border-radius:8px}.logo span{font-size:18px;font-weight:700;color:#fff}.collapse-btn{background:none;border:none;color:#666;cursor:pointer;padding:4px 8px;font-size:14px;transition:color .2s}.collapse-btn:hover{color:#fff}.sidebar-search{padding:12px 16px;display:flex;align-items:center;gap:8px;background:#1a1a1a;margin:12px;border-radius:8px;border:1px solid #2a2a2a}.sidebar-search:focus-within{border-color:#e91e63}.sidebar-search input{flex:1;background:none;border:none;color:#fff;font-size:14px;outline:none}.sidebar-search input::placeholder{color:#666}.clear-search{background:none;border:none;color:#666;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.clear-search:hover{color:#fff}.sidebar-nav{flex:1;overflow-y:auto;padding:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;color:#888;transition:all .15s ease;margin-bottom:2px}.nav-item:hover{background:#1a1a1a;color:#fff}.nav-item.active{background:#e91e6326;color:#e91e63}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.nav-label{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-count{font-size:12px;color:#666;background:#1a1a1a;padding:2px 6px;border-radius:10px}.nav-item.active .nav-count{background:#e91e6333;color:#e91e63}.nav-section{margin-top:8px;padding-top:8px;border-top:1px solid #222}.nav-section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer}.section-title{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#555}.expand-icon{font-size:8px;transition:transform .2s}.expand-icon.expanded{transform:rotate(90deg)}.add-crate-btn{background:none;border:none;color:#555;font-size:16px;cursor:pointer;padding:0 4px;transition:color .2s}.add-crate-btn:hover{color:#e91e63}.crate-nav-item{padding-left:20px}.crate-dot{width:8px!important;height:8px!important;border-radius:50%;flex-shrink:0}.crate-dot.uncategorized{background:#666!important;border:1px dashed #888}.sidebar-footer{padding:12px;border-top:1px solid #222}.user-section{display:flex;align-items:center;gap:10px;padding:8px;margin:-8px;border-radius:10px;cursor:pointer;transition:all .2s}.user-section:hover{background:#1a1a1a}.user-section:hover .settings-icon{color:#e91e63}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:#e91e63;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#000}.user-info{flex:1;min-width:0}.user-name{display:block;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-hint{font-size:12px;color:#666}.settings-icon{color:#555;flex-shrink:0;transition:color .2s}.main-content{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .2s ease}.main-content.sidebar-collapsed{margin-left:60px}.content-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #222;background:#0d0d0d;position:sticky;top:0;z-index:50}.header-left{display:flex;align-items:center;gap:12px}.back-btn{background:none;border:none;color:#888;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-btn:hover{background:#1a1a1a;color:#fff}.content-header h1{font-size:20px;font-weight:600;margin:0;color:#fff}.record-count{font-size:13px;color:#666;background:#1a1a1a;padding:4px 10px;border-radius:12px}.header-search{flex:1;max-width:500px;display:flex;align-items:center;gap:12px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:10px 16px;margin:0 24px;transition:all .2s}.header-search:focus-within{border-color:#e91e63;background:#151515}.header-search input{flex:1;background:none;border:none;color:#fff;font-size:14px;outline:none}.header-search input::placeholder{color:#666}.header-search .clear-search{background:none;border:none;color:#666;font-size:20px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.header-search .clear-search:hover{color:#fff}.header-right{display:flex;align-items:center;gap:16px}.collection-value{display:flex;flex-direction:column;align-items:flex-end}.value-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px}.value-amount{font-size:18px;font-weight:700;color:#e91e63}.header-controls{display:flex;align-items:center;gap:8px}.sort-select{padding:8px 12px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:13px;cursor:pointer}.sort-select:focus{outline:none;border-color:#e91e63}.view-toggle{display:flex;background:#1a1a1a;border:1px solid #333;border-radius:8px;overflow:hidden}.view-toggle button{padding:8px 10px;background:transparent;border:none;color:#666;cursor:pointer;transition:all .15s ease}.view-toggle button:hover{color:#fff}.view-toggle button.active{background:#e91e63;color:#000}.content-area{flex:1;padding:24px;overflow-y:auto}.crates-header{display:flex;justify-content:flex-end;margin-bottom:20px}.add-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#e91e63;border:none;border-radius:8px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-btn:hover{background:#f06292}.add-vinyl-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#e91e63;border:none;border-radius:8px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-vinyl-btn:hover{background:#f06292;transform:translateY(-1px)}.add-vinyl-btn svg{flex-shrink:0}.crates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.crate-card{background:#1a1a1a;border-radius:16px;border:1px solid #2A2A2A;overflow:hidden;cursor:pointer;transition:all .2s ease}.crate-card:hover{border-color:#e91e63;transform:translateY(-4px);box-shadow:0 8px 30px #e91e6326}.crate-card.uncategorized{border-style:dashed}.crate-cover{height:140px;background:#2a2a2a;overflow:hidden;display:flex;align-items:center;justify-content:center}.crate-cover-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.crate-thumb-single{width:100%;height:100%}.crate-thumb-single img{width:100%;height:100%;object-fit:cover}.crate-thumb-grid{width:100%;height:100%;display:grid;gap:2px}.crate-thumb-grid.grid-1{grid-template-columns:1fr}.crate-thumb-grid.grid-2{grid-template-columns:repeat(2,1fr)}.crate-thumb-grid.grid-3{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.crate-thumb-grid.grid-3 .crate-thumb:first-child{grid-row:span 2}.crate-thumb-grid.grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.crate-thumb{overflow:hidden}.crate-thumb img{width:100%;height:100%;object-fit:cover}.crate-thumb-placeholder{width:100%;height:100%;background:#1a1a1a}.crate-info{padding:14px}.crate-name{font-size:15px;font-weight:600;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crate-meta{display:flex;align-items:center;gap:10px;margin:0;font-size:13px;color:#888}.crate-value{color:#e91e63;font-weight:500}.empty-crates{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-crates h2{margin:16px 0 8px;font-size:18px;color:#fff}.empty-crates p{margin:0;color:#666}.vinyl-grid{display:grid;gap:16px}.vinyl-grid.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.vinyl-grid.list{grid-template-columns:1fr}.vinyl-card{background:#151515;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:1px solid #222;position:relative}.vinyl-card:hover{transform:translateY(-4px);border-color:#e91e63;box-shadow:0 8px 30px #e91e6326}.vinyl-grid.list .vinyl-card{display:flex;align-items:center}.vinyl-image{aspect-ratio:1;background:#0d0d0d;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.vinyl-grid.list .vinyl-image{width:70px;height:70px;flex-shrink:0}.vinyl-image img{width:100%;height:100%;object-fit:cover}.vinyl-placeholder{opacity:.3}.favorite-badge{position:absolute;top:8px;right:44px;background:#0009;padding:4px;border-radius:4px;z-index:5}.duplicate-badge{position:absolute;top:8px;left:8px;background:#0009;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:5}.vinyl-info{padding:12px;flex:1}.vinyl-info h3{font-size:14px;font-weight:600;margin:0 0 4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vinyl-info .artist{font-size:12px;color:#888;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vinyl-info .genre,.vinyl-info .year{font-size:11px;color:#666;margin:0 0 4px}.vinyl-info .value{font-size:13px;font-weight:600;color:#e91e63;margin:0}.vinyl-detail-view{display:flex;gap:32px;max-width:900px}.vinyl-detail-image{width:320px;height:320px;flex-shrink:0;background:#1a1a1a;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.vinyl-detail-image img{width:100%;height:100%;object-fit:cover}.vinyl-detail-placeholder{opacity:.3}.vinyl-detail-info{flex:1}.vinyl-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.vinyl-detail-info h1{font-size:28px;font-weight:700;margin:0 0 4px;color:#fff}.vinyl-detail-artist{font-size:16px;color:#888;margin:0}.favorite-btn{background:none;border:1px solid #333;color:#666;padding:10px;border-radius:8px;cursor:pointer;transition:all .2s}.favorite-btn:hover{border-color:#e91e63;color:#e91e63}.favorite-btn.active{background:#e91e631a;border-color:#e91e63;color:#e91e63}.detail-sections{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.detail-section{background:#1a1a1a;border-radius:12px;padding:16px;border:1px solid #2A2A2A}.detail-section.highlight{border-color:#e91e63;background:#e91e630d}.detail-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666;margin:0 0 12px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item .label{font-size:11px;color:#666}.detail-item .value{font-size:14px;color:#fff}.condition-display{display:flex;gap:12px}.condition-badge{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#0d0d0d;border-radius:8px}.condition-label{font-size:10px;color:#666;text-transform:uppercase;margin-bottom:4px}.condition-grade{font-size:20px;font-weight:700;color:#e91e63}.condition-notes{font-size:13px;color:#888;margin:12px 0 0;line-height:1.5}.tags-display{display:flex;flex-wrap:wrap;gap:8px}.tag-badge{padding:6px 12px;background:#e91e6326;border:1px solid rgba(233,30,99,.3);border-radius:16px;color:#e91e63;font-size:13px}.value-display{display:flex;flex-direction:column;gap:4px}.estimated-value{font-size:28px;font-weight:700;color:#e91e63}.value-note{font-size:12px;color:#666}.description-text{font-size:14px;line-height:1.6;color:#aaa;margin:0}.vinyl-actions{display:flex;gap:12px}.edit-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s}.edit-btn:hover{border-color:#e91e63;color:#e91e63}.delete-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #f44336;border-radius:8px;color:#f44336;font-size:13px;cursor:pointer;transition:all .2s}.delete-btn:hover{background:#f443361a}.stats-view{max-width:900px}.stats-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.export-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.export-btn:hover{background:#222;border-color:#e91e63;color:#e91e63}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stats-row{display:flex;gap:16px;margin-bottom:24px}.stats-section.half{flex:1}.stat-card{background:#151515;border:1px solid #222;border-radius:16px;padding:20px;text-align:center}.stat-card.highlight{border-color:#e91e63;background:#e91e630d}.stat-icon{margin-bottom:10px}.stat-card .stat-value{font-size:28px;font-weight:700;color:#fff;margin-bottom:4px}.stat-card.highlight .stat-value{color:#e91e63}.stat-card .stat-label{font-size:13px;color:#666}.stats-section{background:#151515;border:1px solid #222;border-radius:16px;padding:20px}.stats-section h2{font-size:14px;margin:0 0 16px;color:#fff}.genre-list{display:flex;flex-direction:column;gap:10px}.genre-item{display:flex;align-items:center;gap:12px}.genre-name{width:100px;font-size:13px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-bar{flex:1;height:6px;background:#222;border-radius:3px;overflow:hidden}.genre-fill{height:100%;background:linear-gradient(90deg,#e91e63,#f06292);border-radius:3px;transition:width .3s ease}.genre-count{width:24px;font-size:12px;color:#666;text-align:right}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #222}.insight-item:last-child{border-bottom:none}.insight-item.highlight-card{flex-direction:column;align-items:flex-start;gap:8px;padding:12px;background:#e91e630d;border:1px solid rgba(233,30,99,.2);border-radius:8px}.insight-label{font-size:13px;color:#888}.insight-value{font-size:18px;font-weight:700;color:#e91e63}.insight-vinyl{display:flex;flex-direction:column;gap:2px}.insight-vinyl .vinyl-name{font-size:14px;font-weight:600;color:#fff}.insight-vinyl .vinyl-artist{font-size:12px;color:#888}.insight-vinyl .vinyl-value{font-size:18px;font-weight:700;color:#e91e63;margin-top:4px}.condition-stats{display:flex;flex-direction:column;gap:8px}.condition-stat-item{display:flex;align-items:center;gap:10px}.condition-stat-item .condition-code{width:32px;font-size:13px;font-weight:600;color:#fff}.condition-stat-item .condition-bar{flex:1;height:6px;background:#222;border-radius:3px;overflow:hidden}.condition-stat-item .condition-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:3px}.condition-stat-item .condition-count{width:24px;font-size:12px;color:#666;text-align:right}.decade-grid{display:flex;flex-wrap:wrap;gap:10px}.decade-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:#1a1a1a;border:1px solid #333;border-radius:12px;transition:all .2s}.decade-card:hover{border-color:#e91e63}.decade-year{font-size:14px;font-weight:600;color:#fff}.decade-count{font-size:20px;font-weight:700;color:#e91e63}.labels-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.label-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px}.label-name{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-count{font-size:12px;color:#888;white-space:nowrap}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;gap:16px}.loading p{color:#666}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{margin-bottom:20px;opacity:.4}.empty-state h2{margin:0 0 8px;font-size:18px;color:#fff}.empty-state p{color:#666;margin:0}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{background:#1a1a1a;border-radius:16px;padding:24px;max-width:360px;width:100%;text-align:center;border:1px solid #333}.confirm-modal h3{margin:0 0 12px;font-size:18px;color:#fff}.confirm-modal p{color:#888;margin:0 0 20px;font-size:14px}.crate-input{width:100%;padding:12px 14px;background:#0d0d0d;border:1px solid #333;border-radius:8px;font-size:14px;color:#fff;margin-bottom:20px;box-sizing:border-box}.crate-input:focus{outline:none;border-color:#e91e63}.confirm-buttons{display:flex;gap:12px}.cancel-btn{flex:1;padding:12px;background:#333;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.cancel-btn:hover{background:#444}.confirm-btn{flex:1;padding:12px;background:#e91e63;border:none;border-radius:8px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.confirm-btn:hover{background:#f06292}.confirm-delete-btn{flex:1;padding:12px;background:#f44336;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.confirm-delete-btn:hover{background:#e53935}.wishlist-view{display:flex;align-items:center;justify-content:center;min-height:300px}.tag-nav-item{padding-left:20px}.tag-dot{width:8px!important;height:8px!important;border-radius:50%;flex-shrink:0}.filter-badge{font-size:10px;background:#e91e63;color:#000;padding:2px 6px;border-radius:10px;font-weight:600}.active-filters{padding:8px 12px}.clear-filters-btn{background:none;border:none;color:#e91e63;font-size:12px;cursor:pointer;padding:4px 0;transition:opacity .2s}.clear-filters-btn:hover{opacity:.8}.empty-tags-hint{padding:12px 20px;font-size:12px;color:#555;line-height:1.5}.active-tag-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 24px;background:#e91e630d;border-bottom:1px solid rgba(233,30,99,.2)}.filter-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;background:#e91e6326;border:1px solid rgba(233,30,99,.3);border-radius:16px;color:#e91e63;font-size:13px;transition:all .2s}.tag-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tag-chip button{background:none;border:none;color:#e91e63;font-size:16px;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s;margin-left:2px}.tag-chip button:hover{opacity:1}.tag-chip:hover{background:#e91e6340}.clear-all-btn{background:none;border:none;color:#888;font-size:12px;cursor:pointer;padding:4px 8px;margin-left:8px;transition:color .2s}.clear-all-btn:hover{color:#e91e63}.vinyl-detail-image{position:relative}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#000000b3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;z-index:10}.vinyl-detail-image:hover .image-nav-btn{opacity:1}.image-nav-btn:hover{background:#e91e63}.image-nav-btn.prev{left:12px}.image-nav-btn.next{right:12px}.image-thumbnails{display:flex;gap:8px;margin-top:12px;margin-bottom:20px;flex-wrap:wrap}.thumbnail{width:60px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;padding:0;background:none;transition:all .2s}.thumbnail:hover{border-color:#555}.thumbnail.active{border-color:#e91e63}.thumbnail img{width:100%;height:100%;object-fit:cover}.image-count-badge{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000000bf;border-radius:12px;color:#fff;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;padding:8px;cursor:pointer;border-radius:8px;transition:background .2s}.mobile-menu-btn:hover{background:#ffffff1a}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.sidebar-overlay.visible{display:block}@media(max-width:1200px){.vinyl-grid.grid{grid-template-columns:repeat(4,1fr)}.crates-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.vinyl-detail-view{flex-direction:column}.vinyl-detail-image{width:100%;max-width:300px;height:auto;aspect-ratio:1}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-row{flex-direction:column}.labels-list{grid-template-columns:1fr}.vinyl-grid.grid{grid-template-columns:repeat(3,1fr)}.crates-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mobile-menu-btn{display:flex}.sidebar{transform:translate(-100%);width:280px;z-index:200}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%);width:280px}.sidebar.collapsed.mobile-open{transform:translate(0)}.collapse-btn{display:none}.main-content{margin-left:0!important}.content-header{padding:12px 16px;flex-wrap:wrap;gap:12px}.header-left{gap:8px}.header-search{order:3;flex:0 0 100%;max-width:none;margin:0}.content-area{padding:16px}.vinyl-grid.grid{grid-template-columns:repeat(2,1fr);gap:12px}.vinyl-grid.list .vinyl-card{flex-direction:column;align-items:stretch}.vinyl-grid.list .vinyl-image{width:100%;height:auto;aspect-ratio:1}.crates-grid{grid-template-columns:repeat(2,1fr);gap:12px}.detail-grid{grid-template-columns:1fr}.vinyl-detail-header{flex-direction:column;align-items:flex-start;gap:12px}.detail-actions{width:100%;justify-content:flex-start}}@media(max-width:480px){.content-header{padding:10px 12px}.content-area{padding:12px}.vinyl-grid.grid{grid-template-columns:1fr 1fr;gap:10px}.vinyl-card .vinyl-info{padding:10px}.vinyl-card .vinyl-info h3{font-size:13px}.vinyl-card .vinyl-info .artist{font-size:11px}.crates-grid{grid-template-columns:1fr 1fr;gap:10px}.crate-card{padding:16px}.stats-grid{grid-template-columns:1fr}.view-toggle{display:none}.sort-select{font-size:12px;padding:6px 10px}.header-search input{font-size:14px}.page-title h1{font-size:20px}.sidebar-nav .nav-item{padding:12px 16px}}@media(max-width:360px){.vinyl-grid.grid,.crates-grid{grid-template-columns:1fr}}.manager-modal{background:#151515;border-radius:16px;width:100%;max-width:440px;border:1px solid #333;overflow:hidden}.manager-modal.small{max-width:360px}.manager-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2a2a2a}.manager-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.manager-content{padding:20px}.create-tag-form{display:flex;gap:8px;margin-bottom:20px}.create-tag-form input[type=text]{flex:1;padding:10px 14px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px}.create-tag-form input[type=text]:focus{outline:none;border-color:#e91e63}.color-picker{width:40px;height:40px;padding:2px;background:#1a1a1a;border:1px solid #333;border-radius:8px;cursor:pointer}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:6px}.create-btn{padding:10px 18px;background:#e91e63;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.create-btn:hover{background:#c2185b}.tags-manager-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.tag-manager-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#1a1a1a;border-radius:8px}.tag-manager-item .tag-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.tag-manager-item .tag-name{flex:1;font-size:14px;color:#fff}.tag-manager-item .tag-count{font-size:12px;color:#666;margin-right:8px}.tag-manager-item .edit-input{flex:1;padding:6px 10px;background:#0d0d0d;border:1px solid #E91E63;border-radius:6px;color:#fff;font-size:14px}.tag-manager-item .edit-btn,.tag-manager-item .delete-btn{padding:6px;background:transparent;border:none;color:#666;cursor:pointer;border-radius:4px;transition:all .2s}.tag-manager-item .edit-btn:hover{color:#e91e63;background:#e91e631a}.tag-manager-item .delete-btn:hover{color:#f44336;background:#f443361a}.tag-manager-item .save-btn{padding:6px 12px;background:#e91e63;border:none;border-radius:6px;color:#fff;font-size:12px;cursor:pointer}.tag-manager-item .cancel-btn{padding:6px 10px;background:transparent;border:none;color:#888;font-size:16px;cursor:pointer}.empty-hint{text-align:center;color:#666;font-size:13px;padding:20px}.manager-content .form-group{margin-bottom:16px}.manager-content .form-group label{display:block;font-size:13px;color:#888;margin-bottom:8px}.manager-content .form-group input[type=text]{width:100%;padding:12px 14px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;box-sizing:border-box}.manager-content .form-group input[type=text]:focus{outline:none;border-color:#e91e63}.color-options{display:flex;flex-wrap:wrap;gap:8px}.color-option{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.modal-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.delete-crate-btn{padding:12px 20px;background:transparent;border:1px solid #f44336;border-radius:8px;color:#f44336;font-size:14px;cursor:pointer;transition:all .2s}.delete-crate-btn:hover{background:#f443361a}.save-crate-btn{padding:12px 20px;background:#e91e63;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.save-crate-btn:hover{background:#c2185b}.section-actions{display:flex;align-items:center;gap:6px}.add-tag-btn{width:20px;height:20px;border-radius:4px;background:#2a2a2a;border:none;color:#888;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-tag-btn:hover{background:#e91e63;color:#fff}.crate-nav-item{position:relative}.crate-edit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:4px;background:transparent;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.crate-nav-item:hover .crate-edit-btn{opacity:1}.crate-edit-btn:hover{background:#e91e6333;color:#e91e63}.crate-nav-item .nav-count{margin-right:24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0d0d;color:#fff}#root{min-height:100vh}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0d0d}.spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#e91e63;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}