*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}#root{min-height:100vh}h1{margin:16px 0;font-size:22px}h2{margin:0 0 8px;font-size:18px}p{margin:0}.app{max-width:480px;margin:0 auto;padding:16px;font-family:sans-serif}.app-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.app-icon{border-radius:6px;width:28px;height:28px}.app-title{font-size:20px;font-weight:700}.app-main{flex-direction:column;gap:12px;display:flex}.alert{color:#c0392b;background:#fdecea;border-radius:8px;padding:10px 14px;font-size:14px}.scan-card{flex-direction:column;gap:10px;display:flex}.intro-banner{color:#2d6cdf;text-align:center;background:#eaf2ff;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.4}.camera-select{border:1px solid #ddd;border-radius:8px;padding:8px;font-size:14px}.video-box{aspect-ratio:3/4;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.video-el{object-fit:cover;width:100%;height:100%}.video-loading{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.hint{text-align:center;color:#888;font-size:13px}.loading{color:#666;flex-direction:column;align-items:center;gap:8px;padding:24px 0;display:flex}.spinner{border:3px solid #ddd;border-top-color:#2d6cdf;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result{flex-direction:column;gap:12px;display:flex}.book-card{text-align:center;border:1px solid #eee;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.cover{border-radius:6px;width:120px;box-shadow:0 2px 8px #00000026}.book-title{font-size:17px;font-weight:700}.book-meta{color:#777;font-size:13px}.rating{color:#f39c12;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.source-tag{color:#999;font-size:11px;font-weight:400}.description-block{text-align:left;width:100%}.section-label{color:#444;margin:4px 0;font-size:13px;font-weight:700}.description{color:#555;font-size:13px;line-height:1.5}.aladin-attribution{color:#999;text-align:center;border-top:1px solid #eee;width:100%;margin-top:4px;padding-top:10px;font-size:11px}.aladin-attribution a{color:#999;text-decoration:underline}.blog-card{border:1px solid #eee;border-radius:12px;padding:14px}.blog-card-header{align-items:center;gap:6px;margin-bottom:10px;font-weight:700;display:flex}.naver-badge{color:#fff;background:#03c75a;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;font-weight:700;display:flex}.naver-badge.small{flex-shrink:0;width:16px;height:16px;font-size:11px}.blog-recommend{color:#b7791f;background:#fff6e5;border-radius:10px;flex-direction:column;gap:4px;margin-bottom:10px;padding:10px 12px;font-size:13px;display:flex}.blog-recommend-percent{font-weight:700}.blog-recommend-summary{color:#8a5a12;cursor:pointer;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-recommend-summary.expanded{-webkit-line-clamp:unset;word-break:break-word;overflow:visible}.expand-hint{color:#b7791f;cursor:pointer;align-self:flex-start;font-size:11px;text-decoration:underline}.blog-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.blog-row{color:#333;background:#fafafa;border-radius:8px;align-items:center;gap:8px;padding:8px;text-decoration:none;display:flex}.blog-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.arrow{color:#aaa;flex-shrink:0}.rescan-btn{color:#fff;background:#2d6cdf;border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:600}