*{box-sizing:border-box;margin:0;padding:0}html{background:#0f0f0f}body{color:#f5f0e8;min-height:100svh;font-family:Helvetica Neue,Helvetica,sans-serif}.app{flex-direction:column;justify-content:center;gap:22px;max-width:720px;min-height:100svh;margin:0 auto;padding:20px 16px 32px;display:flex}.app-header{align-items:center;display:flex}.logo{align-items:center;gap:20px;display:flex}.logo-text{color:#fff;letter-spacing:-.5px;font-size:2.2rem;font-weight:800}.hero h1{color:#fff;font-size:1.9rem;font-weight:800;line-height:1.15}.hero p{color:#555;margin-top:8px;font-size:.95rem;line-height:1.4}.result-overlay{z-index:1000;cursor:pointer;justify-content:center;align-items:center;animation:.3s pop;display:flex;position:fixed;inset:0}.is-hotdog{background:#16a34aeb}.not-hotdog{background:#b91c1ceb}.result-content{flex-direction:column;align-items:center;gap:16px;display:flex}.result-icon{font-size:5rem}.result-label{color:#fff;text-shadow:0 2px 12px #0000004d;letter-spacing:-1px;font-size:2.8rem;font-weight:900}.result-dismiss{color:#fff9;margin-top:8px;font-size:.9rem;font-weight:500}.image-area{cursor:pointer;background:#1a1a1a;border:2px dashed #333;border-radius:20px;justify-content:center;align-items:center;min-height:300px;display:flex;overflow:hidden}.preview-img{object-fit:cover;border-radius:20px;width:100%;height:100%;max-height:480px;display:block}.image-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:40px 20px;display:flex}.viewfinder{color:#333;justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:relative}.corner{width:28px;height:28px;position:absolute}.corner.tl{border-top:2.5px solid #22c55e;border-left:2.5px solid #22c55e;border-radius:4px 0 0;top:0;left:0}.corner.tr{border-top:2.5px solid #22c55e;border-right:2.5px solid #22c55e;border-radius:0 4px 0 0;top:0;right:0}.corner.bl{border-bottom:2.5px solid #22c55e;border-left:2.5px solid #22c55e;border-radius:0 0 0 4px;bottom:0;left:0}.corner.br{border-bottom:2.5px solid #22c55e;border-right:2.5px solid #22c55e;border-radius:0 0 4px;bottom:0;right:0}.upload-hint{color:#ccc;font-size:.95rem;font-weight:500}.upload-sub{color:#555;font-size:.82rem}.actions{flex-direction:column;gap:10px;display:flex}.btn-primary{color:#0f0f0f;cursor:pointer;background:#22c55e;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:1rem;font-weight:700;display:flex}.btn-primary:disabled{opacity:.3;cursor:default}.error{text-align:center;color:#ff6b6b;font-size:.9rem}.credit{color:#444;text-align:center;font-size:.78rem;line-height:1.6}.credit a{color:#666;text-underline-offset:2px;text-decoration:underline}.credit a:hover{color:#22c55e}.overlay{z-index:1000;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:60px;display:flex;position:fixed;inset:0}.loading-text{color:#fff;font-size:1.3rem;font-weight:600}.loader{color:#fff;text-indent:-9999em;border-radius:50%;width:1em;height:1em;font-size:10px;animation:1.3s linear infinite mulShdSpin;position:relative;transform:translateZ(0)}@keyframes mulShdSpin{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}