*{box-sizing:border-box}.filter-controls-header,.filter-controls-section{display:flex;align-items:center;justify-content:center;margin:1rem 0;padding:0 1rem;flex-wrap:wrap;gap:1rem}.filter-toggle-btn{background:var(--text);color:var(--bg);border:1px solid var(--text);padding:.75rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:none}.filter-toggle-btn:hover{filter:brightness(.92)}.filter-toggle-btn.active{background:var(--text);box-shadow:none}.user-reputation{background:var(--card);color:var(--text);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.filter-section{max-width:800px;margin:0 auto 2rem;padding:0 1rem}.ai-classification-badge{box-shadow:0 2px 8px #0003;border:2px solid rgba(255,255,255,.3);transition:all .2s ease;z-index:10}.ai-classification-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){.filter-controls-header{flex-direction:column;align-items:stretch;text-align:center}.filter-toggle-btn{width:100%}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--bg);color:var(--text)}.app{min-height:100vh}.header{text-align:center;padding:2rem 1rem;background:var(--bg);color:var(--text);margin-bottom:2rem;border-bottom:1px solid var(--border)}.header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.header p{margin:0;font-size:1.1rem;opacity:.9}.masonry-grid{display:flex;gap:15px;padding:0 20px;width:100%;max-width:none;margin:0;transition:all .3s ease;box-sizing:border-box}.masonry-column{flex:1;display:flex;flex-direction:column;gap:15px;min-width:0;transition:all .3s ease}.image-card{background:var(--card);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;position:relative}.image-card:hover{transform:none;box-shadow:0 2px 8px #0000001a}.image-card img{border-radius:12px}.image-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-muted);color:#888;font-size:.9rem}.loading{text-align:center;padding:2rem;font-size:1.1rem;color:var(--text-muted)}.captcha-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.captcha-modal{background:var(--card);border-radius:16px;width:90%;max-width:400px;box-shadow:0 20px 40px #0000004d;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.captcha-header{background:var(--bg);color:var(--text);padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.captcha-header h3{margin:0;font-size:1.2rem;font-weight:600}.close-btn{background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-btn:hover{background:#7f7f7f1f}.captcha-content{padding:24px}.captcha-content p{margin-top:0;margin-bottom:20px;color:var(--text-muted);text-align:center}.math-question{text-align:center;margin-bottom:20px}.question-text{font-size:1.5rem;font-weight:600;color:var(--text);background:var(--bg-muted);padding:15px 20px;border-radius:8px;display:inline-block;border:2px solid var(--border)}.captcha-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:1.1rem;text-align:center;margin-bottom:15px;transition:border-color .2s ease}.captcha-input:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 3px #7f7f7f1f}.captcha-error{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:15px;font-size:.9rem;text-align:center}.retry-btn{background:none;border:none;color:var(--text);text-decoration:underline;cursor:pointer;font-size:.9rem;margin-left:8px}.retry-btn:hover{opacity:.8}.captcha-buttons{display:flex;gap:12px;margin-top:20px}.verify-btn{flex:1;background:var(--text);color:var(--bg);border:1px solid var(--text);padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease}.verify-btn:hover{filter:brightness(.92)}.cancel-btn{flex:1;background:var(--card);color:var(--text);border:1px solid var(--border);padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:var(--bg-muted)}.captcha-info{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.captcha-info small{color:var(--text-muted);font-size:.8rem}.rate-limit-message{background:#fff3cd;color:#856404;padding:12px 16px;border-radius:8px;margin:10px 20px;text-align:center;font-size:.9rem;border:1px solid #ffeaa7}.navigation{background:var(--bg);color:var(--text);padding:1rem 0;box-shadow:none;border-bottom:1px solid var(--border)}.nav-container{width:100%;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo h1{margin:0;font-size:1.8rem;font-weight:700;color:var(--text);text-decoration:none}.nav-logo{text-decoration:none;color:inherit}.nav-links{display:flex;align-items:center;gap:1rem}.nav-link{color:var(--text);text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:background .2s ease;font-weight:500}.nav-link:hover{background:#7f7f7f1f}.subscription-link{font-weight:600}.nav-button{background:transparent;border:1px solid var(--border);color:var(--text);padding:.5rem 1rem;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:500;transition:all .2s ease}.nav-button:hover{background:#7f7f7f1f}.signup-btn{background:var(--text);color:var(--bg);border-color:var(--text)}.signup-btn:hover{filter:brightness(.92)}.user-menu{display:flex;align-items:center;gap:.5rem}.user-email{font-size:.9rem;opacity:.9}.pro-badge{background:gold;color:#333;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700}.auth-buttons{display:flex;align-items:center;gap:.5rem}.main-content{min-height:calc(100vh - 80px)}.gallery-page{padding:0}.gallery-header{text-align:center;padding:2rem 1rem;background:var(--bg);margin-bottom:2rem}.gallery-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;color:var(--text)}.gallery-header p{margin:0;font-size:1.1rem;color:var(--text-muted)}.auth-page{min-height:calc(100vh - 80px);background:var(--bg);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.google-auth-section{margin-bottom:1.5rem}.google-signin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:8px;font-size:1rem;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s ease}.google-signin-btn:hover:not(:disabled){background:var(--bg-muted);border-color:var(--border);box-shadow:0 1px 3px #0000001a}.google-signin-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-muted);font-size:.9rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{padding:0 1rem;background:var(--card)}.auth-container{background:var(--card);border-radius:16px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:400px;padding:2rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{margin:0 0 .5rem;font-size:2rem;color:var(--text)}.auth-header p{margin:0;color:var(--text-muted);font-size:1rem}.back-btn{background:none;border:none;color:var(--text);cursor:pointer;font-size:.9rem;margin-bottom:1rem;padding:.5rem;transition:opacity .2s ease;text-decoration:underline}.back-btn:hover{opacity:.8}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text);font-size:.9rem}.form-group input{padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color .2s ease;background:var(--card);color:var(--text)}.form-group input:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 3px #7f7f7f1f}.auth-submit{padding:.75rem;font-size:1rem;font-weight:600;margin-top:.5rem}.auth-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.auth-footer p{margin:0 0 1rem;color:var(--text-muted)}.auth-link{color:var(--text);text-decoration:underline;font-weight:600}.auth-link:hover{text-decoration:underline;opacity:.8}.demo-credentials{background:var(--bg-muted);padding:1rem;border-radius:8px;font-size:.9rem}.demo-credentials h4{margin:0 0 .5rem;color:var(--text)}.pro-features{background:var(--bg-muted);padding:1.5rem;border-radius:8px;margin-top:1rem}.pro-features h4{margin:0 0 1rem;color:var(--text)}.pro-features ul{margin:0;padding-left:1rem;color:var(--text-muted)}.success-message{text-align:center}.success-message h1{color:#4caf50;margin-bottom:1rem}.subscription-page{min-height:calc(100vh - 80px);background:var(--bg);padding:2rem 1rem}.subscription-container-wide{max-width:1024px;margin:0 auto}.subscription-header-modern{text-align:center;margin-bottom:3rem}.subscription-header-modern .header-content{max-width:700px;margin:0 auto}.premium-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-muted);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;margin-bottom:1rem;color:var(--text-muted)}.subscription-header-modern h1{margin:1rem 0;font-size:3rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.subscription-header-modern p{font-size:1.125rem;color:var(--text-muted);line-height:1.6}.subscription-header-modern strong{color:var(--text);font-weight:600}.subscription-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.subscription-grid{grid-template-columns:1fr}}.features-card{background:var(--card);border:2px solid var(--border);border-radius:16px;padding:1.5rem;height:fit-content}.features-card .card-header{padding-bottom:1.5rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.features-card h2{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--text);margin:0}.crown-icon{font-size:1.5rem}.features-list-modern{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;gap:.75rem;align-items:flex-start}.feature-icon-wrapper{width:40px;height:40px;background:var(--bg-muted);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon{font-size:1.25rem}.feature-content h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text)}.feature-content p{margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.4}.payment-section{display:flex;flex-direction:column;gap:1.5rem}.billing-card{background:var(--card);border:2px solid var(--border);border-radius:16px;padding:1.5rem}.billing-header{display:flex;justify-content:space-between;align-items:center}.billing-header h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text)}.billing-header p{margin:0;font-size:.875rem;color:var(--text-muted)}.billing-toggle{display:flex;align-items:center;gap:.75rem}.billing-toggle span{font-size:.875rem;color:var(--text-muted);transition:color .2s}.billing-toggle span.active{color:var(--text);font-weight:500}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-muted);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--text)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.savings-banner{margin-top:1rem;padding:1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px}.savings-banner p{margin:0;font-size:.875rem;color:#22c55e;font-weight:600}.price-summary-card{background:var(--card);border:2px solid var(--border);border-radius:16px;padding:1.5rem}.price-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1rem;color:var(--text)}.price-line-sub{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem;color:var(--text-muted)}.price-value{font-weight:700;font-size:1.125rem}.price-divider{height:1px;background:var(--border);margin:1rem 0}.price-line.total{font-weight:700;font-size:1.125rem}.price-line.total .price-value{color:var(--text);font-size:1.25rem}.payment-methods-card{background:var(--card);border:2px solid var(--border);border-radius:16px;padding:1.5rem}.payment-methods-card h3{margin:0 0 1rem;font-size:1.25rem;font-weight:700;color:var(--text)}.payment-options-modern{display:flex;flex-direction:column;gap:.75rem}.payment-option{display:block;cursor:pointer;transition:all .2s}.payment-option input[type=radio]{display:none}.payment-option-content{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid var(--border);border-radius:12px;background:var(--bg);transition:all .2s}.payment-option:hover .payment-option-content{background:var(--bg-muted);border-color:var(--text-muted)}.payment-option.selected .payment-option-content{border-color:var(--text);background:#00000005}[data-theme=dark] .payment-option.selected .payment-option-content{background:#ffffff0d}.payment-option.disabled{opacity:.5;cursor:not-allowed}.payment-option-icon{font-size:2rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.stripe-connect-section{margin-top:2rem;padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:12px}.stripe-connect-header{margin-bottom:1.5rem}.stripe-connect-header h3{display:flex;align-items:center;gap:.5rem;color:var(--text);margin-bottom:.5rem}.stripe-connect-header p{color:var(--text-secondary);font-size:.9rem}.stripe-connect-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#635bff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.stripe-connect-button:hover:not(:disabled){background:#5547e5}.stripe-connect-button:disabled{opacity:.6;cursor:not-allowed}.stripe-benefits{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.stripe-benefits ul{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.stripe-benefits li{color:var(--text-secondary);font-size:.9rem}.stripe-connected{margin-top:1rem;padding:1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px}.connected-status{display:flex;align-items:center;gap:.5rem;color:var(--text)}.connected-status .success-icon{color:#22c55e}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.payment-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.payment-icon.apple-pay-icon{background:#000}.payment-icon.apple-pay-icon .payment-icon-svg{width:1.25rem;height:1.25rem;color:#fff}.payment-icon.google-pay-icon{background:#fff;border:1px solid var(--border)}.payment-icon.google-pay-icon .payment-icon-svg{width:1.25rem;height:1.25rem}.payment-icon.paypal-icon{background:#0070ba}.payment-icon.paypal-icon .payment-icon-svg{width:1.25rem;height:1.25rem;color:#fff}.payment-icon.card-icon{width:2rem;height:2rem;color:var(--text-secondary)}.payment-option-details{flex:1}.payment-option-name{font-weight:600;color:var(--text);margin-bottom:.25rem}.payment-option-desc{font-size:.875rem;color:var(--text-muted)}.payment-option-arrow{color:var(--text-muted);font-size:1.25rem}.error-message-modern{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:.875rem}.security-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--bg-muted);border-radius:12px;font-size:.875rem;color:var(--text-muted);font-weight:500}.subscribe-button-modern{width:100%;padding:1rem;background:var(--text);color:var(--bg);border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.75rem}.subscribe-button-modern:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #0003}.subscribe-button-modern:disabled{opacity:.5;cursor:not-allowed}.subscribe-button-modern .processing{display:flex;align-items:center;gap:.5rem}.subscribe-button-modern .spinner{width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%}.lock-icon{font-size:1.25rem}.terms-text{text-align:center;font-size:.75rem;color:var(--text-muted);line-height:1.4}.terms-text p{margin:.25rem 0}.subscription-features ul{list-style:none;padding:0}.subscription-features li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.subscription-features li:last-child{border-bottom:none}.subscription-features .feature-icon{font-size:1.25rem;margin-top:.125rem}.subscription-features li div{flex:1}.subscription-features li strong{display:block;color:var(--text);margin-bottom:.25rem}.subscription-features li p{margin:0;font-size:.875rem;color:var(--text-muted)}.payment-options{margin-top:2rem}.payment-options h3{text-align:center;margin-bottom:1.5rem;color:var(--text)}.payment-buttons{display:flex;flex-direction:column;gap:1rem}.payment-btn{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease}.payment-btn:hover{border-color:var(--text);transform:translateY(-2px);box-shadow:none}.payment-content{display:flex;align-items:center;gap:1rem}.payment-icon{font-size:2rem}.payment-title{font-weight:600;color:var(--text);margin-bottom:.2rem}.payment-subtitle{font-size:.9rem;color:var(--text-muted)}.stripe-btn:hover,.paypal-btn:hover,.apple-btn:hover{border-color:var(--text)}.loading-message{text-align:center;color:var(--text-muted);margin-top:1rem;font-weight:600}.subscription-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.guarantee{font-weight:600;color:#4caf50;margin-bottom:1rem}.terms{font-size:.9rem;color:var(--text-muted);line-height:1.5}.subscription-status{display:flex;justify-content:center;margin:2rem 0}.status-card{background:var(--card);border-radius:12px;padding:2rem;text-align:center;box-shadow:0 5px 20px #0000001a}.status-card.active{border:3px solid #4caf50}.plan-name{font-weight:600;color:var(--text);margin:.5rem 0}.subscription-features{background:var(--card);border-radius:12px;padding:2rem;margin:2rem 0;box-shadow:0 5px 20px #0000001a}.subscription-actions{display:flex;gap:1rem;margin:2rem 0}.cancel-subscription{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.upload-page{min-height:calc(100vh - 80px);background:var(--bg);padding:2rem 1rem}.upload-container{max-width:800px;margin:0 auto}.upload-header{text-align:center;margin-bottom:2rem}.upload-header h1{margin:1rem 0;font-size:2.5rem;color:var(--text)}.upload-header p{color:var(--text-muted);font-size:1.1rem}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--card)}.dropzone:hover{border-color:var(--text-muted);background:var(--bg-muted)}.dropzone.dragging{border-color:#4caf50;background:#4caf501a;transform:scale(1.02)}.access-denied{background:var(--card);border-radius:16px;padding:3rem 2rem;text-align:center;box-shadow:0 10px 40px #0000001a}.access-denied h1{color:#ff6b6b;margin-bottom:1rem}.access-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.upload-methods{background:var(--card);border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden;margin-bottom:2rem}.method-tabs{display:flex;background:var(--bg-muted)}.method-tab{flex:1;padding:1rem;background:none;border:none;cursor:pointer;font-weight:600;transition:all .2s ease;color:var(--text-muted)}.method-tab.active{background:var(--card);color:var(--text)}.upload-content{padding:2rem}.file-drop-zone{border:3px dashed var(--border);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease}.file-drop-zone:hover{border-color:var(--text);background:var(--bg-muted)}.file-selected{display:flex;flex-direction:column;align-items:center;gap:.5rem}.file-icon{font-size:3rem}.file-name{font-weight:600;color:var(--text)}.file-size{color:var(--text-muted);font-size:.9rem}.file-placeholder .upload-icon{font-size:4rem;margin-bottom:1rem}.file-info{color:var(--text-muted);font-size:.9rem}.url-input{width:100%;padding:1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color .2s ease}.url-input:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 3px #7f7f7f1f}.url-info{color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.image-preview{background:var(--card);border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:2rem;margin-bottom:2rem}.preview-container{text-align:center}.preview-image{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 5px 20px #0000001a}.upload-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.analyze-btn{font-size:1.1rem;padding:1rem 2rem}.analysis-result{background:var(--card);border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:2rem}.result-header{text-align:center;margin-bottom:2rem}.prediction{display:inline-block;padding:.5rem 1rem;border-radius:8px;font-weight:600;margin-top:.5rem}.prediction.ai{background:#ffe6e6;color:#c33;border:2px solid #ffcccc}.prediction.human{background:#e6f7e6;color:#2c6e2c;border:2px solid #ccf0cc}.confidence-bar{margin:1.5rem 0}.confidence-label{text-align:center;margin-bottom:.5rem;font-weight:600}.confidence-meter{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.confidence-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,gold,#4caf50);transition:width .5s ease}.result-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.detail-section h4{margin:0 0 1rem;color:var(--text);font-size:1.1rem}.detail-section ul{margin:0;padding-left:1.2rem;color:var(--text-muted)}.detail-section p{margin:0;color:var(--text-muted)}.result-actions{text-align:center;margin-top:2rem}.btn-primary{background:var(--text);color:var(--bg);border:1px solid var(--text);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary:hover{filter:brightness(.92);transform:none;box-shadow:none}.btn-primary:disabled{background:#ccc;color:#fff;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.btn-secondary:hover{background:var(--bg-muted);color:var(--text)}.btn-danger{background:#ff6b6b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#ff5252}.success-page{text-align:center;padding:4rem 2rem;background:var(--card);border-radius:16px;box-shadow:0 10px 40px #0000001a;margin:2rem auto;max-width:600px}.success-page h1{color:#4caf50;margin-bottom:1rem}@media (max-width: 768px){.nav-container{padding:0 .5rem}.nav-links{flex-direction:column;gap:.5rem}.auth-buttons{flex-direction:column;width:100%}.masonry-grid{padding:0 .5rem}.subscription-actions,.access-actions,.upload-actions{flex-direction:column}.payment-buttons{gap:.75rem}.result-details{grid-template-columns:1fr;gap:1rem}}@media (max-width: 600px){.masonry-grid{gap:10px;padding:0 .5rem}.masonry-column{gap:10px}.gallery-header{padding:1.5rem 1rem}.gallery-header h1{font-size:2rem}.captcha-modal{width:95%;margin:20px}.captcha-content{padding:20px}.auth-container,.subscription-container,.upload-container{padding:1rem}.pricing-card{padding:1.5rem}.upload-content{padding:1rem}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (min-width: 769px){.desktop-only{display:flex!important}.mobile-only{display:none!important}}.mobile-menu{position:fixed;top:64px;right:8px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #0003;z-index:2000}.mobile-menu .mobile-menu-content{display:flex;flex-direction:column;gap:8px;padding:12px}.hamburger-btn{padding:.5rem .75rem}.initial-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;padding-bottom:20vh}.loading-spinner{font-size:3rem;animation:spin 2s linear infinite;margin-bottom:1rem}.load-trigger{height:4px;margin:2rem 0;background:transparent;border:none;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-muted)}.loading-more{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted)}.loading-more .loading-spinner{font-size:2rem;margin-bottom:.5rem}.loading-more p{margin:0;font-size:1.1rem;font-weight:500}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px;height:100%;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-skeleton-column{flex:1;display:flex;flex-direction:column;gap:15px}.loading-skeleton-card{background:var(--card);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;height:200px}.loading-more-container{display:flex;gap:15px;padding:0 20px;margin-top:15px}.image-wrapper{opacity:1;transition:all .3s ease}.image-wrapper.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-card.loading{background:var(--bg-muted)}.image-card .image-placeholder{position:relative;overflow:hidden;border-radius:12px}.image-card img{transition:opacity .3s ease}.image-card.loading img{opacity:0}@media (max-width: 600px){.loading-more-container{gap:10px;padding:0 .5rem}.loading-skeleton-card{height:150px}}.image-source-info{margin-top:1rem;text-align:center}.source-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;margin:.5rem}.source-badge.pinterest{background:#e60023;color:#fff}.source-badge.demo{background:var(--bg-muted);color:var(--text-muted)}.admin-link{color:inherit;text-decoration:underline;cursor:pointer;font-weight:400}.admin-link:hover{opacity:.8}.end-message{text-align:center;padding:2rem;color:var(--text-muted);font-size:1.1rem}.end-message a{color:var(--text);text-decoration:underline;font-weight:600}.end-message a:hover{text-decoration:underline}.image-title{background:#000c;color:#fff;padding:.5rem;font-size:.8rem;font-weight:600;margin-bottom:.5rem;border-radius:4px;line-height:1.2;max-height:3em;overflow:hidden}.vote-stats{background:#000000b3;color:#fff;padding:.3rem .5rem;border-radius:4px;font-size:.7rem;margin-bottom:.5rem;text-align:center}.vote-count{font-weight:600;margin-bottom:.2rem}.vote-breakdown{font-size:.6rem;opacity:.9}.source-badge{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.admin-page{min-height:calc(100vh - 80px);background:var(--bg);padding:2rem 1rem}.admin-container{max-width:1200px;margin:0 auto}.admin-header{text-align:center;margin-bottom:3rem}.admin-header h1{margin:1rem 0;font-size:2.5rem;color:var(--text)}.admin-header p{color:var(--text-muted);font-size:1.1rem}.stats-section{background:var(--card);border-radius:16px;padding:2rem;margin-bottom:3rem;box-shadow:0 5px 20px #0000001a}.stats-section h2{margin:0 0 1.5rem;color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:var(--bg-muted);padding:1.5rem;border-radius:12px;text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.stat-label{color:var(--text-muted);font-size:.9rem;font-weight:600}.scraping-section{background:var(--card);border-radius:16px;padding:2rem;margin-bottom:3rem;box-shadow:0 5px 20px #0000001a}.scraping-section h2{margin:0 0 1.5rem;color:var(--text)}.scraping-controls{display:flex;flex-direction:column;gap:2rem}.search-terms-section h3{margin:0 0 1rem;color:var(--text)}.search-terms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:1rem}.search-term-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:background .2s ease}.search-term-checkbox:hover{background:var(--bg-muted)}.search-term-checkbox input[type=checkbox]{margin:0}.custom-term-input{display:flex;gap:.5rem;margin-top:1rem}.custom-term-input input{flex:1;padding:.5rem;border:1px solid var(--border);border-radius:6px}.custom-term-input input:focus{outline:none;border-color:var(--text)}.selected-terms{margin-top:1rem;padding:1rem;background:var(--bg-muted);border-radius:8px}.selected-terms h4{margin:0 0 .5rem;color:var(--text)}.selected-terms-list{display:flex;flex-wrap:wrap;gap:.5rem}.selected-term{background:var(--bg-muted);color:var(--text);padding:.3rem .5rem;border-radius:16px;font-size:.8rem;display:flex;align-items:center;gap:.3rem;border:1px solid var(--border)}.selected-term button{background:none;border:none;color:var(--text);cursor:pointer;padding:0;font-size:1rem;line-height:1}.scraping-options{display:flex;gap:2rem;align-items:end}.option-group{display:flex;flex-direction:column;gap:.5rem}.option-group label{font-weight:600;color:var(--text)}.option-group input{padding:.5rem;border:1px solid var(--border);border-radius:6px;width:120px}.scraping-actions{text-align:center}.scrape-btn{font-size:1.2rem;padding:1rem 2rem}.results-section{background:var(--card);border-radius:16px;padding:2rem;margin-bottom:3rem;box-shadow:0 5px 20px #0000001a}.results-section h2{margin:0 0 1.5rem;color:var(--text)}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.result-item{background:var(--bg-muted);padding:1rem;border-radius:8px;text-align:center}.errors-list{background:#ffe6e6;padding:1rem;border-radius:8px;margin:1rem 0}.error-item{margin:.5rem 0;color:#c33}.search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.search-result-item{background:var(--bg-muted);padding:1rem;border-radius:8px}.management-section{background:var(--card);border-radius:16px;padding:2rem;margin-bottom:3rem;box-shadow:0 5px 20px #0000001a}.management-section h2{margin:0 0 1.5rem;color:var(--text)}.terms-management{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.term-management-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-muted);border-radius:8px}.term-name{font-weight:600;color:var(--text)}.btn-small{padding:.3rem .8rem;font-size:.8rem}.preview-section{background:var(--card);border-radius:16px;padding:2rem;margin-bottom:3rem;box-shadow:0 5px 20px #0000001a}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.preview-header h2{margin:0;color:var(--text)}.images-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.preview-image{background:var(--bg-muted);border-radius:8px;overflow:hidden;transition:transform .2s ease}.preview-image:hover{transform:scale(1.02)}.preview-image img{width:100%;height:150px;object-fit:cover}.image-info{padding:.5rem}.image-title{font-size:.8rem;font-weight:600;color:var(--text);margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted)}.instructions-section{background:var(--card);border-radius:16px;padding:2rem;box-shadow:0 5px 20px #0000001a}.instructions-section h2{margin:0 0 1.5rem;color:var(--text)}.instructions ol{line-height:1.6;color:var(--text-muted)}.instructions li{margin-bottom:.5rem}.api-note{background:var(--bg-muted);padding:1.5rem;border-radius:8px;margin-top:1.5rem}.api-note h4{margin:0 0 .5rem;color:var(--text)}.api-note code{background:var(--border);padding:.2rem .5rem;border-radius:4px;font-family:monospace;display:block;margin:.5rem 0}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.search-terms-grid{grid-template-columns:1fr}.scraping-options{flex-direction:column;align-items:stretch}.results-summary,.search-results,.terms-management{grid-template-columns:1fr}.images-preview{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.preview-header{flex-direction:column;gap:1rem;align-items:stretch}}.paypal-button-wrapper,.google-pay-button-wrapper{margin-top:1.5rem;padding:1rem;border-radius:12px;background:var(--card);border:1px solid var(--border)}.google-pay-button-container{display:flex;justify-content:center;width:100%}.google-pay-fallback{width:100%;padding:.75rem 1.5rem;border-radius:8px;background:var(--background);border:1px solid var(--border);color:var(--text);font-size:1rem;cursor:not-allowed;opacity:.6;display:flex;align-items:center;justify-content:center;gap:.5rem}.paypal-button-container{max-width:400px;margin:0 auto}.paypal-processing{text-align:center;padding:1rem;color:var(--text-muted);font-size:.9rem}:root{--bg: #ffffff;--bg-muted: #f6f6f6;--text: #000000;--text-muted: #666666;--card: #ffffff;--border: #e5e7eb;--primary: #000000;--accent: #0ea5e9}html[data-theme=light]{color-scheme:light;background-color:var(--bg);color:var(--text)}html[data-theme=dark]{color-scheme:dark;--bg: #0a0a0a;--bg-muted: #111111;--text: #ffffff;--text-muted: rgba(255, 255, 255, .7);--card: #0f0f0f;--border: #1f2937;--primary: #ffffff;background-color:var(--bg);color:var(--text)}html[data-theme=dark] body{background-color:var(--bg);color:var(--text)}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] h5,html[data-theme=dark] h6{color:var(--text)}html[data-theme=dark] p,html[data-theme=dark] small,html[data-theme=dark] .text-muted,html[data-theme=dark] .user-email,html[data-theme=dark] .period{color:var(--text-muted)}html[data-theme=dark] .image-card,html[data-theme=dark] .captcha-modal,html[data-theme=dark] .auth-container,html[data-theme=dark] .success-page,html[data-theme=dark] .status-card,html[data-theme=dark] .subscription-features,html[data-theme=dark] .pricing-card,html[data-theme=dark] .image-preview,html[data-theme=dark] .analysis-result,html[data-theme=dark] .results-section,html[data-theme=dark] .management-section,html[data-theme=dark] .preview-section{background:var(--card)!important;color:var(--text);border-color:var(--border)}html[data-theme=dark] .gallery-header,html[data-theme=dark] .auth-page,html[data-theme=dark] .method-tabs,html[data-theme=dark] .image-card.loading,html[data-theme=dark] .demo-credentials,html[data-theme=dark] .pro-features,html[data-theme=dark] .subscription-page,html[data-theme=dark] .upload-page{background:var(--bg-muted)!important;color:var(--text)}html[data-theme=dark] input,html[data-theme=dark] .form-group input,html[data-theme=dark] .url-input,html[data-theme=dark] .file-drop-zone,html[data-theme=dark] .cancel-btn,html[data-theme=dark] .auth-divider:before,html[data-theme=dark] .auth-divider:after{border-color:var(--border)!important}html[data-theme=dark] .form-group input,html[data-theme=dark] .url-input{background:var(--card);color:var(--text)}html[data-theme=dark] .btn-secondary{background:var(--bg-muted);color:var(--text-muted);border-color:var(--border)}html[data-theme=dark] .btn-secondary:hover{background:#1b2330;color:var(--text)}html[data-theme=dark] .plan-name,html[data-theme=dark] .payment-title,html[data-theme=dark] .detail-section h4{color:var(--text)}html[data-theme=dark] .payment-subtitle,html[data-theme=dark] .terms,html[data-theme=dark] .result-details p,html[data-theme=dark] .detail-section ul,html[data-theme=dark] .url-info,html[data-theme=dark] .file-size,html[data-theme=dark] .file-info,html[data-theme=dark] .auth-header p,html[data-theme=dark] .gallery-header p{color:var(--text-muted)}html[data-theme=dark] .nav-link:hover{background:#ffffff1f}html[data-theme=dark] .nav-button{border-color:#ffffff40}.theme-toggle-btn{display:inline-flex;align-items:center;gap:6px}html[data-theme=light] body,html[data-theme=dark] body{background:var(--bg);color:var(--text)}html[data-theme=light] .navigation,html[data-theme=dark] .navigation{background:var(--bg)!important;color:var(--text)!important;box-shadow:none!important;border-bottom:1px solid var(--border)!important}html[data-theme=light] .nav-link,html[data-theme=dark] .nav-link,html[data-theme=light] .nav-button,html[data-theme=dark] .nav-button,html[data-theme=light] .nav-logo h1,html[data-theme=dark] .nav-logo h1{color:var(--text)!important}html[data-theme=light] .nav-link:hover,html[data-theme=light] .nav-button:hover{background:#0000000f!important}html[data-theme=dark] .nav-link:hover,html[data-theme=dark] .nav-button:hover{background:#ffffff1f!important}html[data-theme=light] .header,html[data-theme=dark] .header,html[data-theme=light] .gallery-header,html[data-theme=dark] .gallery-header{background:var(--bg)!important;color:var(--text)!important}html[data-theme=light] .btn-primary,html[data-theme=dark] .btn-primary,html[data-theme=light] .verify-btn,html[data-theme=dark] .verify-btn,html[data-theme=light] .signup-btn,html[data-theme=dark] .signup-btn,html[data-theme=light] .filter-toggle-btn,html[data-theme=dark] .filter-toggle-btn,html[data-theme=light] .analyze-btn,html[data-theme=dark] .analyze-btn,html[data-theme=light] .scrape-btn,html[data-theme=dark] .scrape-btn{background:var(--text)!important;color:var(--bg)!important;border:1px solid var(--text)!important;box-shadow:none!important;text-shadow:none!important}html[data-theme=light] .btn-primary:hover,html[data-theme=dark] .btn-primary:hover,html[data-theme=light] .verify-btn:hover,html[data-theme=dark] .verify-btn:hover,html[data-theme=light] .signup-btn:hover,html[data-theme=dark] .signup-btn:hover,html[data-theme=light] .filter-toggle-btn:hover,html[data-theme=dark] .filter-toggle-btn:hover,html[data-theme=light] .analyze-btn:hover,html[data-theme=dark] .analyze-btn:hover,html[data-theme=light] .scrape-btn:hover,html[data-theme=dark] .scrape-btn:hover{filter:brightness(.92)}html[data-theme=light] .btn-secondary,html[data-theme=dark] .btn-secondary,html[data-theme=light] .cancel-btn,html[data-theme=dark] .cancel-btn,html[data-theme=light] .payment-btn,html[data-theme=dark] .payment-btn,html[data-theme=light] .google-signin-btn,html[data-theme=dark] .google-signin-btn,html[data-theme=light] .file-drop-zone,html[data-theme=dark] .file-drop-zone{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important}html[data-theme=light] .auth-link,html[data-theme=dark] .auth-link,html[data-theme=light] .back-btn,html[data-theme=dark] .back-btn,html[data-theme=light] .retry-btn,html[data-theme=dark] .retry-btn,html[data-theme=light] .end-message a,html[data-theme=dark] .end-message a{color:var(--text)!important;text-decoration:underline!important;background:transparent!important}html[data-theme=light] .auth-link:hover,html[data-theme=dark] .auth-link:hover,html[data-theme=light] .back-btn:hover,html[data-theme=dark] .back-btn:hover,html[data-theme=light] .retry-btn:hover,html[data-theme=dark] .retry-btn:hover,html[data-theme=light] .end-message a:hover,html[data-theme=dark] .end-message a:hover{opacity:.8}html[data-theme=light] .selected-term,html[data-theme=dark] .selected-term{background:var(--bg-muted)!important;color:var(--text)!important;border:1px solid var(--border)!important}html[data-theme=light] .load-trigger,html[data-theme=dark] .load-trigger,html[data-theme=light] .loading-more,html[data-theme=dark] .loading-more,html[data-theme=light] .loading-message,html[data-theme=dark] .loading-message{background:transparent!important;color:var(--text-muted)!important;border-color:var(--border)!important}html[data-theme=light] .captcha-header,html[data-theme=dark] .captcha-header{background:var(--bg)!important;color:var(--text)!important;border-bottom:1px solid var(--border)!important}html[data-theme=light] .close-btn,html[data-theme=dark] .close-btn,html[data-theme=light] .currency,html[data-theme=dark] .currency,html[data-theme=light] .amount,html[data-theme=dark] .amount{color:var(--text)!important}.image-card{position:relative}.save-to-board-btn{position:absolute;top:10px;right:10px;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.save-to-board-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0003}.save-to-board-btn svg{color:#333}.board-selection-modal{max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column}.board-selection-list{margin:20px 0;max-height:300px;overflow-y:auto}.board-selection-item{width:100%;padding:15px;margin-bottom:10px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.board-selection-item:hover{background:#e8e8e8;border-color:#667eea}.board-selection-item .board-info h3{margin:0 0 5px;font-size:16px;color:#333}.board-selection-item .board-info p{margin:0;font-size:14px;color:#666}.create-new-board-section{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.create-new-board-section h3{margin-bottom:15px;font-size:18px;color:#333}.create-board-form{display:flex;flex-direction:column;gap:15px}.create-board-form input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.create-board-form button{padding:12px 20px;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s ease;align-self:center;min-width:150px}.create-board-form button:hover:not(:disabled){background:#5a67d8}.create-board-form button:disabled{background:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:30px;position:relative;box-shadow:0 4px 20px #00000026}.modal-content.board-selection-modal{display:flex;flex-direction:column;padding-bottom:20px}.modal-content.board-selection-modal h2{margin-top:0;margin-bottom:20px}.modal-content.board-selection-modal .board-selection-list{flex:1;overflow-y:auto;margin-bottom:20px}.modal-content.board-selection-modal .create-new-board-section{margin-top:auto;padding-top:20px;border-top:1px solid #e0e0e0}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;color:#666;transition:color .2s ease}.modal-close:hover{color:#333}.masonry-grid{display:flex;gap:15px;padding:20px}@media (max-width: 768px){.masonry-grid{padding:0 .5rem}}@media (max-width: 600px){.masonry-grid{gap:10px;padding:0 .5rem}}.masonry-column{flex:1;display:flex;flex-direction:column;gap:15px}.image-wrapper{break-inside:avoid}.image-card img{width:100%;height:auto;border-radius:8px}.image-placeholder{background:#f0f0f0;border-radius:8px;position:relative;overflow:hidden}.skeleton-loader{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{left:-100%}to{left:100%}}.search-section{margin-bottom:2rem;padding:1rem}.search-results-header{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:12px}.search-results-header h3{color:var(--text);font-size:1.1rem;font-weight:500}.exit-search-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--text);color:var(--bg);border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:opacity .2s}.exit-search-btn:hover{opacity:.9}.human-ai-filter{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;margin:1rem 0;border:1px solid #e0e0e0;transition:all .3s ease}.human-ai-filter:hover{box-shadow:0 6px 20px #00000026}.filter-header{margin-bottom:1.5rem}.filter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.filter-title h3{margin:0;color:#333;font-size:1.2rem;font-weight:600}.mode-toggle{background:#f5f5f5;border:1px solid #ddd;border-radius:20px;padding:.4rem .8rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mode-toggle.advanced{background:#667eea;color:#fff;border-color:#667eea}.mode-toggle:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.filter-description{text-align:center}.current-filter{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.filter-label{font-weight:600;color:#333;font-size:1rem}.filter-percentage{background:#f0f0f0;color:#666;padding:.2rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.filter-desc{color:#666;font-size:.9rem;margin:0;line-height:1.4}.gradient-slider-container{margin-bottom:1.5rem}.slider-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;font-weight:500}.label-human{color:#4caf50}.label-mixed{color:#ff9800}.label-ai{color:#e91e63}.slider-wrapper{position:relative;height:40px}.gradient-slider{width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#4caf50,#8bc34a,#ffc107,#ff9800,#ff5722,#e91e63);box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.gradient-slider:hover{transform:scaleY(1.2);box-shadow:0 3px 8px #0003}.gradient-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid #667eea;box-shadow:0 2px 6px #0003;transition:all .2s ease}.gradient-slider::-webkit-slider-thumb:hover{transform:scale(1.2);border-color:#5a6fd8;box-shadow:0 4px 12px #667eea66}.gradient-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid #667eea;box-shadow:0 2px 6px #0003}.slider-track{position:absolute;top:16px;left:0;right:0;height:8px;border-radius:4px;pointer-events:none}.slider-thumb-indicator{position:absolute;top:-28px;transform:translate(-50%);pointer-events:none}.thumb-tooltip{background:#333;color:#fff;padding:.3rem .6rem;border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap}.thumb-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#333}.preset-buttons{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.preset-btn{flex:1;min-width:0;padding:.6rem .4rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.preset-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.preset-btn.active{border-color:#667eea;background:#f8f9ff;color:#667eea}.preset-btn.human.active{border-color:#4caf50;background:#f1f8e9;color:#4caf50}.preset-btn.human-leaning.active{border-color:#8bc34a;background:#f3e5f5;color:#8bc34a}.preset-btn.balanced.active{border-color:#ff9800;background:#fff3e0;color:#ff9800}.preset-btn.ai-leaning.active{border-color:#ff5722;background:#ffebee;color:#ff5722}.preset-btn.ai.active{border-color:#e91e63;background:#fce4ec;color:#e91e63}.advanced-options{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.advanced-section{margin-bottom:1.5rem}.advanced-section:last-child{margin-bottom:0}.advanced-section h4{margin:0 0 .8rem;color:#333;font-size:1rem;font-weight:600}.advanced-section label{display:block;margin-bottom:.5rem;color:#333;font-weight:500;font-size:.9rem}.confidence-slider{width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#f44,#fa0,#4a4);margin:.5rem 0}.confidence-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid #667eea;box-shadow:0 1px 4px #0003}.confidence-description{color:#666;font-size:.8rem;line-height:1.3}.detection-method-filters,.community-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.checkbox-label{display:flex!important;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s ease;margin-bottom:0!important}.checkbox-label:hover{background:#f5f5f5}.checkbox-label input[type=checkbox]{margin:0;cursor:pointer}.checkbox-label span{font-size:.9rem;color:#333}.filter-stats{margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0;display:flex;gap:1.5rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.8rem}.stat-icon{font-size:1rem}@media (max-width: 768px){.human-ai-filter{padding:1rem}.filter-title{flex-direction:column;gap:.5rem;align-items:stretch}.preset-buttons{grid-template-columns:repeat(2,1fr);gap:.4rem}.preset-btn{font-size:.7rem;padding:.5rem .3rem}.detection-method-filters,.community-options{grid-template-columns:1fr;gap:.5rem}.filter-stats{flex-direction:column;gap:.8rem}}@media (max-width: 480px){.preset-buttons{flex-direction:column}.preset-btn{flex:none}.slider-labels{font-size:.8rem}.current-filter{flex-direction:column;gap:.3rem}}.save-to-board{position:static;display:inline-block}.save-to-board-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #667eea66}.save-to-board-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea99}.save-to-board-btn .icon{font-size:18px}.board-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;min-width:280px;max-width:320px;z-index:1000;animation:slideDown .2s ease}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0}.dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:#f5f5f5;color:#333}.loading-state{display:flex;align-items:center;gap:12px;padding:24px;justify-content:center;color:#666}.loading-state .spinner{animation:spin 1s linear infinite;font-size:20px}.error-message,.success-message{display:flex;align-items:center;gap:8px;padding:12px 16px;margin:8px;border-radius:8px;font-size:14px;animation:fadeIn .3s ease}.error-message{background:#fee;color:#d00;border:1px solid #fcc}.success-message{background:#efe;color:#080;border:1px solid #cfc}.board-list{max-height:300px;overflow-y:auto;padding:8px}.board-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s;text-align:left}.board-item:hover{background:#f8f8f8;border-color:#667eea;transform:translate(4px)}.board-item.saved{background:#f0f4ff;border-color:#667eea}.board-name{font-weight:500;color:#333;flex:1}.board-count{font-size:12px;color:#999;margin-left:8px}.saved-indicator{color:#667eea;font-weight:700;margin-left:8px}.create-new-btn{display:flex;align-items:center;gap:8px;width:calc(100% - 16px);margin:8px;padding:12px 16px;background:#f8f8f8;border:2px dashed #ddd;border-radius:8px;cursor:pointer;transition:all .2s;color:#666;font-size:14px;font-weight:500}.create-new-btn:hover{background:#f0f0f0;border-color:#667eea;color:#667eea}.create-board-form{padding:16px}.create-board-form input{width:100%;padding:12px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.create-board-form input:focus{border-color:#667eea}.form-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.cancel-btn,.create-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e5e5e5}.create-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.create-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #667eea66}.create-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.board-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:360px}}.pinterest-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pinterest-modal-container{background:#fff;border-radius:16px;max-width:1000px;max-height:90vh;width:100%;height:auto;position:relative;overflow:hidden;animation:slideUp .3s ease-out;box-shadow:0 10px 40px #0003}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pinterest-modal-close{position:absolute;top:20px;right:20px;z-index:10;background:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000026;font-size:18px}.pinterest-modal-close:hover{background:#f0f0f0;transform:scale(1.05)}.pinterest-modal-close svg{width:20px;height:20px;color:#111}.pinterest-modal-content{display:flex;height:600px}.pinterest-image-section{flex:1;display:flex;align-items:center;justify-content:center;background:#f0f0f0;position:relative;min-width:0;max-width:60%;overflow:hidden}.pinterest-save-heart{position:absolute;top:20px;left:20px;z-index:10}.pinterest-heart-btn{width:48px;height:48px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000026}.pinterest-heart-btn:hover{background:#e60023;transform:scale(1.1)}.pinterest-heart-btn svg{width:24px;height:24px;color:#111;transition:all .2s}.pinterest-heart-btn:hover svg{color:#fff;fill:#fff}.pinterest-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;opacity:0;transition:opacity .3s ease}.pinterest-image.loaded{opacity:1}.pinterest-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pinterest-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#e60023;border-radius:50%;animation:spin 1s linear infinite}.pinterest-info-section{width:400px;padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.pinterest-actions{display:flex;gap:8px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.pinterest-action-btn{width:36px;height:36px;border-radius:50%;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.pinterest-action-btn:hover{background:#f0f0f0}.pinterest-action-btn svg{width:20px;height:20px;color:#111}.pinterest-save-btn{background:#e60023;color:#fff;border:none;padding:12px 24px;border-radius:24px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s}.pinterest-save-btn:hover{background:#c50018;transform:scale(1.02)}.pinterest-title-section{display:flex;flex-direction:column;gap:12px}.pinterest-title{font-size:28px;font-weight:700;color:#111;margin:0;line-height:1.2}.pinterest-description{font-size:14px;color:#5f5f5f;line-height:1.5;margin:0}.pinterest-category{display:inline-block;padding:6px 12px;background:#f0f0f0;border-radius:16px;font-size:14px;font-weight:500;color:#111;width:fit-content}.pinterest-stats{display:flex;gap:24px;padding:12px 0;border-bottom:1px solid #e0e0e0}.pinterest-stat{display:flex;align-items:center;gap:6px}.pinterest-stat-icon{font-size:16px}.pinterest-stat-value{font-size:14px;font-weight:600;color:#111}.pinterest-user{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #e0e0e0;justify-content:flex-start}.pinterest-avatar{width:48px;height:48px;border-radius:50%;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.pinterest-user-info{flex:1}.pinterest-username{font-weight:600;font-size:16px;color:#111}.pinterest-username.subtle,.pinterest-user-handle.subtle{color:#767676;opacity:.7}.pinterest-username.subtle{font-weight:500;font-size:13px}.pinterest-user-handle.subtle{font-size:12px}.pinterest-user-handle{font-size:14px;color:#767676}.pinterest-follow-btn{padding:10px 20px;background:#e0e0e0;border:none;border-radius:24px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.pinterest-follow-btn:hover{background:#d0d0d0}.pinterest-ai-section{padding:12px 0}.pinterest-ai-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.pinterest-ai-icon{font-size:16px}.pinterest-voting{padding:12px 0;border-top:1px solid #e0e0e0}.pinterest-section-title{font-size:16px;font-weight:600;color:#111;margin:0 0 12px}.pinterest-vote-buttons{display:flex;gap:8px}.pinterest-vote-btn{flex:1;padding:10px 12px;border:2px solid #e0e0e0;background:#fff;border-radius:24px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;color:#111}.pinterest-vote-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.pinterest-vote-btn.active.ai{background:#ef4444;border-color:#ef4444;color:#fff}.pinterest-vote-btn.active.human{background:#10b981;border-color:#10b981;color:#fff}.pinterest-vote-count{font-size:12px;opacity:.8}.pinterest-comments{padding:12px 0;border-top:1px solid #e0e0e0}.pinterest-comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.pinterest-comment{display:flex;gap:10px}.pinterest-comment-avatar{width:32px;height:32px;border-radius:50%;background:var(--text-muted);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.pinterest-comment-content{flex:1}.pinterest-comment-header{display:flex;gap:6px;align-items:baseline;margin-bottom:4px}.pinterest-comment-name{font-weight:600;font-size:14px;color:#111}.pinterest-comment-text{font-size:14px;color:#111}.pinterest-comment-time{font-size:12px;color:#767676}.pinterest-show-more{background:none;border:none;color:#111;font-weight:600;font-size:14px;cursor:pointer;padding:0;transition:opacity .2s}.pinterest-show-more:hover{opacity:.7}[data-theme=dark] .pinterest-modal-container{background:#1e1e1e}[data-theme=dark] .pinterest-heart-btn{background:#2a2a2a}[data-theme=dark] .pinterest-heart-btn:hover{background:#e60023}[data-theme=dark] .pinterest-heart-btn svg{color:#fff}[data-theme=dark] .pinterest-modal-close{background:#2a2a2a}[data-theme=dark] .pinterest-modal-close:hover{background:#333}[data-theme=dark] .pinterest-modal-close svg{color:#fff}[data-theme=dark] .pinterest-image-section{background:#0a0a0a}[data-theme=dark] .pinterest-header,[data-theme=dark] .pinterest-stats,[data-theme=dark] .pinterest-voting,[data-theme=dark] .pinterest-comments{border-color:#333}[data-theme=dark] .pinterest-title,[data-theme=dark] .pinterest-stat-value,[data-theme=dark] .pinterest-username,[data-theme=dark] .pinterest-section-title,[data-theme=dark] .pinterest-comment-name,[data-theme=dark] .pinterest-comment-text,[data-theme=dark] .pinterest-show-more{color:#fff}[data-theme=dark] .pinterest-description,[data-theme=dark] .pinterest-user-handle,[data-theme=dark] .pinterest-comment-time{color:#a0a0a0}[data-theme=dark] .pinterest-category{background:#2a2a2a;color:#fff}[data-theme=dark] .pinterest-action-btn{background:#2a2a2a}[data-theme=dark] .pinterest-action-btn:hover{background:#333}[data-theme=dark] .pinterest-action-btn svg{color:#fff}[data-theme=dark] .pinterest-follow-btn{background:#2a2a2a;color:#fff}[data-theme=dark] .pinterest-follow-btn:hover{background:#333}[data-theme=dark] .pinterest-vote-btn{background:#2a2a2a;border-color:#444;color:#fff}[data-theme=dark] .pinterest-vote-btn:hover{background:#333}[data-theme=dark] .pinterest-comment-avatar{background:#444}@media (max-width: 768px){.pinterest-modal-container{max-width:95vw;max-height:95vh}.pinterest-modal-content{flex-direction:column;height:auto;max-height:90vh}.pinterest-image-section{max-width:100%;height:300px}.pinterest-info-section{width:100%;max-height:50vh}.pinterest-modal-close{top:10px;right:10px;width:36px;height:36px}.pinterest-title{font-size:24px}.pinterest-vote-buttons{flex-direction:column}}@media (max-width: 480px){.pinterest-modal-overlay{padding:10px}.pinterest-info-section{padding:16px}.pinterest-title{font-size:20px}.pinterest-image-section{height:250px}}.flex{display:flex}.items-end{align-items:flex-end}.gap-1\.5{gap:.375rem}.rounded-full{border-radius:9999px}.bg-foreground{background-color:var(--foreground, #000)}.bg-background{background-color:var(--background, #fff)}[data-theme=dark] .bg-foreground{background-color:var(--foreground, #fff)}[data-theme=dark] .bg-background{background-color:var(--background, #000)}.semantic-search-container{position:relative;width:100%;max-width:600px;margin:0 auto}.semantic-search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:24px;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.semantic-search-input-wrapper:focus-within{border-color:var(--text);box-shadow:0 0 0 4px #0000000d}:root[data-theme=dark] .semantic-search-input-wrapper:focus-within{box-shadow:0 0 0 4px #ffffff0d}.semantic-search-input-wrapper.searching{background:linear-gradient(90deg,var(--bg-secondary) 0%,rgba(59,130,246,.05) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.search-icon-wrapper{display:flex;align-items:center;margin-right:.75rem;color:var(--text-secondary)}.search-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.semantic-search-input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:var(--text);padding:0}.semantic-search-input::placeholder{color:var(--text-secondary);opacity:.7}.semantic-search-input:disabled{opacity:.6;cursor:not-allowed}.semantic-search-input.search-success{animation:pulse-success .5s ease}.semantic-search-input.search-error{animation:pulse-error .5s ease}@keyframes pulse-success{0%,to{border-color:var(--border)}50%{border-color:#10b981}}@keyframes pulse-error{0%,to{border-color:var(--border)}50%{border-color:#ef4444}}.search-actions{display:flex;align-items:center;gap:.5rem}.clear-button,.search-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;color:var(--text-secondary)}.clear-button:hover,.search-button:hover:not(:disabled){background:var(--bg);color:var(--text)}.search-button:disabled{opacity:.3;cursor:not-allowed}.search-button{background:var(--text);color:var(--bg);border-radius:12px;padding:.5rem .75rem}.search-button:hover:not(:disabled){opacity:.9}.semantic-search-suggestions{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden;z-index:1000;animation:slideDown .2s ease}:root[data-theme=dark] .semantic-search-suggestions{box-shadow:0 10px 40px #0006}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:background .2s;color:var(--text);font-size:.95rem}.suggestion-item:hover{background:var(--bg-secondary)}.suggestion-item.recent{font-weight:500}.suggestion-icon{color:var(--text-secondary);flex-shrink:0}.suggestion-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-badge{font-size:.75rem;padding:.125rem .5rem;background:var(--text);color:var(--bg);border-radius:8px;font-weight:600}.search-hint{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:0 1rem;color:var(--text-secondary);font-size:.85rem;opacity:.7}.search-hint svg{flex-shrink:0}@media (max-width: 768px){.semantic-search-input-wrapper{padding:.625rem .875rem;border-radius:20px}.semantic-search-input{font-size:.95rem}.search-button{padding:.375rem .625rem}.suggestion-item{padding:.625rem .875rem;font-size:.9rem}}.search-results-enter{opacity:0;transform:scale(.95)}.search-results-enter-active{opacity:1;transform:scale(1);transition:all .3s ease}.search-results-exit{opacity:1;transform:scale(1)}.search-results-exit-active{opacity:0;transform:scale(.95);transition:all .3s ease}.image-upload-container{width:100%;max-width:600px;margin:0 auto}.upload-form{border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center;background-color:#fafafa;transition:all .3s ease;cursor:pointer}.upload-form:hover{border-color:#999;background-color:#f5f5f5}.upload-form.drag-active{border-color:#4caf50;background-color:#e8f5e9}.file-input{display:none}.upload-label{display:block;cursor:pointer}.upload-icon{color:#666;margin-bottom:20px}.upload-form.drag-active .upload-icon{color:#4caf50}.upload-text{font-size:16px;color:#333;margin-bottom:10px}.upload-hint{font-size:14px;color:#666}.upload-error{margin-top:20px;padding:10px;background-color:#ffebee;color:#c62828;border-radius:4px;font-size:14px}@media (max-width: 768px){.upload-form{padding:30px 20px}.upload-text{font-size:14px}.upload-hint{font-size:12px}}.gated-content-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:spin 1s linear infinite}.access-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;margin-bottom:1.5rem;color:var(--text-secondary);font-size:.9rem}.access-badge svg{color:var(--accent)}.preview-section{margin-bottom:3rem}.preview-header{text-align:center;margin-bottom:2rem}.preview-header h3{font-size:1.75rem;font-weight:400;margin-bottom:.5rem;color:var(--text)}.preview-description{color:var(--text-secondary);margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto}.preview-stats{display:flex;justify-content:center;gap:1rem;color:var(--text-secondary);font-size:.95rem}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.preview-image-container{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;background:var(--bg-secondary)}.preview-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.preview-image-container:hover .preview-image{transform:scale(1.05)}.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff}.preview-placeholder{aspect-ratio:1;background:var(--bg-secondary);border:2px dashed var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.subscription-cta{max-width:600px;margin:0 auto;padding:3rem 2rem;background:var(--bg-secondary);border-radius:16px;text-align:center}.cta-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cta-icon{color:var(--text-secondary);margin-bottom:.5rem}.cta-content h2{font-size:1.75rem;font-weight:400;color:var(--text);margin:0}.cta-description{color:var(--text-secondary);line-height:1.6;max-width:450px}.cta-features{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:350px;text-align:left}.cta-feature{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg);border-radius:8px;color:var(--text);font-size:.95rem}.cta-feature svg{color:var(--accent);flex-shrink:0}.cta-button{padding:1rem 2rem;background:var(--text);color:var(--bg);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;min-width:200px}.cta-button:hover{transform:translateY(-2px);opacity:.9}.login-button{background:var(--accent);color:#fff}@media (max-width: 768px){.preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.subscription-cta{padding:2rem 1rem}.cta-content h2{font-size:1.5rem}.cta-features{width:100%}}:root[data-theme=dark] .preview-overlay{background:#000c}:root[data-theme=dark] .access-badge{background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .subscription-cta{background:#ffffff08}:root[data-theme=dark] .cta-feature{background:#ffffff0d}.minimal-profile{min-height:100vh;background:var(--bg, #fff);max-width:1200px;margin:0 auto;padding:40px 20px 20px}.profile-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:14px;color:var(--text-muted, #999)}.profile-header-minimal{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #efefef}.profile-top-row{display:flex;align-items:center;gap:16px;margin-bottom:12px}.profile-avatar-small{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.profile-avatar-small img{width:100%;height:100%;object-fit:cover}.default-avatar-small{width:100%;height:100%;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}.profile-identity{flex:1}.profile-identity h1{font-size:20px;font-weight:600;color:#111;margin:0;line-height:1.2}.profile-username{font-size:14px;color:#767676}.profile-actions-minimal{display:flex;gap:8px;margin-left:auto}.minimal-btn{padding:8px 16px;border:1px solid #e0e0e0;background:#fff;border-radius:20px;font-size:14px;font-weight:500;color:#111;cursor:pointer;transition:all .15s ease}.minimal-btn:hover{background:#f7f7f7}.minimal-btn.follow{background:#111;color:#fff;border-color:#111}.minimal-btn.follow:hover{background:#333;border-color:#333}.minimal-btn.following{background:#fff;color:#111;border-color:#e0e0e0}.minimal-btn.following:hover{border-color:#cc001f;color:#cc001f}.minimal-btn.icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.profile-bio-minimal{font-size:14px;color:#111;line-height:1.5;margin:0 0 12px;max-width:600px}.profile-meta-row{display:flex;align-items:center;gap:24px;font-size:14px}.stats-inline{display:flex;gap:16px}.stat-inline{color:#767676}.stat-inline strong{color:#111;font-weight:600}.meta-inline{display:flex;gap:16px;margin-left:auto}.meta-item{color:#767676;text-decoration:none}.meta-item.link{color:#0074e8}.meta-item.link:hover{text-decoration:underline}.profile-tabs-minimal{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;border-bottom:1px solid #efefef}.tabs-left{display:flex;gap:0}.tab-minimal{padding:12px 0;margin-right:32px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#767676;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.tab-minimal:hover{color:#111}.tab-minimal.active{color:#111;border-bottom-color:#111}.tab-count{font-size:13px;color:#999;font-weight:400}.tab-minimal.active .tab-count{color:#767676}.create-btn-minimal{width:32px;height:32px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;margin-bottom:12px}.create-btn-minimal:hover{background:#111;border-color:#111;color:#fff}.boards-section{padding:0}.boards-grid.pinterest-style{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:16px}.board-card.pinterest-board{cursor:pointer;transition:all .15s ease;border-radius:12px;overflow:hidden}.board-card.pinterest-board:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.board-preview{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f7f7f7}.board-cover-single img{width:100%;height:100%;object-fit:cover}.board-cover-grid{display:grid;width:100%;height:100%;gap:2px}.board-cover-grid.grid-1{grid-template-columns:1fr}.board-cover-grid.grid-2{grid-template-columns:1fr 1fr}.board-cover-grid.grid-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.board-cover-grid.grid-3 .preview-image:first-child{grid-row:span 2}.preview-image{overflow:hidden}.preview-image img{width:100%;height:100%;object-fit:cover}.board-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f7f7f7;color:#d0d0d0}.board-privacy-badge{position:absolute;top:8px;left:8px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 8px;border-radius:12px;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:#767676}.board-info{padding:12px 4px}.board-info h3{font-size:14px;font-weight:600;color:#111;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-description{font-size:13px;color:#767676;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.board-meta{font-size:12px;color:#999}.board-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0;transition:opacity .15s ease}.board-card.pinterest-board:hover .board-actions{opacity:1}.board-action-btn{width:28px;height:28px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.board-action-btn:hover{background:#fff;transform:scale(1.05)}.board-action-btn.delete:hover{background:#fee;color:#cc001f}.uploads-section{padding:0}.uploads-header{display:flex;justify-content:flex-end;margin-bottom:24px}.upload-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#111;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.upload-btn:hover{background:#333}.uploads-grid.pinterest-style{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:16px;grid-auto-rows:10px}.upload-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .15s ease;grid-row-end:span 20}.upload-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.upload-card img{width:100%;height:100%;object-fit:cover}.upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.upload-card:hover .upload-overlay{opacity:1}.delete-upload-btn{width:40px;height:40px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:#cc001f}.delete-upload-btn:hover{background:#fff;transform:scale(1.1)}.no-boards,.no-uploads{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#999}.no-boards h3,.no-uploads h3{margin:16px 0 8px;color:#767676;font-size:16px;font-weight:500}.no-boards p,.no-uploads p{font-size:14px;color:#999}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;padding:32px;width:100%;max-width:480px;box-shadow:0 8px 32px #00000014;border:1px solid #efefef}.modal-content h2{font-size:20px;font-weight:600;margin-bottom:24px;color:#111}.modal-content input,.modal-content textarea{width:100%;padding:10px 12px;margin-bottom:16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .15s ease}.modal-content input:focus,.modal-content textarea:focus{outline:none;border-color:#111}.modal-content textarea{min-height:80px;resize:vertical}.privacy-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f7f7f7;border-radius:8px;margin-bottom:24px;cursor:pointer;transition:all .15s ease}.privacy-toggle:hover{background:#f0f0f0}.toggle-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#111}.privacy-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;width:40px;height:22px;background:#e0e0e0;border-radius:11px;transition:all .2s ease}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .2s ease}.privacy-toggle input:checked+.toggle-slider{background:#111}.privacy-toggle input:checked+.toggle-slider:after{transform:translate(18px)}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions button{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.modal-actions button:first-child{background:#fff;color:#767676;border:1px solid #e0e0e0}.modal-actions button:first-child:hover{background:#f7f7f7}.modal-actions button.primary{background:#111;color:#fff}.modal-actions button.primary:hover{background:#333}.upload-modal{max-width:600px}@media (max-width: 768px){.minimal-profile{padding:20px 16px}.profile-top-row{flex-wrap:wrap}.profile-actions-minimal{width:100%;margin-top:12px;justify-content:flex-start}.profile-meta-row{flex-direction:column;align-items:flex-start;gap:12px}.meta-inline{margin-left:0}.boards-grid.pinterest-style,.uploads-grid.pinterest-style{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tab-minimal{margin-right:20px}}[data-theme=dark] .minimal-profile{background:var(--bg);color:var(--text)}[data-theme=dark] .profile-loading{color:var(--text-muted)}[data-theme=dark] .profile-header-minimal{border-bottom-color:var(--border)}[data-theme=dark] .default-avatar-small{background:var(--bg-muted);color:var(--text-muted)}[data-theme=dark] .profile-name h1{color:var(--text)}[data-theme=dark] .profile-username,[data-theme=dark] .profile-bio,[data-theme=dark] .profile-stats-inline{color:var(--text-muted)}[data-theme=dark] .profile-stats-inline strong{color:var(--text)}[data-theme=dark] .profile-metadata,[data-theme=dark] .profile-metadata a{color:var(--text-muted)}[data-theme=dark] .profile-metadata a:hover{color:var(--text)}[data-theme=dark] .profile-actions button{background:var(--bg-muted);color:var(--text);border-color:var(--border)}[data-theme=dark] .profile-actions button:hover{background:var(--card);border-color:var(--border)}[data-theme=dark] .profile-actions .follow-btn{background:var(--text);color:var(--bg)}[data-theme=dark] .profile-actions .follow-btn:hover{background:var(--text-muted)}[data-theme=dark] .profile-actions .following-btn{background:var(--bg-muted);color:var(--text);border-color:var(--border)}[data-theme=dark] .profile-actions .following-btn:hover{background:var(--card)}[data-theme=dark] .profile-tabs-minimal{background:var(--bg);border-bottom-color:var(--border)}[data-theme=dark] .tab-button{color:var(--text-muted)}[data-theme=dark] .tab-button:hover{color:var(--text)}[data-theme=dark] .tab-button.active{color:var(--text);border-bottom-color:var(--text)}[data-theme=dark] .create-board-btn{background:var(--bg-muted);color:var(--text);border-color:var(--border)}[data-theme=dark] .create-board-btn:hover{background:var(--card);border-color:var(--border)}[data-theme=dark] .profile-grid{background:var(--bg)}[data-theme=dark] .upload-card{background:var(--bg-muted)}[data-theme=dark] .upload-overlay{background:linear-gradient(to bottom,transparent,rgba(0,0,0,.9))}[data-theme=dark] .upload-title{color:#fff}[data-theme=dark] .upload-stats{color:#999}[data-theme=dark] .upload-actions button{background:#000000b3;color:#fff}[data-theme=dark] .upload-actions button:hover{background:#000000e6}[data-theme=dark] .board-card{background:#111}[data-theme=dark] .board-preview{background:#1a1a1a}[data-theme=dark] .board-preview-empty{background:#0a0a0a;color:#444}[data-theme=dark] .board-info h3{color:#fff}[data-theme=dark] .board-stats{color:#666}[data-theme=dark] .board-actions button{background:#222;color:#fff;border-color:#333}[data-theme=dark] .board-actions button:hover{background:#333;border-color:#444}[data-theme=dark] .private-badge{background:#ffffff1a;color:#999}[data-theme=dark] .empty-state{color:#666}[data-theme=dark] .empty-state h3{color:#999}[data-theme=dark] .empty-state p{color:#666}[data-theme=dark] .modal-overlay{background:#000000e6}[data-theme=dark] .modal-content{background:#111;color:#fff}[data-theme=dark] .modal-header{border-bottom-color:#222}[data-theme=dark] .modal-header h2{color:#fff}[data-theme=dark] .modal-close{color:#999}[data-theme=dark] .modal-close:hover{color:#fff}[data-theme=dark] .form-group label{color:#ccc}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:#000;color:#fff;border-color:#333}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:#666;background:#0a0a0a}[data-theme=dark] .modal-footer button{background:#222;color:#fff;border-color:#333}[data-theme=dark] .modal-footer button:hover{background:#333;border-color:#444}[data-theme=dark] .modal-footer .btn-primary{background:#fff;color:#000}[data-theme=dark] .modal-footer .btn-primary:hover{background:#e0e0e0}[data-theme=dark] .profile-actions-minimal button{background:#111;color:#fff;border-color:#333}[data-theme=dark] .profile-actions-minimal button:hover{background:#222}[data-theme=dark] .profile-actions-minimal .follow-btn{background:#fff;color:#000}[data-theme=dark] .profile-actions-minimal .follow-btn:hover{background:#e0e0e0}[data-theme=dark] .tab-minimal{color:#999}[data-theme=dark] .tab-minimal:hover{color:#fff}[data-theme=dark] .tab-minimal.active{color:#fff;border-bottom-color:#fff}[data-theme=dark] .no-boards,[data-theme=dark] .no-uploads{color:#666}[data-theme=dark] .no-boards h3,[data-theme=dark] .no-uploads h3{color:#999}.board-page{min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto}.board-loading,.board-error{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;color:#666}.board-header{margin-bottom:2rem;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;transition:all .2s}.back-button:hover{background:#f5f5f5;color:#333}.board-title-section{flex:1}.board-title-section h1{font-size:2rem;margin-bottom:.5rem;color:#333}.board-title-section p{color:#666;margin-bottom:.5rem}.board-count{color:#999;font-size:.9rem}.selection-actions{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#f5f5f5;border-radius:8px}.selection-actions span{color:#666}.remove-selected-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.remove-selected-btn:hover{background:#c82333}.board-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.board-item{position:relative;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.board-item:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.board-item.selected{outline:3px solid #007bff;outline-offset:-3px}.item-checkbox{position:absolute;top:.75rem;left:.75rem;z-index:10;background:#fff;border-radius:4px;padding:2px}.item-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.board-item img{width:100%;height:250px;object-fit:cover;cursor:pointer}.item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1.5rem 1rem 1rem;opacity:0;transition:opacity .2s}.board-item:hover .item-overlay{opacity:1}.item-title{color:#fff;font-size:.95rem;margin-bottom:.5rem;font-weight:500}.item-actions{display:flex;gap:.5rem}.item-action-btn{background:#ffffffe6;border:none;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.item-action-btn:hover{background:#fff;transform:scale(1.1)}.item-action-btn.remove:hover{background:#fee;color:#d00}.item-notes{padding:.75rem;background:#f9f9f9;font-size:.85rem;color:#666;border-top:1px solid #eee}.empty-board{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#999}.empty-board h3{margin-bottom:.5rem;color:#666}.empty-board button{margin-top:1.5rem;padding:.75rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s}.empty-board button:hover{background:#0056b3}.vibe-map-container{min-height:100vh;background:var(--bg);padding:2rem}.vibe-map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:2rem}.vibe-map-loading p{color:var(--text-secondary);font-size:1.1rem}.vibe-map-header{text-align:center;margin-bottom:2rem}.vibe-map-header h1{font-size:2.5rem;font-weight:300;color:var(--text);margin-bottom:.5rem}.vibe-map-header p{color:var(--text-secondary);font-size:1.1rem}.vibe-map-main{display:flex;gap:2rem;max-width:1600px;margin:0 auto}.map-canvas-container{flex:1;position:relative;background:var(--bg-secondary);border-radius:16px;overflow:hidden;min-height:600px}.vibe-map-canvas{width:100%;height:600px;cursor:grab;display:block}.vibe-map-canvas:active{cursor:grabbing}.map-controls{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem}.map-control-btn{width:40px;height:40px;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text)}.map-control-btn:hover{background:var(--text);color:var(--bg)}.map-legend{position:absolute;bottom:1rem;left:1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;min-width:200px}.legend-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.legend-item{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.legend-axis{font-size:1.2rem;width:20px;text-align:center}.legend-size{font-size:1rem;width:20px;text-align:center}.vibe-details-panel{width:320px;background:var(--bg-secondary);border-radius:16px;padding:1.5rem;height:fit-content;position:sticky;top:2rem}.vibe-details-panel h3{font-size:1.3rem;color:var(--text);margin-bottom:.25rem}.vibe-details-panel h4{font-size:1rem;color:var(--text-secondary);font-weight:400;margin-bottom:1.5rem}.vibe-metrics{margin-bottom:1.5rem}.metric{margin-bottom:1rem}.metric-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.metric-bar{height:6px;background:var(--bg);border-radius:3px;overflow:hidden;position:relative}.metric-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;transition:width .3s}.vibe-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{padding:.25rem .75rem;background:var(--bg);border-radius:12px;font-size:.85rem;color:var(--text-secondary)}.vibe-stats{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.view-profile-btn{width:100%;padding:.75rem;background:var(--text);color:var(--bg);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.view-profile-btn:hover{opacity:.9}@media (max-width: 1024px){.vibe-map-main{flex-direction:column}.vibe-details-panel{width:100%;position:static}}@media (max-width: 768px){.vibe-map-container{padding:1rem}.vibe-map-header h1{font-size:2rem}.map-canvas-container{min-height:400px}.vibe-map-canvas{height:400px}.map-legend{font-size:.85rem}}:root[data-theme=dark] .map-canvas-container{background:#ffffff08}:root[data-theme=dark] .vibe-details-panel{background:#ffffff08}:root[data-theme=dark] .map-legend{background:#000c;border-color:#ffffff1a}:root[data-theme=dark] .map-control-btn{background:#000c;border-color:#ffffff1a}:root[data-theme=dark] .tag{background:#ffffff0d}.onboarding-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.onboarding-modal{background:var(--card);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border)}.onboarding-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.onboarding-loading .spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--bg);border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.onboarding-header{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid var(--border)}.onboarding-header h2{margin:0 0 .5rem;font-size:1.75rem;color:var(--text)}.onboarding-header p{margin:0;color:var(--text-muted);font-size:1rem}.onboarding-content{padding:2rem}.creator-showcase{display:flex;flex-direction:column;gap:1.5rem}.creator-info{display:flex;gap:1.5rem;align-items:flex-start}.creator-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.creator-avatar img{width:100%;height:100%;object-fit:cover}.default-avatar{width:100%;height:100%;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600}.creator-details{flex:1}.creator-details h3{margin:0 0 .25rem;font-size:1.25rem;color:var(--text)}.creator-details .username{margin:0 0 .75rem;color:var(--text-muted);font-size:.9rem}.creator-details .bio{margin:0;color:var(--text);line-height:1.5}.creator-boards{margin-top:1rem}.creator-boards h4{margin:0 0 1rem;font-size:1rem;color:var(--text)}.boards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.board-preview{padding:1rem;background:var(--bg);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease}.board-preview:hover{border-color:var(--text-muted);transform:translateY(-2px)}.board-preview.selected{border-color:var(--text);background:var(--bg-muted)}.board-preview h5{margin:0 0 .5rem;font-size:.8rem;color:var(--text-muted);font-weight:500;opacity:.7}.board-preview p{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.3}.onboarding-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.follow-button-primary{width:100%;padding:1rem;background:var(--text);color:var(--bg);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.follow-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.follow-button-primary:disabled{opacity:.7;cursor:not-allowed}.onboarding-note{text-align:center;color:var(--text-muted);font-size:.85rem;margin:0}.error-message{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem;text-align:center}.error-state{text-align:center;padding:2rem}.error-state p{margin:0 0 1rem;color:var(--text-muted)}.error-state button{padding:.75rem 1.5rem;background:var(--text);color:var(--bg);border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.error-state button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}[data-theme=dark] .onboarding-modal{background:#1a1a1a}[data-theme=dark] .board-preview{background:#0a0a0a}[data-theme=dark] .board-preview.selected{background:#222}@media (max-width: 640px){.onboarding-modal{max-height:100vh;border-radius:0}.creator-info{flex-direction:column;align-items:center;text-align:center}.boards-grid{grid-template-columns:1fr}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--text);text-decoration:underline}a:hover{opacity:.8}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card);color:var(--text);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}button:hover{background-color:var(--bg-muted)}button:focus,button:focus-visible{outline:2px solid var(--border)}@media (prefers-color-scheme: light){:root{color:var(--text);background-color:var(--bg)}}