:root{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--text-primary:#fff;--text-secondary:#e0e0e0;--text-muted:#b0b0b0;--accent-primary:#00d4ff;--accent-secondary:#09f;--accent-tertiary:#63f}html,body{margin:0;padding:0}body{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-primary) 100%);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.form-container{justify-content:center;width:100%;max-width:600px;animation:.6s ease-out .1s both slideInDown;display:flex}.form-card{width:100%;background:linear-gradient(135deg,#00d4ff14 0%,#6633ff0d 100%)!important;border:2px solid #00d4ff26!important;padding:30px!important}.form-title{color:#fff;text-align:center;letter-spacing:1px;margin-bottom:24px;font-size:1.5em;font-weight:700}.input-group{flex-wrap:wrap;gap:12px;display:flex}.dark-input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;flex:1;min-width:200px;padding:14px 18px;font-size:1em;transition:all .3s}.dark-input::placeholder{color:gray}.dark-input:focus{background:#ffffff14;border-color:#00d4ff80;outline:none;box-shadow:0 0 20px #00d4ff33}.dark-input:disabled{opacity:.6;cursor:not-allowed}.scrape-button{color:#000;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00d4ff 0%,#09f 50%,#07c 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-size:1em;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #00d4ff4d}.scrape-button:hover:not(:disabled){background:linear-gradient(135deg,#00e6ff 0%,#0af 50%,#08d 100%);transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff80}.scrape-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #00d4ff4d}.scrape-button:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#f88;background:#ff44441a;border-left:4px solid #f44;border-radius:4px;margin-top:16px;padding:12px 16px;font-size:.95em;animation:.3s ease-out slideInDown}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.form-card{padding:20px!important}.input-group{flex-direction:column}.dark-input{width:100%}.scrape-button{justify-content:center;width:100%}}.main-result-card{background:linear-gradient(135deg,#00d4ff14 0%,#6633ff14 100%);margin-bottom:30px;animation:3s ease-in-out infinite cardFloat;border:1px solid #00d4ff33!important}.result-info p{word-break:break-word;margin-bottom:12px;font-size:1em}.result-info p:last-child{margin-bottom:0}.results-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%;margin-bottom:20px;display:grid}.dark-list{margin:0;padding-left:0;list-style:none}.dark-list li{word-break:break-all;background:#ffffff08;border-left:3px solid #00d4ff;border-radius:4px;margin-bottom:8px;padding:12px;transition:all .3s}.dark-list li:hover{background:#00d4ff14;border-left-color:#09f;padding-left:16px;box-shadow:inset 0 0 10px #00d4ff1a}.dark-list li a{word-break:break-all}.no-data{color:gray;padding:12px;font-style:italic}.images-card{grid-column:1/-1}.images-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px;display:grid}.image-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:12px;transition:all .3s;overflow:hidden}.image-item:hover{background:#00d4ff14;border-color:#00d4ff4d;transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff26}.image-item a{word-break:break-all;color:#00d4ff;margin-bottom:8px;font-size:.85em;display:block}.image-preview{border-radius:6px;position:relative;overflow:hidden}.image-preview img{transition:all .3s!important}.image-item:hover .image-preview img{filter:brighten(1.1);box-shadow:0 0 20px #00d4ff4d!important}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=768px){.results-grid{grid-template-columns:1fr}.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#0f0f0f 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.dark-mode-container{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#0f0f0f 100%);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.app-header{text-align:center;margin-bottom:40px;animation:.6s ease-out slideInDown}.app-title{background:linear-gradient(135deg,#00d4ff 0%,#09f 50%,#63f 100%);-webkit-text-fill-color:transparent;letter-spacing:2px;text-shadow:0 0 30px #00d4ff1a;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:3em;font-weight:800}.app-subtitle{color:#a0a0a0;letter-spacing:1px;font-size:1.1em;font-weight:300}.card-3d{-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #ffffff26;border-radius:15px;margin-bottom:16px;padding:20px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;transform:perspective(1000px)rotateX(0)rotateY(0)scale(1);box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #ffffff1a,0 0 20px #00d4ff1a}.card-3d:before{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #00d4ff1a 0%, transparent 100%);opacity:0;pointer-events:none;border-radius:15px;transition:opacity .3s;position:absolute;inset:0}.card-3d:hover{transform:perspective(1000px)rotateX(5deg)rotateY(5deg)scale(1.02);box-shadow:0 20px 50px #00000080,inset 0 1px 1px #fff3,0 0 40px #00d4ff33}.card-3d:hover:before{opacity:1}.results-container{width:100%;max-width:900px;margin-top:30px;animation:.6s ease-out .2s both slideInUp}.results-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;display:grid}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff99}}h1,h2{color:#fff;font-weight:700}h3,h4{color:#e0e0e0;margin-bottom:12px;font-size:1.1em;font-weight:600}p{color:#b0b0b0;margin-bottom:8px;line-height:1.6}strong{color:#00d4ff;font-weight:600}a{color:#00d4ff;font-weight:500;text-decoration:none;transition:all .3s;position:relative}a:hover{color:#09f;text-shadow:0 0 10px #00d4ff80}a:after{content:"";background:linear-gradient(90deg,#00d4ff,#09f);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}a:hover:after{width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#00000080}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#09f);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#09f,#63f)}