:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#203a32;background:#f6f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}header{max-width:900px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:9px;align-items:center;font-size:30px;color:inherit;text-decoration:none}.brand span{font-weight:800;font-size:19px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}.badge{font-size:11px;background:#e4ebdf;padding:7px 11px;border-radius:30px}main{max-width:720px;margin:auto;padding:22px 22px 125px}.eyebrow{font-size:11px;letter-spacing:2px;color:#718777;margin:15px 0}h1{font-size:clamp(30px,7vw,44px);line-height:1.3;letter-spacing:-1.8px;margin:14px 0}h1 em{font-style:normal;color:#648663}.sub{font-size:14px;line-height:1.8;color:#6a786e;margin-bottom:28px}.scanner{background:#e6ece2;padding:18px;border-radius:24px}.scan-art{height:235px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;margin-bottom:16px}.scan-art img{height:100%;width:100%;object-fit:contain}.corner{position:absolute;width:25px;height:25px;border-color:#809680;border-style:solid}.a{left:12px;top:8px;border-width:2px 0 0 2px}.b{right:12px;top:8px;border-width:2px 2px 0 0}.c{left:12px;bottom:8px;border-width:0 0 2px 2px}.d{right:12px;bottom:8px;border-width:0 2px 2px 0}.card-symbol{font-size:60px;transform:rotate(-14deg);border:1px solid #adbea8;border-radius:14px;width:100px;margin:auto;padding:10px;background:#f7f8f1;box-shadow:8px 8px 0 #d2ddcc}.scan-art p{font-size:13px;margin:20px 0 5px}.scan-art small{font-size:11px;color:#74816e}.primary,.secondary{border:0;border-radius:12px;min-height:48px;width:100%;padding:13px 16px;font-weight:650}.primary{background:#173f35;color:white}.secondary{background:#e9eee5;color:#234c3b;margin-top:12px}.link{display:block;text-align:center;text-decoration:none}.hint{font-size:12px;color:#6d7b70;line-height:1.8}.panel{border:1px solid #e2e5db;background:#fffefa;border-radius:20px;padding:22px;margin:22px 0}.panel p{font-size:14px;line-height:1.9}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-title span{font-size:11px;color:#82917f}h2{font-size:18px;margin:0 0 18px;letter-spacing:-.5px}label{display:block;font-size:12px;font-weight:650;margin:12px 0}input,select,textarea{display:block;background:#f7f8f3;border:1px solid #dce2d5;border-radius:10px;padding:13px;width:100%;margin:7px 0 16px;min-width:0;font-size:16px;color:#263e33}textarea{min-height:74px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.muted{font-weight:400;color:#80907d}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.card{border:1px solid #e1e5da;border-radius:16px;padding:14px;background:#fffefa;text-align:left;color:inherit;min-width:0}.card img{width:100%;height:185px;object-fit:contain;margin-bottom:12px}.card strong{font-size:14px;display:block;overflow-wrap:anywhere}.card small{font-size:11px;line-height:1.7;color:#73816f;display:block}.empty{grid-column:1/-1;text-align:center;padding:45px 12px;color:#74816f;font-size:14px}.stats{display:flex;gap:40px;background:#e7eddf;padding:25px;border-radius:20px;margin:25px 0}.stats strong{font-size:30px;display:block}.stats span{font-size:12px}.text-button{display:block;border:0;background:none;padding:16px;color:#52745d;margin:12px auto;font-size:13px}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fffefaf5;border-top:1px solid #e0e5db;backdrop-filter:blur(16px);padding:10px 12px calc(10px + env(safe-area-inset-bottom));z-index:10}nav button{border:0;background:none;color:#95a18e;width:150px;font-size:24px}nav span{display:block;font-size:11px;padding:3px}nav .active{color:#183f35}dialog{border:0;border-radius:24px;padding:28px 22px;width:min(94vw,480px);max-height:90dvh;color:#203a32;background:#fffefa;box-shadow:0 25px 80px #142c3255}dialog::backdrop{background:#122b2677}dialog img{height:230px;max-width:100%;object-fit:contain;display:block;margin:0 auto 20px}.close{float:right;border:0;background:#eef1e8;border-radius:50%;width:34px;height:34px;font-size:24px}.price-box{background:#f0f3e9;border-radius:12px;padding:16px;margin:20px 0;font-size:13px;line-height:1.8}.price-box p{margin:5px 0}.danger{color:#a34c3b}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:#193e32;color:white;padding:13px 20px;border-radius:12px;z-index:30;width:max-content;max-width:90vw;font-size:13px}[hidden]{display:none!important}:focus-visible{outline:3px solid #b7a549;outline-offset:3px}@media(min-width:650px){.scanner{padding:25px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scan-art{height:275px}}@media(prefers-reduced-motion:no-preference){.card:hover{transform:translateY(-2px);transition:transform .15s}}
