:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}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 transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{box-sizing:border-box;margin:0;padding:0}input:focus,button:focus{outline:2px solid #e63946;outline-offset:2px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.container{max-width:min(90%,1200px);margin:0 auto;padding:1rem;text-align:center;opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out;will-change:opacity,transform}.container.visible{opacity:1;transform:translateY(0)}.content-wrapper{opacity:1!important;transform:none!important}.content-wrapper>*{opacity:0;will-change:opacity,transform}h1{font-size:2.5rem;color:#e63946;margin-bottom:.5rem}.subtitle{color:#666;margin-bottom:2rem}.title-animation{animation:fadeSlideUp .5s ease-out forwards}.subtitle-animation{animation:fadeSlideUp .5s ease-out .1s forwards}.zone-animation{animation:fadeSlideUp .5s ease-out .2s forwards}.divider-animation{animation:fadeSlideUp .5s ease-out .3s forwards}.form-animation{animation:fadeSlideUp .5s ease-out .4s forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.drop-zone{border:2px dashed #ccc;border-radius:12px;padding:2rem;margin-bottom:1.5rem;min-height:200px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.file-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.drop-zone.dragging{border-color:#e63946;background:#e639460d}.drop-zone:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.drop-zone-content{pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#666;text-align:center;width:100%}.drop-zone svg{color:#666}.divider{margin:1.5rem 0;color:#666;display:flex;align-items:center;gap:1rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#444}.url-form{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.url-input{flex:1;padding:.8rem 1rem;border:1px solid #444;border-radius:8px;background:#ffffff0d;color:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;box-shadow:inset 0 2px 4px #0000001a;min-width:260px}.url-input:focus{transform:translateY(-1px);box-shadow:inset 0 2px 4px #0000001a,0 0 0 2px #e6394633}.submit-button{padding:.8rem 1.5rem;background:#e63946;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-button:hover{background:#c1121f}.button-content{display:flex;align-items:center;gap:8px}.arrow-icon{transition:transform .3s ease}.submit-button:hover .arrow-icon{transform:translate(4px)}.submit-button:active{transform:scale(.98)}.submit-button:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 60%);transform:translate(-50%,-50%) scale(0);transition:transform .5s ease}.submit-button:hover:after{transform:translate(-50%,-50%) scale(2)}.image-preview{margin-top:2rem;border-radius:12px;overflow:hidden;background:#ffffff0d;box-shadow:0 16px 48px #0003;transition:all .3s ease;width:100%;min-height:200px;max-width:800px;margin:2rem auto;aspect-ratio:16/9;max-height:70vh;margin:0}.image-preview img{max-width:100%;height:auto;display:block;width:100%;height:100%;object-fit:contain}.image-preview:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000040}.preview-animation{animation:scaleIn .5s ease-out forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.results-container{display:grid;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;margin-top:2rem;opacity:1!important;transform:none!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.results-container>*{opacity:1!important}.detection-results{background:#ffffff0d;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #0000001a;opacity:1!important}.analyzing{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;opacity:1!important}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#e63946;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analyzing p{opacity:1!important;color:#888}.results-list{display:flex;flex-direction:column;gap:1rem;opacity:1!important}.results-list h2{color:#fff;margin-bottom:1rem;opacity:1}.result-item{background:#ffffff08;padding:1rem;border-radius:8px;opacity:1!important;animation:fadeIn .3s ease-out forwards}.result-item h3{color:#fff;margin-bottom:.5rem;font-size:1.1rem}.description{color:#888;font-size:.9rem;margin-bottom:1rem}.confidence-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.confidence-fill{height:100%;background:#e63946;border-radius:3px;transition:width .5s ease-out}.has-red{border-left:3px solid #e63946}.no-red{border-left:3px solid #666}.confidence{color:#888;font-size:.9rem;text-align:right}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.histogram-display{height:100px;display:flex;align-items:flex-end;gap:1px;background:#0003;border-radius:4px;padding:4px;margin:1rem 0}.histogram-bar{flex:1;min-width:1px;transition:height .3s ease}.histogram-wrapper{margin:1rem 0}.histogram-label{font-size:.8rem;color:#888;text-align:center;margin-top:.5rem}.final-verdict{background:#e639461a!important;border:1px solid #e63946;margin-top:1rem}.final-verdict h3{color:#e63946;font-size:1.2rem}.histogram-container{background:#0003;border-radius:8px;padding:1rem;margin:1rem 0;width:100%;height:400px}.histogram-wrapper{margin:1rem 0;padding:1rem;background:#ffffff08;border-radius:12px}.histogram-container h3{color:#fff;margin-bottom:1rem;font-size:1rem}.histogram-display{height:150px;display:flex;flex-direction:column;gap:4px}.histogram-channels{flex:1;display:flex;gap:1px;background:#0000004d;border-radius:4px;padding:4px}.histogram-channel{flex:1;display:flex;align-items:flex-end;gap:1px}.histogram-bar{flex:1;min-width:1px;transition:height .3s ease;opacity:.7}.histogram-bar:hover{opacity:1}.histogram-labels{display:flex;justify-content:space-between;color:#888;font-size:.8rem;padding:0 4px}.left-column{display:flex;flex-direction:column;gap:1rem}.verdict-answer{font-size:2em;font-weight:700;margin:10px 0;color:var(--primary-color)}.final-verdict .description strong{color:var(--primary-color)}@media (max-width: 768px){.container{padding:.5rem}h1{font-size:2rem}.results-container{grid-template-columns:1fr}.url-form{flex-direction:column}.url-input,.submit-button{width:100%}.drop-zone{padding:1.5rem;min-height:150px;display:flex;align-items:center;justify-content:center}.drop-zone-content{pointer-events:none}.drop-zone svg{width:32px;height:32px}.drop-zone:active{background:#e639460d;border-color:#e63946}.detection-results{margin-top:1rem}.result-item{padding:.75rem}.description{font-size:.85rem}.histogram-container{height:300px;padding:.5rem}.left-column{gap:.5rem}.histogram-wrapper{margin:.5rem 0;padding:.5rem}#root{padding:1rem}.container{padding:0;max-width:100%}.content-wrapper{padding:0}.results-container{grid-template-columns:1fr;gap:1rem;margin-top:1rem}.left-column,.detection-results{width:100%;min-width:0;overflow-x:hidden}.histogram-container{height:250px;padding:.5rem;margin:.5rem 0;min-width:0}.histogram-wrapper{margin:.5rem 0;padding:.5rem;overflow:hidden}.result-item{padding:.75rem;width:100%;box-sizing:border-box}.image-preview{margin:0;width:100%;max-width:none}}@media (max-width: 480px){.container{max-width:100%;padding:.5rem}h1{font-size:1.75rem}.subtitle{font-size:.9rem}.image-preview{max-height:50vh}.histogram-container{height:250px;padding:.25rem}.histogram-wrapper{padding:.25rem}.description,.confidence{font-size:.8rem}}.about-container{max-width:800px;margin:0 auto;padding:2rem;color:#ffffffde}.about-content{animation:fadeIn .5s ease-out}.back-button{display:inline-block;padding:.5rem 1rem;margin-bottom:2rem;color:#e63946;text-decoration:none;border-radius:6px;transition:all .3s ease}.back-button:hover{background:#e639461a;transform:translate(-4px)}.about-container h1{color:#e63946;margin-bottom:1.5rem;font-size:2.5rem}.about-container h2{color:#fff;margin:2.5rem 0 1.5rem;font-size:1.8rem}.intro{font-size:1.2rem;line-height:1.6;color:#ccc;margin-bottom:2rem}.method-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;transition:transform .3s ease}.method-card:hover{transform:translateY(-4px)}.method-card h3{color:#e63946;margin-bottom:1rem;font-size:1.3rem}.method-card p{color:#ccc;line-height:1.6}.method-card a{color:#e63946;text-decoration:none;border-bottom:1px dashed currentColor}.method-card a:hover{opacity:.8}.footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#888}.footer a{color:#e63946;text-decoration:none}.footer a:hover{text-decoration:underline}.origin-story{background:#ffffff0d;border-radius:12px;padding:2rem;margin:2rem 0}.source-image{margin:2rem 0;text-align:center}.source-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 16px #0003}.image-caption{margin-top:1rem;color:#888;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-container{padding:1rem}.about-container h1{font-size:2rem}.about-container h2{font-size:1.5rem}.intro{font-size:1.1rem}}