:root{--text:#2b2a33;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--accent:#4338ca;--accent-bg:#4338ca1a;--accent-solid:#4338ca;--high:#16a34a;--medium:#d97706;--low:#dc2626;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d7d6db;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--accent:#a5b4fc;--accent-bg:#a5b4fc26}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2{font-family:var(--sans);color:var(--text-h);font-weight:600}p{margin:0}button{font:inherit}.app{flex-direction:column;flex:1;display:flex}.status-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.scanner{background:#000;display:flex;position:fixed;inset:0}.scanner__video{object-fit:cover;width:100%;height:100%}.scanner__overlay{pointer-events:none;border:3px solid #ffffffb3;border-radius:12px;position:absolute;inset:15% 10%}.scanner__status{text-align:center;color:#fff;background:#0000008c;border-radius:8px;padding:10px 14px;position:absolute;bottom:24px;left:16px;right:16px}.scanner__status--error{background:#dc2626cc}.scan-again-button{color:#fff;background:var(--accent-solid);border:none;border-radius:12px;width:100%;min-height:56px;padding:16px 24px;font-size:18px;font-weight:700}.back-button{border:2px solid var(--accent);min-height:48px;color:var(--accent);background:0 0;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:4px;padding:10px 20px 10px 16px;font-size:16px;font-weight:600;display:inline-flex}.back-button span{font-size:20px}.result-card{padding:20px;padding-bottom:max(20px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;width:100%;max-width:480px;margin:0 auto;display:flex}.book-summary{align-items:flex-start;gap:16px;display:flex}.book-summary__cover{border-radius:6px;flex-shrink:0;width:80px;height:auto;box-shadow:0 4px 10px #00000026}.book-summary__text{flex:1;min-width:0}.book-summary__title{color:var(--text-h);overflow-wrap:break-word;margin:0 0 6px;font-size:28px;font-weight:700;line-height:1.25}.book-summary__authors{color:var(--text);opacity:.9;overflow-wrap:break-word;font-size:20px;font-weight:600}.category-hero{text-align:center;background:var(--accent-bg);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;display:flex}.category-hero__label{text-transform:uppercase;letter-spacing:.6px;color:var(--accent);opacity:.8;margin:0;font-size:13px;font-weight:700}.category-hero__value{color:var(--accent);margin:0;font-size:34px;font-weight:800;line-height:1.15}.confidence-pill{color:#fff;border-radius:999px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-block}.confidence-pill--high{background:var(--high)}.confidence-pill--medium{background:var(--medium)}.confidence-pill--low{background:var(--low)}.shelving-card{border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:12px 16px;display:flex}.shelving-card__letter{background:var(--accent-solid);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;font-weight:800;display:flex}.shelving-card__word{font-size:17px;font-weight:600}.price-card{border:1px solid var(--border);border-radius:14px;padding:16px}.price-card__label{text-transform:uppercase;letter-spacing:.5px;opacity:.65;margin:0 0 8px;font-size:13px;font-weight:700}.price-card__value{margin:0;font-size:26px;font-weight:700}.price-card__value--muted{opacity:.5;font-weight:600}.price-card__note{opacity:.6;margin:4px 0 0;font-size:13px}.price-card__actions{flex-direction:column;gap:10px;margin-top:10px;display:flex}.link-button{background:var(--accent-bg);min-height:52px;color:var(--accent);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:14px 20px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.link-button--block{width:100%;margin-top:10px}.link-button--primary{background:var(--accent-solid);color:#fff}
