*{box-sizing:border-box}html{background:#f7f7f5}body{-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{color:#202020;min-height:100dvh;padding-bottom:calc(78px + env(safe-area-inset-bottom));background:#f7f7f5}.header{background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:20px 20px 12px;display:flex}.header h1{margin:0;font-size:24px;font-weight:700}.header p{color:#777;margin:4px 0 0;font-size:13px}.logout-button{color:#555;background:#fff;border:1px solid #ddd;border-radius:999px;flex-shrink:0;padding:8px 12px;font-size:13px}.logout-button:disabled{cursor:default;opacity:.55}.main{padding:14px 16px 100px}.search{background:#fff;border:1px solid #e5e5e5;border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;padding:13px 0;font-size:16px}.filters{gap:8px;margin-top:14px;display:flex}.filter{background:#fff;border:1px solid #ddd;border-radius:999px;padding:8px 16px;font-size:14px}.filter.active{color:#fff;background:#222;border-color:#222}.sort{color:#666;justify-content:flex-end;gap:6px;margin:18px 4px 8px;font-size:13px;display:flex}.book-list{flex-direction:column;gap:10px;display:flex}.library-state{color:#666;text-align:center;background:#fff;border-radius:12px;margin:8px 0;padding:18px 15px;font-size:13px;line-height:1.6}.library-state-error{color:#8f2e25;background:#fff4f2;border:1px solid #f2c3bd;margin:10px 0}.library-state-error p{margin:0}.library-state-error button{color:#7c2821;background:#fff;border:1px solid #d8a49d;border-radius:10px;min-height:40px;margin-top:10px;padding:7px 13px;font-weight:600}.library-state-error button:disabled{cursor:default;opacity:.55}.book-card{background:#fff;border:1px solid #ececec;border-radius:14px;align-items:center;gap:14px;padding:12px;display:flex}.book-cover{background:#e8e8e5;border-radius:6px;flex-shrink:0;place-items:center;width:62px;height:84px;font-size:28px;display:grid}.book-info{flex:1;min-width:0}.book-info h2{margin:0;font-size:16px;line-height:1.4}.author{color:#666;margin:5px 0 0;font-size:14px}.book-meta{color:#777;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.read,.unread{border-radius:999px;padding:3px 8px}.read{color:#37683b;background:#e8f3e9}.unread{color:#666;background:#eee}.chevron{color:#aaa;font-size:28px}.add-button{right:20px;bottom:calc(88px + env(safe-area-inset-bottom));color:#fff;background:#222;border:0;border-radius:50%;width:56px;height:56px;font-size:30px;position:fixed;box-shadow:0 4px 14px #0003}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);background:#fffffff2;border-top:1px solid #ddd;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{color:#888;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;font-size:11px;display:flex}.nav-item>span:first-child{font-size:21px}.nav-item.active{color:#222}.modal-overlay{z-index:100;background:#00000059;align-items:flex-end;display:flex;position:fixed;inset:0}.add-menu{width:100%;padding:8px 16px calc(16px + env(safe-area-inset-bottom));background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -8px 30px #00000026}.add-menu-handle{background:#d5d5d5;border-radius:999px;width:38px;height:5px;margin:0 auto 10px}.add-menu-header{justify-content:space-between;align-items:center;padding:4px 4px 12px;display:flex}.add-menu-header h2{margin:0;font-size:20px}.close-button{color:#555;background:#f0f0f0;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.add-menu-item{text-align:left;background:#fff;border:0;border-top:1px solid #eee;align-items:center;gap:12px;width:100%;min-height:74px;padding:12px 4px;display:flex}.add-menu-icon{background:#f3f3f1;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.add-menu-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.add-menu-text strong{font-size:16px;font-weight:600}.add-menu-text small{color:#777;font-size:12px;line-height:1.4}.add-menu-arrow{color:#aaa;font-size:26px}.cancel-button{color:#333;background:#f1f1f1;border:0;border-radius:12px;width:100%;margin-top:8px;padding:13px;font-size:15px;font-weight:600}.search-page-header{background:#fff;border-bottom:1px solid #e5e5e5;grid-template-columns:44px 1fr 44px;align-items:center;height:60px;padding:0 8px;display:grid}.search-page-header h1{text-align:center;margin:0;font-size:18px}.back-button{background:0 0;border:0;width:44px;height:44px;font-size:34px;line-height:1}.header-spacer{width:44px}.book-search-page{padding:14px 16px 40px}.book-search-form{grid-template-columns:1fr auto;gap:8px;display:grid}.book-search-form input{background:#fff;border:1px solid #ddd;border-radius:12px;outline:none;min-width:0;padding:12px;font-size:16px}.book-search-form input:focus{border-color:#888}.book-search-form button{color:#fff;background:#222;border:0;border-radius:12px;padding:0 16px;font-weight:600}.book-search-form button:disabled{opacity:.5}.search-results{flex-direction:column;gap:18px;margin-top:18px;display:flex}.search-result-group,.search-result-list,.no-isbn-results{flex-direction:column;gap:10px;display:flex}.search-result-group-title{color:#555;margin:0 2px;font-size:14px}.no-isbn-results-toggle{color:#444;text-align:left;background:#fff;border:1px solid #dededb;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.no-isbn-notice{color:#666;background:#f0f0ed;border-radius:10px;margin:0;padding:11px 12px;font-size:12px;line-height:1.6}.load-more-button{color:#444;background:#fff;border:1px solid #d5d5d2;border-radius:12px;width:100%;min-height:44px;font-size:14px;font-weight:600}.load-more-button:disabled{opacity:.55;cursor:default}.load-more-error{color:#b42318;margin:12px 0 0;font-size:13px}.alternate-title-result-card{background:#fffbea;border:1px dashed #b7a66b;border-radius:12px;padding:13px 14px}.alternate-title-result-label{color:#675713;background:#ede1ad;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.alternate-title-result-card h3{margin:9px 0 0;font-size:15px;line-height:1.45}.alternate-title-result-details{flex-direction:column;gap:4px;margin:10px 0 0;display:flex}.alternate-title-result-details div{grid-template-columns:82px 1fr;gap:8px;font-size:12px;line-height:1.45;display:grid}.alternate-title-result-details dt{color:#806f2d}.alternate-title-result-details dd{overflow-wrap:anywhere;color:#4f481f;min-width:0;margin:0}.alternate-title-result-card p{color:#756829;margin:9px 0 0;font-size:11px;line-height:1.5}.search-result-card{background:#fff;border:1px solid #ececec;border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.search-result-cover{background:#e8e8e5;border-radius:5px;flex-shrink:0;place-items:center;width:60px;height:84px;font-size:24px;display:grid;position:relative;overflow:hidden}.search-result-info{flex:1;min-width:0}.search-result-info h2{margin:0;font-size:15px;line-height:1.4}.search-result-info p{color:#666;margin:5px 0;font-size:13px}.search-result-info small{color:#888;margin-top:2px;font-size:11px;display:block}.search-error{color:#b42318;margin-top:20px;font-size:14px}.search-guide{text-align:center;color:#888;margin-top:24px;font-size:14px}.ndl-credit{text-align:center;color:#999;margin:28px 0 0;font-size:11px}.amazon-link{color:#333;text-underline-offset:3px;margin-top:8px;font-size:12px;font-weight:600;text-decoration:underline;display:inline-block}.search-result-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.clickable{cursor:pointer}.book-cover{position:relative;overflow:hidden}.book-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.register-page{padding:14px 16px 48px}.register-book-summary{background:#fff;border:1px solid #ececec;border-radius:16px;gap:16px;padding:16px;display:flex}.register-cover{background:#e8e8e5;border-radius:7px;flex-shrink:0;place-items:center;width:82px;height:116px;font-size:28px;display:grid;position:relative;overflow:hidden}.register-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.register-book-info{flex:1;min-width:0}.register-book-info h2{margin:0;font-size:18px;line-height:1.45}.register-book-info p{color:#666;margin:7px 0;font-size:14px}.register-book-info small{color:#888;margin-top:3px;font-size:12px;display:block}.register-form{flex-direction:column;gap:12px;margin-top:14px;display:flex}.register-section{background:#fff;border:1px solid #ececec;border-radius:16px;padding:16px}.register-label{margin-bottom:12px;font-size:15px;font-weight:700;display:block}.quantity-control{align-items:center;gap:20px;display:flex}.quantity-control button{background:#f7f7f5;border:1px solid #ddd;border-radius:12px;width:44px;height:44px;font-size:24px}.quantity-control strong{text-align:center;min-width:30px;font-size:20px}.register-choice-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.register-choice{color:#555;background:#fff;border:1px solid #ddd;border-radius:12px;min-height:44px}.register-choice.active{color:#fff;background:#222;border-color:#222;font-weight:600}.register-input{background:#fff;border:1px solid #ddd;border-radius:12px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}.register-textarea{resize:vertical;background:#fff;border:1px solid #ddd;border-radius:12px;width:100%;min-height:110px;padding:12px;font-size:16px;line-height:1.5}.register-note{color:#999;margin:7px 0 0;font-size:11px}.register-submit{color:#fff;background:#222;border:0;border-radius:14px;min-height:52px;font-size:16px;font-weight:700}.alternate-titles{margin-top:8px}.alternate-titles-toggle{color:#666;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.alternate-titles-list{background:#f6f6f4;border-radius:8px;margin-top:7px;padding:8px 10px}.alternate-title{color:#666;padding:3px 0;font-size:12px;line-height:1.45}.register-page-v01{width:100%;max-width:640px;padding-bottom:calc(42px + env(safe-area-inset-bottom));margin:0 auto}.register-form-v01{gap:12px;margin-top:0}.register-section-title{margin:0;font-size:17px;line-height:1.35}.register-section-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.register-section-heading p{color:#888;margin:3px 0 0;font-size:12px;line-height:1.45}.bibliographic-section,.title-bibliographic-section{padding:15px}.title-field-label{margin-top:15px}.title-reset-button{color:#4d6650;touch-action:manipulation;background:0 0;border:0;align-items:center;min-height:40px;margin-top:2px;padding:0;font-size:12px;font-weight:600;text-decoration:underline;display:inline-flex}.title-reset-button:disabled{color:#aaa;cursor:default;text-decoration:none}.bibliographic-summary{align-items:flex-start;gap:14px;margin-top:13px;display:flex}.bibliographic-primary{flex:1;min-width:0}.bibliographic-primary h3{overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.45}.bibliographic-primary p{color:#666;margin:7px 0 0;font-size:13px;line-height:1.5}.bibliographic-source-label{color:#8a8a86;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.bibliographic-details{border-top:1px solid #eeeeeb;margin:14px 0 0;padding-top:5px}.bibliographic-details>div{grid-template-columns:68px 1fr;gap:10px;padding:7px 0;font-size:12px;line-height:1.45;display:grid}.bibliographic-details dt{color:#888}.bibliographic-details dd{overflow-wrap:anywhere;color:#444;min-width:0;margin:0;font-weight:500}.holding-total{color:#555;background:#f0f0ed;border-radius:999px;flex-shrink:0;padding:5px 9px;font-size:12px;font-weight:600}.holding-list{flex-direction:column;display:flex}.holding-row{border-top:1px solid #eeeeeb;justify-content:space-between;align-items:center;gap:12px;min-height:66px;display:flex}.holding-row:first-child{border-top:0}.holding-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.holding-copy strong{font-size:15px}.holding-copy small{color:#888;font-size:11px}.holding-stepper{flex-shrink:0;grid-template-columns:42px 38px 42px;align-items:center;display:grid}.holding-stepper button{color:#333;touch-action:manipulation;background:#f7f7f5;border:1px solid #d8d8d4;border-radius:12px;width:42px;height:42px;font-size:22px;line-height:1}.holding-stepper button:disabled{color:#bbb;cursor:default}.holding-stepper output{text-align:center;min-width:38px;font-size:18px;font-weight:700}.register-validation{color:#b42318;margin:8px 0 0;font-size:12px}.tag-section{border-color:#dfe7dc}.sticky-note-section{background:#fffdf4;border-color:#eadfab}.coming-soon-notice{color:#777;background:#f6f6f3;border:1px dashed #d4d4cf;border-radius:11px;margin:0;padding:12px;font-size:12px;line-height:1.55}.coming-soon-inline{color:#888;margin:10px 0 0;font-size:11px;line-height:1.5}.register-inline-input{grid-template-columns:1fr auto;gap:8px;display:grid}.register-inline-input input{background:#fff;border:1px solid #d8d8d4;border-radius:11px;outline:none;min-width:0;min-height:44px;padding:9px 11px;font-size:16px}.register-inline-input input:focus{border-color:#777}.register-inline-input>button{color:#fff;background:#333;border:0;border-radius:11px;min-width:60px;min-height:44px;font-size:13px;font-weight:600}.register-inline-input>button:disabled{opacity:.4;cursor:default}.selected-chip-list,.suggestion-chip-list{flex-wrap:wrap;gap:8px;display:flex}.selected-chip-list{margin-top:12px}.selected-chip,.suggestion-chip{touch-action:manipulation;border-radius:999px;min-height:38px;padding:7px 12px;font-size:13px;line-height:1.2}.selected-chip{color:#344a31;background:#eaf1e7;border:1px solid #778b72;align-items:center;gap:7px;font-weight:600;display:inline-flex}.selected-chip span{color:#697a65;font-size:16px;line-height:1}.suggestion-block{margin-top:15px}.suggestion-label{color:#777;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.suggestion-chip{color:#445140;background:#fff;border:1px solid #d9ded6}.sticky-note-chip{color:#5f5119;background:#fff1a8;border-color:#cbb75c}.sticky-note-chip span{color:#8d7b29}.sticky-note-suggestions{margin-top:14px}.previous-sticky-notes .sticky-note-suggestions{margin-top:0}.sticky-note-suggestion{color:#6e5f20;background:#fffaf0;border-color:#dfd28e}.section-link-button{color:#333;text-align:left;background:0 0;border:0;border-top:1px solid #eeeeeb;justify-content:space-between;align-items:center;width:100%;min-height:46px;margin-top:14px;padding:12px 2px 0;font-size:13px;font-weight:600;display:flex}.section-link-button span:last-child{color:#888;font-size:20px}.community-tag-picker{background:#f6f7f4;border-radius:12px;margin-top:10px;padding:11px}.community-tag-picker>p{color:#888;margin:0 0 8px;font-size:11px}.community-tag-list{flex-direction:column;display:flex}.community-tag-list button{color:#444;text-align:left;background:0 0;border:0;border-top:1px solid #e5e5e1;justify-content:space-between;align-items:center;min-height:43px;padding:8px 3px;display:flex}.community-tag-list button:first-child{border-top:0}.community-tag-list button:disabled{opacity:.4;cursor:default}.community-tag-list small{color:#888;font-size:11px}.visibility-options{grid-template-columns:1fr;gap:7px;display:grid}.visibility-option{color:#555;text-align:left;touch-action:manipulation;background:#fff;border:1px solid #ddddda;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:60px;padding:10px 13px;display:flex}.visibility-option strong{font-size:13px;line-height:1.3}.visibility-option small{color:#999;font-size:10px;line-height:1.35}.visibility-option.active{color:#fff;background:#222;border-color:#222}.visibility-option.active small{color:#ddd}.group-picker{background:#f5f5f2;border-radius:13px;margin-top:12px;padding:12px}.group-picker-heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px;display:flex}.group-picker-heading strong{font-size:13px}.group-picker-heading small{color:#888;font-size:10px}.group-option-list{flex-direction:column;display:flex}.group-option{cursor:pointer;border-top:1px solid #e2e2de;align-items:center;gap:11px;min-height:52px;display:flex}.group-option:first-child{border-top:0}.group-option input{accent-color:#333;flex-shrink:0;width:22px;height:22px}.group-option>span{flex-direction:column;gap:2px;min-width:0;display:flex}.group-option strong{font-size:13px}.group-option small{color:#888;font-size:10px}.register-details{background:#fff;border:1px solid #e4e4e1;border-radius:16px;overflow:hidden}.register-details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:14px 16px;list-style:none;display:flex}.register-details>summary::-webkit-details-marker{display:none}.register-details>summary:after{content:"⌄";color:#888;flex-shrink:0;font-size:18px}.register-details[open]>summary:after{content:"⌃"}.register-details>summary span{font-size:15px;font-weight:700}.register-details>summary small{color:#999;text-align:right;flex:1;font-size:11px}.register-details-content{border-top:1px solid #eeeeeb;padding:0 16px 16px}.register-detail-block{border-top:1px solid #eeeeeb;padding:16px 0}.register-detail-block:first-child{border-top:0}.register-detail-block .register-label{margin:0 0 12px}.register-field-label{color:#666;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.detail-field-spacing{margin-top:16px}.price-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.price-input-row span{color:#555;font-size:13px;font-weight:600}.register-details .register-input,.register-details .register-textarea,.memo-section .register-textarea{font-size:16px}.memo-section .register-textarea{margin-top:12px}.submit-validation{text-align:center;margin:0 4px}.register-save-error{color:#9c2f24;background:#fff4f2;border:1px solid #f2c3bd;border-radius:11px;margin:0 4px;padding:11px 12px;font-size:12px;line-height:1.5}.editable-cover-area{align-items:center;gap:15px;margin-top:15px;display:flex}.detail-cover-preview{background:#e8e8e5;border-radius:6px;flex-shrink:0;place-items:center;width:60px;height:84px;font-size:22px;display:grid;position:relative;overflow:hidden}.detail-cover-preview img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover-actions{flex-direction:column;align-items:flex-start;gap:9px;min-width:0;display:flex}.cover-change-button{cursor:pointer;background:#fff;border:1px solid #d7d7d4;border-radius:11px;justify-content:center;align-items:center;min-height:42px;padding:0 15px;font-size:13px;font-weight:600;display:inline-flex}.cover-change-button input{display:none}.cover-reset-button{color:#666;background:0 0;border:0;padding:2px 0;font-size:11px;text-decoration:underline}.register-submit-area{z-index:10;padding:10px 4px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#f7f7f559,#f7f7f5 28%);margin:2px -4px 0;position:sticky;bottom:0}.register-submit-area .register-submit{width:100%;min-height:54px;box-shadow:0 5px 16px #00000029}.register-submit:disabled{box-shadow:none;cursor:default;background:#aaa}@media (width<=360px){.register-page-v01{padding-left:12px;padding-right:12px}.register-section{padding:14px}.holding-copy small{display:none}.holding-stepper{grid-template-columns:40px 34px 40px}.holding-stepper button{width:40px;height:40px}.visibility-option{min-height:58px;padding-left:11px;padding-right:11px}.visibility-option strong{font-size:12px}}.scan-flow-app{min-width:0;padding-bottom:0}.scan-page-header{z-index:20;position:sticky;top:0}.scan-header-title{text-align:center;min-width:0}.scan-header-title h1{line-height:1.25}.scan-header-title small{color:#777;margin-top:2px;font-size:10px;display:block}.barcode-mode-page,.continuous-setup-page,.scan-state-page,.scan-complete-page,.scan-error-page{width:100%;max-width:640px;padding:20px 16px calc(28px + env(safe-area-inset-bottom));margin:0 auto}.scan-page-lead{color:#666;margin:0 2px 14px;font-size:14px}.barcode-mode-list{flex-direction:column;gap:10px;display:flex}.barcode-mode-card{color:#222;text-align:left;touch-action:manipulation;background:#fff;border:1px solid #e2e2de;border-radius:16px;align-items:center;gap:13px;width:100%;min-height:88px;padding:14px;display:flex}.barcode-mode-card:disabled{color:#777;cursor:default}.barcode-mode-icon{background:#f0f0ed;border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:23px;font-weight:700;display:grid}.barcode-mode-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.barcode-mode-copy strong{font-size:16px}.barcode-mode-copy small{color:#777;font-size:12px;line-height:1.45}.coming-soon-badge{color:#777;background:#efefec;border-radius:999px;flex-shrink:0;padding:5px 8px;font-size:10px;font-weight:700}.continuous-setup-page{flex-direction:column;gap:12px;display:flex}.scan-setup-card,.scan-current-card,.scan-recent-section,.scan-complete-card,.scan-error-card{background:#fff;border:1px solid #e6e6e2;border-radius:16px;padding:16px}.scan-setup-card h2,.scan-recent-section h2,.scan-complete-card h2,.scan-error-card h2{margin:0;font-size:17px;line-height:1.4}.scan-setup-card>p{color:#666;margin:9px 0 0;font-size:13px;line-height:1.65}.scan-setup-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.scan-setup-heading h2{margin:0;font-size:17px}.scan-setup-heading span{color:#888;font-size:11px}.scan-visibility-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.scan-visibility-option{color:#555;text-align:left;touch-action:manipulation;background:#fafaf8;border:1px solid #dcdcd7;border-radius:13px;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:76px;padding:11px;display:flex}.scan-visibility-option.active{color:#fff;background:#222;border-color:#222}.scan-visibility-option:disabled{opacity:.6}.scan-visibility-option strong{font-size:14px}.scan-visibility-option small{color:inherit;opacity:.78;font-size:10px;line-height:1.4}.scan-setup-notice{color:#777;background:#f4f4f1;border-radius:10px;margin:11px 0 0;padding:10px;font-size:11px;line-height:1.5}.scan-setup-actions{padding-top:4px}.scan-primary-button,.scan-secondary-button,.scan-finish-button{touch-action:manipulation;border-radius:14px;width:100%;min-height:52px;padding:12px 16px;font-size:16px;font-weight:700}.scan-primary-button,.scan-finish-button{color:#fff;background:#222;border:0}.scan-primary-button:disabled{opacity:.55}.scan-secondary-button{color:#444;background:#fff;border:1px solid #d8d8d4}.scan-state-page{place-items:center;min-height:calc(100dvh - 60px);display:grid}.scan-camera-placeholder{color:#666;flex-direction:column;align-items:center;gap:14px;font-size:14px;display:flex}.scan-camera-placeholder p{margin:0}.scan-initializing-page{padding:0}.scan-initializing-camera{background:#171717;width:100%;height:min(58dvh,460px);position:relative;overflow:hidden}.scan-initializing-camera .scan-camera-placeholder{color:#fff;background:#171717b8;justify-content:center;position:absolute;inset:0}.scan-spinner{border:3px solid #d9d9d5;border-top-color:#333;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite scan-spin}@keyframes scan-spin{to{transform:rotate(360deg)}}.continuous-scan-page{width:100%;max-width:680px;padding-bottom:calc(92px + env(safe-area-inset-bottom));margin:0 auto}.scan-camera-area{background:#171717;width:100%;height:clamp(320px,50svh,420px);position:relative;overflow:hidden}.scan-video{object-fit:cover;background:#171717;width:100%;height:100%;display:block}.isbn-guide-frame{pointer-events:none;border:3px solid #ffffffeb;border-radius:15px;justify-content:center;align-items:flex-end;width:min(82%,430px);height:116px;display:flex;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #0000002e,0 0 18px #00000047}.isbn-guide-frame span{color:#fff;white-space:nowrap;background:#0000009e;border-radius:999px;padding:6px 10px;font-size:10px;transform:translateY(34px)}.scan-camera-stopped{color:#ddd;background:#292929;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.scan-live-notice{z-index:15;color:#fff;text-align:center;background:#202020eb;border-radius:999px;width:fit-content;max-width:calc(100% - 32px);margin:-18px auto 0;padding:8px 13px;font-size:12px;font-weight:600;position:sticky;top:66px}.scan-drain-progress{color:#625513;background:#fff8dc;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin:12px 14px 0;padding:12px 13px;font-size:12px;display:flex}.scan-drain-progress span{flex-shrink:0;font-weight:700}.scan-current-card{margin:10px 14px;padding:11px 13px}.scan-recent-section{margin:12px 14px 0;padding:13px 14px}.scan-card-label{color:#888;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.scan-current-content{align-items:center;gap:11px;min-height:54px;display:flex}.scan-current-copy{flex:1;min-width:0}.scan-current-copy>strong{color:#555;font-size:12px}.scan-current-copy h2{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:15px;line-height:1.3;display:-webkit-box;overflow:hidden}.scan-current-status{color:#777;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:11px;line-height:1.3;overflow:hidden}.scan-current-status:before{content:"…";margin-right:4px;font-weight:700}.scan-current-status.registered{color:#397346}.scan-current-status.registered:before{content:"✓"}.scan-current-status.duplicate{color:#9a7314}.scan-current-status.duplicate:before,.scan-current-status.error:before{content:"⚠"}.scan-current-status.error{color:#a5362c}.scan-current-content img{object-fit:cover;background:#e8e8e5;border-radius:5px;flex-shrink:0;width:38px;height:52px}.scan-empty-copy{color:#888;margin:0;font-size:12px;line-height:1.5}.scan-recent-section h2{margin-bottom:5px;font-size:14px}.scan-recent-section ul{margin:0;padding:0;list-style:none}.scan-recent-section li{border-top:1px solid #eeeeeb;align-items:center;gap:9px;min-width:0;padding:8px 0;display:flex}.scan-recent-section li:first-child{border-top:0}.scan-status-mark{color:#777;text-align:center;flex-shrink:0;width:24px;font-size:15px;font-weight:700}.scan-status-mark.registered{color:#397346}.scan-status-mark.duplicate{color:#9a7314}.scan-status-mark.error{color:#a5362c}.scan-recent-copy{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.scan-recent-copy strong{flex-shrink:0;font-size:12px}.scan-recent-copy small{color:#666;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.scan-recent-status{color:#777;text-align:right;flex-shrink:0;max-width:86px;font-size:10px;line-height:1.35}.scan-sticky-action{z-index:30;max-width:680px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7f7f5f5;border-top:1px solid #dededb;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.scan-finish-button{background:#742f29}.scan-complete-page,.scan-error-page{flex-direction:column;gap:14px;display:flex}.scan-complete-card,.scan-error-card{text-align:center}.scan-complete-icon,.scan-error-card>span{color:#397346;background:#e6f2e8;border-radius:50%;place-items:center;width:52px;height:52px;margin:2px auto 13px;font-size:25px;font-weight:700;display:grid}.scan-complete-card dl{margin:17px 0 0}.scan-complete-card dl>div{border-top:1px solid #eeeeeb;justify-content:space-between;align-items:center;gap:12px;padding:11px 2px;display:flex}.scan-complete-card dt{color:#666;font-size:13px}.scan-complete-card dd{margin:0;font-size:14px;font-weight:700}.scan-complete-card p,.scan-error-card p{color:#777;margin:14px 0 0;font-size:12px;line-height:1.6}.scan-error-card>span{color:#a5362c;background:#fff0ed}.scan-error-actions{flex-direction:column;gap:9px;display:flex}@media (width<=390px){.barcode-mode-page,.continuous-setup-page,.scan-complete-page,.scan-error-page{padding-left:13px;padding-right:13px}.scan-current-card,.scan-recent-section{margin-left:11px;margin-right:11px}.scan-visibility-options{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.scan-spinner{animation-duration:1.6s}}.auth-page{background:#f5f5f3;place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{background:#fff;border:1px solid #e8e8e5;border-radius:20px;width:100%;max-width:420px;padding:28px 20px}.auth-logo{text-align:center;font-size:42px}.auth-card h1{text-align:center;margin:12px 0 0;font-size:25px}.auth-description{text-align:center;color:#777;margin:8px 0 24px;font-size:14px}.auth-tabs{background:#f0f0ee;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px;padding:4px;display:grid}.auth-tab{color:#666;background:0 0;border:0;border-radius:9px;min-height:42px;font-size:14px}.auth-tab.active{color:#222;background:#fff;font-weight:700;box-shadow:0 1px 4px #00000014}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.auth-form input{background:#fff;border:1px solid #d9d9d6;border-radius:11px;width:100%;min-height:48px;padding:0 13px;font-size:16px}.auth-form input:focus{outline-offset:1px;outline:2px solid #333}.auth-submit{color:#fff;background:#222;border:0;border-radius:12px;min-height:50px;margin-top:4px;font-size:15px;font-weight:700}.auth-submit:disabled{opacity:.55}.auth-error{color:#a52323;background:#fff1f1;border-radius:10px;margin:0;padding:11px 12px;font-size:13px;line-height:1.5}.auth-info{color:#35563a;background:#f1f5f1;border-radius:10px;margin:0;padding:11px 12px;font-size:13px;line-height:1.5}