.scanner-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#111}.scanner-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scanner-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-60% - 60px));font-size:12px;color:#fff9;letter-spacing:.05em;text-transform:uppercase;text-align:center}.scanner-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:min(72vw,80vmin,380px);height:calc(min(72vw,80vmin,380px) / 3);border:2px solid rgba(255,255,255,.7);border-radius:6px;transition:border-color .15s}.scanner-crosshair:before,.scanner-crosshair:after{content:"";position:absolute;width:20px;height:20px;border-color:#fff;border-style:solid}.scanner-crosshair:before{top:-2px;left:-2px;border-width:3px 0 0 3px;border-radius:4px 0 0}.scanner-crosshair:after{bottom:-2px;right:-2px;border-width:0 3px 3px 0;border-radius:0 0 4px}.scanner-crosshair.detected{border-color:#4ade80;box-shadow:0 0 0 1px #4ade80,0 0 20px #4ade8066}.scanner-status{position:absolute;bottom:48px;left:50%;transform:translate(-50%);background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffe6;font-size:13px;letter-spacing:.03em;padding:6px 16px;border-radius:20px;white-space:nowrap}.scan-page{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;overflow:hidden;background:#111;color:#fff;font-family:"Inter",var(--font-body)}.scan-back{position:absolute;top:20px;left:20px;z-index:2;color:#ffffffd9;text-decoration:none;font-size:13px;letter-spacing:.02em;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 14px;border-radius:20px}.scan-wordmark{position:absolute;top:20px;left:50%;transform:translate(-50%);font-family:var(--font-serif);font-style:italic;font-size:22px;color:#ffffffe6;text-shadow:0 1px 8px rgba(0,0,0,.6);pointer-events:none;white-space:nowrap}.scan-sheet-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;z-index:3}.scan-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.scan-sheet{position:relative;width:100%;background:#1a1a1a;border-radius:20px 20px 0 0;padding:28px 24px 40px;z-index:1}.scan-sheet:before{content:"";display:block;width:36px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 24px}.scan-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0 8px}.scan-spinner{width:32px;height:32px;border:2px solid rgba(255,255,255,.15);border-top-color:#fffc;border-radius:50%;animation:scan-spin .7s linear infinite}@keyframes scan-spin{to{transform:rotate(360deg)}}.scan-api-label{font-size:13px;color:#ffffff80}.scan-result{display:flex;gap:16px;align-items:flex-start}.scan-cover{width:72px;min-width:72px;border-radius:4px;object-fit:cover;box-shadow:0 4px 16px #00000080}.scan-info{flex:1;min-width:0}.scan-title{font-family:var(--font-serif);font-size:20px;line-height:1.25;margin-bottom:4px;color:#fff}.scan-author{font-size:14px;color:#ffffffb3;margin-bottom:8px}.scan-detail{font-size:11px;color:#ffffff59;letter-spacing:.02em}.scan-again-btn{display:block;width:100%;margin-top:24px;padding:14px;background:#fff;color:#111;font-family:Inter,sans-serif;font-size:15px;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:opacity .15s}.scan-again-btn:active{opacity:.8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #f5f0e8;--green: #3a5a2f;--green-hover: #2d4724;--ink: #1a1a1a;--ink-muted: #666;--border: #e0d8cc;--field-bg: #faf8f5;--error: #b91c1c;--font-serif: "Playfair Display", Georgia, serif;--font-body: Georgia, "Times New Roman", serif}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);min-height:100vh;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}input:focus{outline:none;border-color:var(--green)!important}button:disabled{opacity:.6;cursor:not-allowed}