:root{color:#241a13;background:#f4efe7;font-family:Inter,Helvetica Neue,Arial,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{min-height:100vh;padding:32px;background:linear-gradient(180deg,#ffffffb8,#f4efe761),#f4efe7}.add-book-panel{max-width:960px;margin:0 auto 28px}h1{margin:0 0 18px;color:#2b2119;font-size:2rem;font-weight:700;letter-spacing:0}.add-book-form{max-width:620px}label{display:block;margin-bottom:8px;color:#4f4338;font-size:.95rem;font-weight:700}.search-controls{display:flex;gap:10px;align-items:stretch}#search-input{width:min(100%,420px);min-height:44px;padding:10px 12px;border:1px solid #9e8c77;border-radius:6px;color:#241a13;background:#fffdf8}#search-input:focus{border-color:#5f7d72;outline:3px solid rgba(95,125,114,.24)}#add-button{min-width:84px;min-height:44px;padding:0 18px;border:1px solid #3f5f52;border-radius:6px;color:#fffdf8;background:#3f5f52;font-weight:700;cursor:pointer}#add-button:disabled{border-color:#8d9289;background:#8d9289;cursor:wait}#error-message{min-height:1.4em;margin:8px 0 0;color:#9b2f24;font-size:.92rem;font-weight:700}.search-results{max-width:620px;margin-top:14px}#search-message:empty{display:none}#search-message{margin:0 0 10px;color:#4f4338;font-size:.92rem}.search-result-list{display:grid;max-height:420px;gap:8px;margin:0;overflow-y:auto;padding:0;list-style:none}.search-result-item{display:flex;width:100%;gap:12px;align-items:flex-start;padding:10px;border:1px solid #cbbba4;border-radius:6px;color:inherit;background:#fffdf8;font-size:.92rem;text-align:left;cursor:pointer}.search-result-item:hover:not(:disabled){border-color:#5f7d72;background:#fbf7ef}.search-result-item:disabled{background:#efe9df;cursor:default}.search-result-cover{flex:0 0 auto;width:44px;height:62px;border:1px solid rgba(36,26,19,.2);object-fit:contain;background:#f4efe7}.search-result-body{display:grid;min-width:0;gap:2px}.search-result-title{font-weight:700;line-height:1.35}.search-result-author{color:#4f4338}.search-result-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:#6d6055;font-size:.85rem}.search-result-format{padding:1px 7px;border:1px solid #9e8c77;border-radius:999px;color:#4f4338;font-size:.78rem}.search-result-state{margin-left:auto;align-self:center;color:#3f5f52;font-size:.85rem;font-weight:700;white-space:nowrap}#load-more-button{min-height:40px;width:100%;margin-top:10px;padding:0 18px;border:1px solid #9e8c77;border-radius:6px;color:#3f5f52;background:#fffdf8;font-weight:700;cursor:pointer}#load-more-button:hover{border-color:#5f7d72;background:#fbf7ef}.bookshelf-area{max-width:960px;margin:0 auto;padding-top:18px}#bookshelf{display:flex;min-height:340px;align-items:flex-end;gap:0;overflow-x:auto;padding:24px 22px 34px;border:1px solid #7b6044;border-radius:8px;background:linear-gradient(180deg,transparent 0,transparent calc(100% - 34px),#72563a calc(100% - 34px)),linear-gradient(90deg,#ffffff29,#2d1c1014),#b58a5d;box-shadow:inset 0 -8px #3a241438}.book-spine{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--book-thickness);min-width:12px;max-height:100%;padding:8px 3px;border:1px solid rgba(36,26,19,.3);border-radius:3px 3px 1px 1px;color:#fffaf0;background:linear-gradient(90deg,rgba(255,255,255,.22),transparent 28%,rgba(0,0,0,.13)),#6d4452;background-position:left center;background-repeat:no-repeat;background-size:1000% 100%;box-shadow:inset 2px 0 3px #ffffff1f,inset -2px 0 3px #0000003d;cursor:grab}.book-spine:active,.book-spine.sortable-chosen,.book-spine.sortable-drag{cursor:grabbing}.book-delete-button{position:absolute;top:2px;right:2px;z-index:2;display:none;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:1px solid rgba(255,255,255,.4);border-radius:50%;color:#fffaf0;background:#241a1399;font-size:.75rem;line-height:1;cursor:pointer}.book-spine:hover .book-delete-button,.book-spine:focus-within .book-delete-button{display:flex}.book-delete-button:hover{background:#9b2f24d9}.book-spine.is-cover-mode{width:var(--book-width);margin:0 8px;background-position:center;background-size:cover}.book-spine.is-cover-mode+.book-spine.is-cover-mode{margin-left:0}.book-spine.is-cover-mode.has-cover-image .book-title{display:none}.book-title{display:block;max-height:100%;overflow:hidden;font-size:.88rem;font-weight:700;letter-spacing:0;line-height:1.2;text-align:start;text-overflow:ellipsis;text-shadow:0 1px 1px rgba(0,0,0,.22);white-space:nowrap;writing-mode:vertical-rl}@media (max-width: 640px){.app-shell{padding:20px 14px}.search-controls{align-items:stretch}#search-input{flex:1 1 auto;min-width:0}#add-button{flex:0 0 auto}#bookshelf{min-height:320px;padding-inline:14px}}