@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;800&family=Oswald:wght@400;600&display=swap');:root{--ink:#12120f;--paper:#eee9de;--red:#e33c22;--line:#bdb6a8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC",serif}.grain{position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none;color:inherit}.brand b{font-size:27px;border-right:1px solid;padding-right:17px}.brand span{font:12px Oswald;letter-spacing:2px;padding-left:17px}.status{font:12px Oswald;letter-spacing:1px}.status i,.result-head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2b9b61;margin-right:9px;box-shadow:0 0 0 4px #2b9b6122}main{min-height:620px;padding:70px 6vw 80px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#1717100b 25%)}.kicker,.result-head{font:12px Oswald;letter-spacing:3px;color:var(--red)}h1{font-size:clamp(46px,6vw,86px);line-height:1.08;margin:20px 0 24px;letter-spacing:-4px}h1 em{font-style:normal;color:var(--red)}.hero>p{font-size:15px;line-height:2;max-width:500px;color:#4f4b43}.chips{display:flex;gap:8px;margin-top:30px}.chips span{font:11px Oswald;letter-spacing:2px;border:1px solid;padding:7px 12px}.drop{height:410px;background:#171713;position:relative;overflow:hidden;box-shadow:17px 17px 0 #d4cfc3}.drop input{display:none}.empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#eee9de}.empty strong{font-size:20px;margin:25px 0 8px}.empty small{opacity:.5;font:12px sans-serif}.empty button{margin-top:25px;border:1px solid #716f68;background:transparent;color:white;padding:11px 25px;cursor:pointer}.scan-icon{width:85px;height:65px;border:1px solid #777;position:relative}.scan-icon:before,.scan-icon:after{content:"";position:absolute;background:var(--red)}.scan-icon:before{width:14px;height:14px;border-radius:50%;left:15px;top:13px}.scan-icon:after{width:50px;height:1px;left:17px;top:45px;transform:rotate(-12deg)}#preview{width:100%;height:100%;object-fit:contain;display:none}.scanline{display:none;position:absolute;left:0;right:0;height:2px;background:var(--red);box-shadow:0 0 15px var(--red);animation:scan 2s linear infinite}@keyframes scan{from{top:0}to{top:100%}}.actions{display:flex;gap:10px;margin-top:28px}.actions button,.result footer button,.result footer a{font:600 13px Oswald;letter-spacing:1px;padding:16px 21px;border:1px solid var(--ink);background:transparent;color:inherit;text-decoration:none;cursor:pointer}.actions #identify{flex:1;background:var(--red);border-color:var(--red);color:white;display:flex;justify-content:space-between}.actions #identify:disabled{opacity:.4}.privacy{font:11px sans-serif;color:#777}.loading{max-width:1000px;margin:70px auto;padding:40px;display:flex;gap:30px;border:1px solid var(--line)}.loader{display:flex;gap:5px;align-items:center}.loader span{width:7px;background:var(--red);animation:bars .8s infinite alternate}.loader span:nth-child(2){animation-delay:.2s}.loader span:nth-child(3){animation-delay:.4s}@keyframes bars{from{height:12px}to{height:38px}}.loading b{font-size:22px}.loading small{display:block;margin-top:8px;color:#777}.hidden{display:none!important}.result{max-width:1120px;margin:80px auto;border-top:5px solid var(--ink)}.result-head{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid}.result-head div{color:#278357;letter-spacing:1px}.result-grid{display:grid;grid-template-columns:310px 1fr;gap:65px;padding:45px 0}.result figure{margin:0}.result figure img{width:100%;box-shadow:13px 13px 0 #d2cdc1}.result figcaption{font:10px Oswald;letter-spacing:2px;margin-top:22px;color:#777}.meta-line{display:flex;gap:12px;font:12px Oswald;letter-spacing:1px}.meta-line span+span{border-left:1px solid;padding-left:12px}.result h2{font-size:54px;margin:13px 0 0}.result h3{font:16px Oswald;letter-spacing:2px;color:#777;margin:3px 0 30px}.timebox{background:#191915;color:white;padding:25px}.timebox small{font-size:11px;color:#aaa}.timebox strong{display:block;font:28px Oswald;margin:7px 0;color:#f06a4f}.timebox p{font-size:12px;margin:0}.timeline{height:2px;background:#555;margin-top:25px;position:relative}.timeline i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--red);top:-5px}.ticks{display:flex;justify-content:space-between;font:9px Oswald;color:#777;margin-top:7px}.basis,.summary,.warning{margin-top:24px}.basis>b,.summary>b,.warning>b{font:12px Oswald;letter-spacing:2px}.basis div{display:flex;gap:7px;margin-top:12px}.basis span{font-size:11px;border:1px solid var(--line);padding:7px}.summary p,.warning p{line-height:1.9;font-size:13px;color:#555}.warning{border-left:3px solid #d1a927;padding-left:16px}.result footer{border-top:1px solid;display:flex;justify-content:flex-end;gap:10px;padding-top:22px}.result footer a{background:var(--ink);color:white}.how{background:#171713;color:white;display:grid;grid-template-columns:repeat(3,1fr);padding:60px 7vw;gap:6vw}.how div{display:grid;grid-template-columns:45px 1fr}.how span{font:15px Oswald;color:var(--red);grid-row:1/3}.how b{font-size:17px}.how p{font-size:12px;color:#888;line-height:1.7}@media(max-width:800px){header{height:68px}.brand span{display:none}main{grid-template-columns:1fr;padding-top:45px}.hero{text-align:center}.hero>p{margin:auto}.chips{justify-content:center}h1{font-size:48px;letter-spacing:-2px}.drop{height:280px}.result{margin:45px 20px}.result-grid{grid-template-columns:120px 1fr;gap:20px}.result h2{font-size:32px}.timebox strong{font-size:20px}.basis div{flex-wrap:wrap}.how{grid-template-columns:1fr}.result footer{flex-wrap:wrap}.result footer>*{flex:1;text-align:center}}