:root{color:#202426;background:#f6f7f4;font-family:Inter,Noto Sans JP,Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f7f4}button,input,select,textarea{font:inherit}button{min-height:40px;border:1px solid #ccd3d1;border-radius:8px;background:#fff;color:#202426;cursor:pointer}button:hover{border-color:#1f6f55}button:disabled{cursor:not-allowed;opacity:.58}button:disabled:hover{border-color:#ccd3d1}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(31,111,85,.28);outline-offset:2px}input,select,textarea{width:100%;min-height:40px;border:1px solid #ccd3d1;border-radius:8px;background:#fff;color:#202426;padding:0 12px}textarea{min-height:96px;padding:10px 12px;resize:vertical}.app-shell{min-height:100vh;padding:24px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.eyebrow{margin:0 0 4px;color:#64716f;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:2rem;line-height:1.1}h2{font-size:1.2rem;line-height:1.3}h3{font-size:1rem}.topbar-actions,.detail-actions,.quick-actions,.card-quick-actions,.form-actions,.tag-suggestions,.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.primary-button{background:#1f6f55;border-color:#1f6f55;color:#fff;font-weight:700}.secondary-button{width:100%}.purchase-check-shortcut{margin-bottom:12px}.preset-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}.preset-chip-grid button{display:flex;min-width:0;min-height:34px;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;text-align:left}.preset-chip-grid button.active{border-color:#1f6f55;background:#e9f4ef;color:#1f6f55;font-weight:700}.preset-chip-grid span{min-width:0;overflow-wrap:anywhere}.preset-chip-grid strong{flex:0 0 auto;color:inherit;font-size:.78rem}.danger-button{color:#9f2d24;border-color:#d8aaa5}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr)) minmax(180px,1.4fr);gap:10px;margin-bottom:12px}.metric,.connection-state,.notice-line,.filters-panel,.detail-panel,.empty-state{border:1px solid #dfe5e2;border-radius:8px;background:#fff}.metric{padding:12px}.metric span{display:block;color:#64716f;font-size:.78rem}.metric strong{display:block;margin-top:4px;font-size:1.2rem}.connection-state{display:flex;align-items:center;gap:8px;padding:12px;color:#46514f}.state-dot{width:10px;height:10px;border-radius:999px;background:#bf4b3f}.state-dot.online{background:#1f6f55}.notice-line{margin:0 0 12px;padding:12px;color:#46514f}.empty-actions{display:flex;flex-wrap:wrap;gap:8px}.active-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.active-filter-chips button{display:inline-flex;min-width:0;min-height:30px;align-items:center;gap:6px;padding:4px 8px;border-color:#c9d7d2;background:#f3f8f6;color:#275546;font-size:.82rem}.active-filter-chips span{min-width:0;overflow-wrap:anywhere}.active-filter-chips strong{flex:0 0 auto;color:#4a6b61;font-size:.78rem}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr) 340px;gap:14px;align-items:start}.filters-panel,.detail-panel{position:sticky;top:16px;padding:14px}.field-block{display:grid;gap:6px;margin-bottom:12px}.field-block span{color:#46514f;font-size:.84rem;font-weight:700}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sort-row{display:grid;grid-template-columns:1fr 72px;gap:8px;align-items:end}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:10px}.segmented-control button{border-radius:0}.segmented-control button:first-child{border-radius:8px 0 0 8px}.segmented-control button:last-child{border-radius:0 8px 8px 0}.segmented-control .active{background:#203b36;color:#fff}.library-area{min-width:0}.purchase-check-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:12px;margin-bottom:12px;padding:14px;border:1px solid #d8cda9;border-radius:8px;background:#fffdf6}.purchase-check-copy h2,.purchase-check-copy p{margin-bottom:6px}.purchase-check-copy p:last-child{margin-bottom:0;color:#64716f}.purchase-check-input{margin-bottom:0}.purchase-check-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;grid-column:1 / -1}.purchase-check-summary span{padding:8px;border-radius:8px;background:#fff;color:#46514f;font-size:.78rem}.purchase-check-summary strong{display:block;color:#202426;font-size:1.12rem}.purchase-check-actions{display:flex;flex-wrap:wrap;gap:8px;grid-column:1 / -1}.item-list,.item-grid{display:grid;gap:12px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.library-card{border:1px solid #dfe5e2;border-radius:8px;background:#fff;overflow:hidden}.library-card.selected{border-color:#1f6f55;box-shadow:0 0 0 2px #1f6f5524}.card-main{width:100%;min-height:0;display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:12px;border:0;border-radius:0;text-align:left}.item-grid .card-main{grid-template-columns:1fr}.cover-thumb{width:82px;aspect-ratio:8 / 11;border-radius:6px;object-fit:cover;background:#e7ebe8}.item-grid .cover-thumb{width:100%;max-height:230px}.card-content{min-width:0}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.card-title-row h2{margin-bottom:6px;overflow-wrap:anywhere}.card-content p{margin-bottom:8px;color:#46514f}.type-pill{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#e6edf7;color:#315b96;font-size:.78rem;font-weight:700}.status-row,.meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.status-row span,.meta-row span{padding:4px 7px;border-radius:6px;background:#eef2ef;color:#46514f;font-size:.78rem}.status-row .derived-status{background:#e9f4ef;color:#1f6f55;font-weight:700}.short-comment{margin-bottom:0}.tag-row{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}.card-quick-actions{padding:0 12px 10px}.card-quick-actions button{min-height:32px;padding:4px 9px;font-size:.82rem}.tag-row button,.tag-suggestions button{min-height:28px;padding:3px 8px;border-color:#d7c58f;background:#fff9e8;color:#5f4f19;font-size:.78rem}.detail-content{display:grid;gap:12px}.detail-cover{width:100%;max-height:260px;border-radius:8px;object-fit:cover;background:#e7ebe8}.detail-subtitle{color:#64716f}.progress-stepper{display:grid;grid-template-columns:52px minmax(0,1fr) 52px 52px;gap:8px;align-items:center;padding:10px;border:1px solid #dfe5e2;border-radius:8px;background:#f8faf8}.progress-stepper strong{min-width:0;text-align:center;overflow-wrap:anywhere}.draft-progress-stepper{display:grid;gap:6px}.draft-progress-stepper>span{color:#46514f;font-size:.82rem;font-weight:700}.detail-section{display:grid;gap:8px}.detail-section h3{margin:0;color:#1d2b28;font-size:.95rem}.detail-list{display:grid;gap:8px;margin:0}.detail-list div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px}.detail-list dt{color:#64716f;font-weight:700}.detail-list dd{margin:0;overflow-wrap:anywhere}.detail-list a{color:#315b96}.detail-tags{padding:0}.metadata-description{margin:0;color:#46514f;font-size:.9rem;line-height:1.6}.notes-block{padding:12px;border-radius:8px;background:#f5f7f6}.notes-block pre{white-space:pre-wrap;margin:0;color:#46514f}.empty-state,.empty-detail{padding:24px}.form-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#141c1a85}.scanner-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:#141c1aad}.item-form{width:min(980px,100%);max-height:92vh;overflow:auto;border-radius:8px;background:#fff;padding:18px;box-shadow:0 20px 70px #00000038}.scanner-dialog{width:min(620px,100%);border-radius:8px;background:#fff;padding:18px;box-shadow:0 20px 70px #00000047}.scanner-stage{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:8px;background:#111c19}.scanner-stage video{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;inset:22%;border:3px solid #f2be4b;border-radius:8px;box-shadow:0 0 0 999px #0000003d}.manual-scan-row{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px;align-items:end}.form-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.form-section{padding:14px 0;border-top:1px solid #e5ebe8}.form-section h3{margin-bottom:12px}.helper-text{color:#64716f;font-size:.9rem}.candidate-box,.duplicate-box{display:grid;gap:8px;padding:12px;border:1px solid #e6c9a0;border-radius:8px;background:#fff9ef;margin-bottom:12px}.candidate-box{border-color:#b8c7df;background:#f3f7ff}.candidate-box h3,.duplicate-box h3{margin-bottom:2px}.candidate-row,.duplicate-row{display:grid;min-height:0;padding:8px;text-align:left}.candidate-row small,.duplicate-row small{color:#64716f}.duplicate-row.strong{border-color:#bf4b3f}.cover-edit-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:start}.cover-edit-row img{width:150px;aspect-ratio:8 / 11;border-radius:8px;object-fit:cover;background:#e7ebe8}.form-actions{justify-content:flex-end;padding-top:12px;border-top:1px solid #e5ebe8}@media(max-width:1160px){.workspace{grid-template-columns:260px minmax(0,1fr)}.detail-panel{grid-column:1 / -1;position:static}}@media(max-width:760px){.app-shell{padding:14px}.topbar,.form-header{align-items:stretch;flex-direction:column}.topbar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.status-strip,.workspace,.field-grid,.field-grid.two,.field-grid.three,.cover-edit-row,.purchase-check-panel,.purchase-check-summary,.progress-stepper,.manual-scan-row{grid-template-columns:1fr}.filters-panel{position:static}.card-main{grid-template-columns:72px minmax(0,1fr)}.cover-thumb{width:72px}.item-form{max-height:96vh;padding:14px}}