:root{--ink:#1a2332;--ink-soft:#3d4a5c;--paper:#f0f4f8;--paper-deep:#d8e4ef;--accent:#0d7a6f;--accent-deep:#095c54;--accent-glow:#0d7a6f2e;--danger:#b33a3a;--surface:#ffffffb8;--line:#1a23321f;--radius:14px;--font-display:"Fraunces", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--shadow:0 18px 48px #1a23321a}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 90% 60% at 10% -10%, #b8d4e8 0%, transparent 55%), radial-gradient(ellipse 70% 50% at 100% 20%, #9ecfc7 0%, transparent 50%), linear-gradient(165deg, var(--paper) 0%, var(--paper-deep) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;line-height:1.5}body:before{content:"";pointer-events:none;opacity:.35;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%231a2332' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:fixed;inset:0}a{color:var(--accent-deep);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{color:var(--accent)}.shell{z-index:1;flex-direction:column;gap:1.75rem;width:min(100% - 2rem,42rem);margin:0 auto;padding:2.5rem 0 4rem;animation:.7s both rise;display:flex;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(2.6rem,8vw,3.75rem);font-weight:600;line-height:1.05}.brand span{color:var(--accent)}.lede{color:var(--ink-soft);max-width:28rem;margin:.35rem 0 0;font-size:1.05rem}.panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.35rem 1.4rem 1.5rem}.panel h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 1rem;font-size:1.35rem;font-weight:560}.field{flex-direction:column;gap:.4rem;margin-bottom:1.1rem;display:flex}.field label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:.8rem;font-weight:600}.field input[type=text]{font:inherit;border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:.75rem .9rem;font-size:1.05rem;transition:border-color .2s,box-shadow .2s}.field input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.drop{border:1.5px dashed var(--line);cursor:pointer;background:#ffffff8c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:10rem;padding:1.25rem;transition:border-color .2s,background .2s,transform .25s;display:flex;position:relative}.drop:hover,.drop:focus-within{border-color:var(--accent);background:#ffffffd9}.drop.has-image{min-height:auto;padding:.75rem}.drop input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.drop-hint{color:var(--ink-soft);text-align:center;pointer-events:none;font-size:.95rem}.thumb-preview{aspect-ratio:1;object-fit:cover;border-radius:10px;width:min(100%,160px);animation:.35s both fadeIn;display:none}.thumb-preview.visible{display:block}.meta{color:var(--ink-soft);margin:.65rem 0 0;font-size:.85rem}.actions{flex-wrap:wrap;gap:.65rem;margin-top:.25rem;display:flex}button,.btn{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:.7rem 1.15rem;font-size:.95rem;font-weight:600;transition:transform .15s,background .2s,box-shadow .2s}button:active,.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{background:var(--accent-deep)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-ghost{color:var(--ink);border:1.5px solid var(--line);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-deep)}.error{color:var(--danger);margin:.75rem 0 0;font-size:.9rem;display:none}.error.visible{display:block}.qr-wrap{flex-direction:column;align-items:center;gap:1rem;animation:.45s both fadeIn;display:none}.qr-wrap.visible{display:flex}.qr-wrap canvas,.qr-wrap img{width:min(100%,280px);height:auto;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:.75rem}.result-card{text-align:center;flex-direction:column;align-items:center;gap:.85rem;animation:.45s both fadeIn;display:none}.result-card.visible{display:flex}.result-card img{aspect-ratio:1;object-fit:cover;width:min(100%,200px);box-shadow:var(--shadow);border-radius:12px}.result-name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:600}.scanner{background:#0f1419;border-radius:12px;min-height:240px;overflow:hidden}.scanner video{border-radius:12px!important}.scan-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.scan-tabs button{color:var(--ink-soft);background:#ffffff80;border:1.5px solid #0000;flex:1}.scan-tabs button.active{border-color:var(--accent);color:var(--accent-deep);background:#fff}.file-scan{flex-direction:column;gap:.75rem;display:none}.file-scan.visible{display:flex}.camera-hint{color:var(--ink-soft);margin:.75rem 0 0;font-size:.85rem}.site-nav{color:var(--ink-soft);justify-content:center;gap:1.5rem;padding-top:.5rem;font-size:.9rem;display:flex}.site-nav a[aria-current=page]{color:var(--ink);font-weight:600;text-decoration:none}@media (width<=480px){.shell{padding-top:1.75rem}.panel{padding:1.1rem 1.05rem 1.25rem}}