*{box-sizing:border-box;margin:0}:root{--ink: #172033;--ink-soft: #50627a;--muted: #6b7c93;--line: #dbe5ee;--surface: #fff;--accent-teal: #0b9a84;--accent-teal-dark: #087568;--accent-teal-bg: #e6f7f4;--shadow-soft: 0 18px 44px #1f293714}body{background:radial-gradient(circle at 82% 8%,#d99a5c1f,#0000 30%),radial-gradient(circle at 12% 16%,#8e6fd81a,#0000 30%),linear-gradient(135deg,#fbfbf8,#f5f4f7 48%,#f9f5ee);background-color:#f8f8f6;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,a{-webkit-tap-highlight-color:transparent}.app{max-width:1240px;margin:0 auto;padding:28px 20px 60px}.header{display:flex;align-items:center;gap:16px}.header-copy{min-width:0}.logo-mark{width:44px;height:44px;border-radius:12px;background:#fff8f1;border:1px solid #e9d5bd;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 10px 22px #9f63371f}.header h1{font-size:22px;font-weight:800;letter-spacing:.01em;word-break:keep-all}.subtitle{color:var(--muted);margin-top:2px;font-size:13px;font-weight:500}.source-note{margin-top:3px;font-size:11.5px;color:var(--muted)}.header-hub,.footer-hub{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #cfe3de;border-radius:999px;background:var(--surface);color:var(--accent-teal-dark);font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px #1f293710}.header-hub{margin-left:auto}.header-hub:hover,.footer-hub:hover{background:var(--accent-teal-bg);border-color:var(--accent-teal)}.history-panel{position:relative;margin-top:22px;padding:13px 16px;display:flex;align-items:center;gap:16px;border:1px solid #cfe3de;border-radius:15px;background:linear-gradient(120deg,#f5fbf9,#fffdf9);box-shadow:0 8px 22px #1f29370a}.history-heading{display:flex;align-items:center;gap:10px;min-width:210px}.history-heading>span:last-child{display:flex;flex-direction:column}.history-heading strong{font-size:13px}.history-heading small,.history-select>span,.history-status span{color:var(--muted);font-size:10.5px}.history-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:var(--accent-teal-bg);color:var(--accent-teal-dark);font-size:18px;font-weight:800}.history-select{display:flex;align-items:center;gap:9px;margin-left:auto}.history-select select{min-width:230px;padding:8px 32px 8px 11px;border:1px solid #bfd7d1;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:12px;font-weight:650}.history-status{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.history-status strong{color:var(--accent-teal-dark);font-size:12.5px}.history-error{flex-basis:100%;color:#b54235;font-size:11px}.source-tabs{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.source-tab{position:relative;min-width:0;display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#ffffffd9;color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 8px 20px #1f29370a;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.source-tab:hover{transform:translateY(-1px);border-color:var(--tab-color)}.source-tab.on{border-color:var(--tab-color);box-shadow:0 10px 26px color-mix(in srgb,var(--tab-color) 18%,transparent)}.source-tab.on:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;border-radius:999px 999px 0 0;background:var(--tab-color)}.source-mark{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--tab-color) 12%,#fff);color:var(--tab-color);font-size:18px;font-weight:900}.source-mark.amazon{font-family:Georgia,serif;padding-bottom:4px}.source-tab-copy{display:flex;min-width:0;flex-direction:column}.source-tab-copy strong{font-size:14px}.source-tab-copy small{color:var(--muted);font-size:11px}.tab-arrow{margin-left:auto;color:var(--tab-color);font-size:22px;line-height:1}.source-overview{margin-top:14px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid color-mix(in srgb,var(--source) 25%,var(--line));border-left:4px solid var(--source);border-radius:14px;background:#ffffffd9;box-shadow:0 10px 26px #1f29370a}.eyebrow{color:var(--source);font-size:9.5px;font-weight:800;letter-spacing:.14em}.source-overview h2{margin-top:2px;font-size:18px}.source-overview p:not(.eyebrow){margin-top:3px;color:var(--ink-soft);font-size:12px}.source-status{min-width:285px;display:flex;align-items:flex-end;flex-direction:column;gap:2px;color:var(--muted);font-size:10.5px}.source-status strong{color:var(--ink-soft);font-size:11.5px}.source-status a{margin-top:3px;color:var(--source);font-size:11.5px;font-weight:700}.controls{margin-top:16px}.toggle{display:inline-flex;max-width:100%;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 4px 14px #1f29370d}.toggle button{border:0;padding:7px 12px;border-radius:9px;background:transparent;color:var(--ink-soft);font:inherit;font-size:12.5px;font-weight:650;cursor:pointer}.toggle button:hover{background:#f1f5f3}.toggle button.on{background:var(--source);color:#fff}.grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid.single{grid-template-columns:minmax(0,680px);justify-content:center}.cat-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-soft);overflow:hidden}.cat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 18px;background:var(--cat-soft);border-bottom:2px solid var(--cat)}.cat-title{min-width:0}.cat-head h2{font-size:16px;font-weight:800;color:var(--cat-dark);letter-spacing:.02em}.cat-title p{margin-top:3px;color:var(--cat-dark);font-size:10.5px;line-height:1.45;opacity:.84}.cat-link{padding:5px 9px;border:1px solid color-mix(in srgb,var(--cat) 40%,#fff);border-radius:999px;background:#ffffffb8;color:var(--cat-dark);font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.cat-link:hover{background:#fff;border-color:var(--cat)}.book-list{list-style:none;padding:6px 0}.book-row{display:flex;align-items:center;gap:12px;padding:8px 18px;color:inherit;text-decoration:none;transition:background .12s ease}.book-row:hover{background:#f7fafc}.book-row:hover .book-go{opacity:1}.book-list li+li .book-row{border-top:1px solid #eef3f8}.book-cover{position:relative;width:44px;height:62px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e3e9f0;border-radius:4px;background:#f4f6f9}.cover-ph{font-size:15px;opacity:.55}.book-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rank{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f1f5f9;color:var(--ink-soft);font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums}.rank.gold{background:linear-gradient(140deg,#f7df8f,#e3ae3d);color:#6d4d05}.rank.silver{background:linear-gradient(140deg,#eceff3,#c3ccd8);color:#4c5a6b}.rank.bronze{background:linear-gradient(140deg,#ecc5a5,#cd8f5e);color:#6b3d16}.book-info{min-width:0;display:flex;flex-direction:column;gap:2px}.book-title{color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.45}.book-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.book-author{color:var(--muted);font-size:12px}.book-source-rank{padding:1px 6px;border-radius:999px;background:#f1f5f9;color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap}.book-go{margin-left:auto;flex-shrink:0;color:var(--muted);font-size:12px;font-weight:700;opacity:0;transition:opacity .12s ease}.footer{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12.5px}.footer a{color:var(--accent-teal-dark)}.footer-notes{display:flex;flex-direction:column;gap:4px}.footer-sub{max-width:760px;font-size:11.5px;opacity:.85}@media(max-width:1020px){.grid{grid-template-columns:1fr}}@media(max-width:700px){.app{padding:20px 12px 44px}.header{align-items:flex-start;flex-wrap:wrap}.header-hub{margin-left:60px;padding:6px 10px;font-size:11.5px}.history-panel{align-items:stretch;flex-wrap:wrap;gap:10px;padding:12px}.history-heading{min-width:0;flex:1 1 180px}.history-select{width:100%;align-items:stretch;flex-direction:column;gap:4px;margin-left:0}.history-select select{width:100%;min-width:0}.history-status{position:absolute;right:24px;margin-top:6px}.source-tabs{grid-template-columns:1fr;gap:7px}.source-tab{padding:10px 12px}.source-overview{align-items:flex-start;flex-direction:column;gap:10px;padding:15px 16px}.source-status{min-width:0;align-items:flex-start}.toggle button{padding:7px 10px;font-size:11.5px}.cat-head{flex-direction:column}.book-row{gap:9px;padding:9px 12px}.book-title{font-size:12.5px}}