:root{color:#3f2d23;background:#dcf0c3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#dcf0c3,#f0d8a1 43%,#dd9e59 100%);min-height:100vh;margin:0}button,input{font:inherit}.app{width:min(720px,100%);padding:max(22px, env(safe-area-inset-top)) 18px max(36px, env(safe-area-inset-bottom));margin:0 auto}.hero{padding:28px 2px 18px}.badge{color:#a47251;background:#f0d8a1b8;border:1px solid #a4725147;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:inline-flex}h1{letter-spacing:-.07em;color:#4f3525;margin:20px 0 16px;font-size:clamp(2.35rem,12vw,4.5rem);line-height:.92}p{color:#6f4d38;line-height:1.5}.panel,.result{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff8e2c2;border:1px solid #a4725133;border-radius:28px;padding:18px;box-shadow:0 24px 90px #a4725147}.primary,.secondary,.manual button{cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:56px;font-weight:800;display:inline-flex}.primary{color:#fff8e2;background:linear-gradient(135deg,#dd9e59,#a47251);width:100%;font-size:1.05rem}.secondary{color:#4f3525;background:#dcf0c3a6;border:1px solid #a4725138;padding:0 18px}.primary:disabled,button:disabled{opacity:.65;cursor:progress}.or{color:#8c6247;text-align:center;padding:16px 0 10px;font-size:.9rem}.manual{grid-template-columns:1fr 58px;gap:10px;display:grid}.manual input{color:#3f2d23;background:#fff8e2e0;border:1px solid #a4725138;border-radius:18px;outline:none;width:100%;min-height:58px;padding:0 16px;font-size:1.05rem}.manual button{color:#fff8e2;background:#a47251}.error,.loading{color:#6d241f;background:#dd9e593d;border-radius:16px;align-items:center;gap:10px;margin-top:14px;padding:12px;display:flex}.loading{color:#4f3525;background:#dcf0c38c}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scanner{background:#3f2d23;border-radius:22px;position:relative;overflow:hidden}.scanner video{object-fit:cover;width:100%;min-height:330px;display:block}.scan-frame{pointer-events:none;border:3px solid #dcf0c3;border-radius:16px;height:96px;position:absolute;top:38%;left:8%;right:8%;box-shadow:0 0 0 999px #3f2d236b}.scanner p{text-align:center;color:#fff;text-shadow:0 1px 8px #000;font-weight:700;position:absolute;bottom:76px;left:16px;right:16px}.scanner .secondary{position:absolute;bottom:16px;left:16px;right:16px}.result{margin-top:18px}.book-card{grid-template-columns:96px 1fr;align-items:start;gap:16px;display:grid}.book-card img,.cover-placeholder{object-fit:cover;color:#a47251;background:#f0d8a1;border-radius:14px;place-items:center;width:96px;min-height:145px;display:grid}.lang{color:#a47251;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:800}h2{margin:6px 0;font-size:1.35rem;line-height:1.05}small{color:#8c6247}.ratings{gap:12px;margin:18px 0;display:grid}.rating{color:#3f2d23;background:#f0d8a180;border:1px solid #a472512e;border-radius:20px;padding:16px;text-decoration:none}.rating h3{margin:0 0 8px}.score{color:#dd9e59;align-items:center;gap:8px;font-size:1.8rem;font-weight:900;display:flex}.rating p{margin:6px 0 0}.muted{opacity:.75}.hint,.notes{color:#8c6247;font-size:.92rem}.notes{margin:0 0 16px;padding-left:18px}.wide{width:100%}@media (width>=640px){.ratings{grid-template-columns:1fr 1fr}.book-card{grid-template-columns:124px 1fr}.book-card img,.cover-placeholder{width:124px}}