:root{--primary-color: #6d28d9;--primary-light: #a78bfa;--primary-dark: #4c1d95;--text-dark: #0f172a;--text-light: #475569;--bg-light: #f8fafc;--surface-color: #ffffff;--surface-elevated: #ffffff;--accent-surface: #f5f3ff;--accent-border: #ddd6fe;--input-bg: #ffffff;--border-color: #e2e8f0;--border-radius: .75rem;--font-xl: 3.75rem;--font-lg: 2.25rem;--font-md: 1.5rem;--font-sm: 1rem;--font-xs: .875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--text-dark: #e2e8f0;--text-light: #94a3b8;--bg-light: #000000;--surface-color: #141220;--surface-elevated: #1a1530;--accent-surface: #22183a;--accent-border: #4c1d95;--input-bg: #0f0b1b;--border-color: #352052;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;max-width:100vw;overscroll-behavior-y:auto}html{overflow-x:hidden}body{position:relative;overflow-x:hidden}body{background-color:var(--bg-light);color:var(--text-dark);transition:background-color .25s ease,color .25s ease}#app{width:100%;display:flex;flex-direction:column}a{color:var(--primary-color);text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.8}h1,h2,h3,h4,h5,h6{color:var(--text-dark);font-weight:700;letter-spacing:-.02em}h1{font-size:var(--font-xl);line-height:1.1}h2{font-size:var(--font-lg);line-height:1.2}h3{font-size:var(--font-md);line-height:1.3}button{cursor:pointer;border:none;border-radius:var(--border-radius);font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s ease}button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #6d28d926}button:focus{outline:2px solid var(--primary-color);outline-offset:2px}button:active{transform:translateY(0)}input,textarea,select{font-family:inherit;border:2px solid var(--border-color);border-radius:var(--border-radius);padding:.75rem 1rem;font-size:1rem;background:var(--input-bg);color:var(--text-dark);transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #6d28d91a,0 4px 12px #6d28d91a}main{flex:1;overflow:visible}footer{margin-top:auto}::placeholder{color:var(--text-light)}[data-theme=dark] .feature-card,[data-theme=dark] .filters-section,[data-theme=dark] .form-container,[data-theme=dark] .create-section,[data-theme=dark] .your-items,[data-theme=dark] .item-card,[data-theme=dark] .results-info,[data-theme=dark] .preview-item,[data-theme=dark] .message-thread-card,[data-theme=dark] .not-connected{background:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--text-dark)!important}[data-theme=dark] .empty{background:var(--bg-light)!important;border-color:var(--border-color)!important;color:var(--text-dark)!important}[data-theme=dark] .feature-icon,[data-theme=dark] .local-filter-grid,[data-theme=dark] .upload-progress,[data-theme=dark] .info-box,[data-theme=dark] .image-previews,[data-theme=dark] .btn-clear,[data-theme=dark] .filter-btn:hover,[data-theme=dark] .preview-item.drag-over{background:var(--accent-surface)!important;border-color:var(--accent-border)!important}[data-theme=dark] .filter-btn{background:var(--surface-elevated)!important;border-color:var(--border-color)!important;color:#c4b5fd!important}[data-theme=dark] .filter-btn.active{background:linear-gradient(135deg,#5b21b6,#7c3aed)!important;border-color:#7c3aed!important;color:#f8fafc!important;box-shadow:0 8px 20px #7c3aed4d!important}[data-theme=dark] .filter-input,[data-theme=dark] .filter-select,[data-theme=dark] .search-input,[data-theme=dark] .range-input,[data-theme=dark] .form-select{background:var(--input-bg)!important;border-color:var(--border-color)!important;color:var(--text-dark)!important}[data-theme=dark] .page-title,[data-theme=dark] .your-items h2,[data-theme=dark] .results-count,[data-theme=dark] .helper-text,[data-theme=dark] .filter-hint,[data-theme=dark] .connected-badge,[data-theme=dark] .feature-card p{color:var(--text-light)!important}[data-theme=dark] .filter-group label,[data-theme=dark] label,[data-theme=dark] .helper-hint,[data-theme=dark] .loading{color:#c4b5fd!important}[data-theme=dark] .ui-error-banner,[data-theme=dark] .error-message,[data-theme=dark] .helper-error{background:#ef444429!important;border-color:#f8717173!important;color:#fecaca!important}[data-theme=dark] .success-message{background:#22c55e29!important;border-color:#4ade806b!important;color:#bbf7d0!important}[data-theme=dark] .warning-box,[data-theme=dark] .not-connected{background:#7c3aed38!important;border-color:#a78bfa85!important;color:#ddd6fe!important}[data-theme=dark] .warning-box code{background:#c4b5fd40!important;color:#ede9fe!important}[data-theme=dark] .info-box,[data-theme=dark] .upload-progress{color:#d8b4fe!important}[data-theme=dark] .explorer-link{color:#c4b5fd!important;border-bottom-color:#8b5cf6!important}[data-theme=dark] .explorer-link:hover{color:#ddd6fe!important;border-bottom-color:#a78bfa!important}[data-theme=dark] .modal-overlay,[data-theme=dark] .lightbox-overlay{background:#020108c7!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=dark] .modal-content{background:linear-gradient(160deg,#120f1f,#17122a 55%,#0f0d18)!important;border:1px solid rgba(124,58,237,.35)!important;box-shadow:0 24px 70px #02010a9e!important;color:var(--text-dark)!important}[data-theme=dark] .modal-header,[data-theme=dark] .modal-body,[data-theme=dark] .modal-footer,[data-theme=dark] .modal-actions{background:transparent!important;border-color:#7c3aed47!important;color:var(--text-dark)!important}[data-theme=dark] .modal-header h2,[data-theme=dark] .modal-body h2,[data-theme=dark] .modal-body h3,[data-theme=dark] .warning-text,[data-theme=dark] .details-text,[data-theme=dark] .header-text p,[data-theme=dark] .meta-label,[data-theme=dark] .meta-value,[data-theme=dark] .full-description,[data-theme=dark] .item-title,[data-theme=dark] .description-section h3{color:var(--text-dark)!important}[data-theme=dark] .details-text,[data-theme=dark] .header-text p,[data-theme=dark] .meta-label,[data-theme=dark] .purchased-date{color:var(--text-light)!important}[data-theme=dark] .close-btn,[data-theme=dark] .modal-close{background:#0f0a1cc7!important;color:#f8fafc!important;border:1px solid rgba(167,139,250,.35)!important}[data-theme=dark] .close-btn:hover,[data-theme=dark] .modal-close:hover{background:#7c3aed47!important;border-color:#c4b5fd8c!important}[data-theme=dark] .btn-cancel,[data-theme=dark] .btn-secondary,[data-theme=dark] .btn-close{background:#201936!important;border-color:#5b21b6!important;color:#e9d5ff!important}[data-theme=dark] .btn-cancel:hover,[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .btn-close:hover{background:#2b1d4d!important;border-color:#7c3aed!important}[data-theme=dark] .main-image-container,[data-theme=dark] .thumbnail,[data-theme=dark] .metadata,[data-theme=dark] .balance-panel{background:#1a1530!important;border-color:#3b2461!important}
