:root{--paper: #F3EEE4;--band: #EAE2D3;--ink: #2B2622;--accent: #D2533A;--muted: #8A8178;--muted-text: #6B635B;--accent-text: #B8412B;font-family:Noto Sans JP,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:inherit;text-underline-offset:4px}.container{width:calc(100% - 32px);max-width:1100px;margin-inline:auto}.hero{background:var(--band);border-bottom:1px solid var(--ink);padding:38px 0 35px}.eyebrow{color:var(--accent-text);font-size:12px;letter-spacing:.18em;margin:0 0 24px}h1,h2{font-family:"Noto Serif JP",serif;font-weight:400}h1{font-size:clamp(30px,6.5vw,64px);line-height:1.6;margin:0;letter-spacing:.02em}h1 span{color:var(--accent-text)}.intro{font-size:12px;line-height:2;margin:22px 0 0}h2{font-size:23px;margin:0}.selection{padding:34px 0;border-bottom:1px solid var(--ink)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-heading>span{color:var(--accent-text);font-family:"Noto Serif JP",serif;font-size:24px;white-space:nowrap}.slots{list-style:none;padding:0;margin:22px 0 26px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 8px}.slots li{min-width:0}.slot-number{display:block;font-family:"Noto Serif JP",serif;color:var(--accent-text);font-size:20px;margin-bottom:5px}.cover,.empty-slot{aspect-ratio:1 / 1.42;width:100%}.cover{display:block;object-fit:cover;background:var(--band)}.cover-fallback{display:flex;align-items:center;justify-content:center;padding:8%;font-family:"Noto Serif JP",serif;font-size:clamp(12px,2.6vw,20px);overflow:hidden;overflow-wrap:anywhere;border:1px solid var(--ink)}.empty-slot{background:transparent;padding:0;border-radius:0;cursor:pointer;border:1px dashed var(--muted);display:grid;place-items:center;color:var(--muted-text);font-size:20px}.empty-slot:hover,.empty-slot:focus-visible{border-color:var(--accent-text)}.slot-cover,.result-cover{position:relative}.remove{position:absolute;top:-5px;right:-4px;border:1px solid var(--ink);border-radius:50%;width:25px;height:25px;background:var(--paper);line-height:1;padding:0;font-size:19px}.move-controls{display:flex;gap:3px;margin-top:6px}.move-controls button{flex:1;min-width:0;min-height:30px;padding:0;background:transparent;border:1px solid var(--muted)}.primary{display:block;background:var(--accent);color:var(--paper);border:1px solid var(--ink);padding:16px 20px;width:100%;max-width:410px;margin:auto;font-weight:700}.search{padding:32px 0 0}.search-results{padding-bottom:48px}.search-label{display:block;margin:22px 0 8px;font-size:12px}input[type=search]{width:100%;background:transparent;border:1px solid var(--ink);border-radius:0;padding:15px 12px;font-size:16px}input::placeholder{color:var(--muted-text)}.hint,.error{font-size:13px;line-height:1.8;color:var(--accent-text)}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 12px;margin-top:25px}.book-card{border:0;background:none;padding:0;text-align:left;min-width:0;align-self:start}.book-card[aria-pressed=true] .result-cover{outline:2px solid var(--accent);outline-offset:2px}.book-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:700;margin-top:10px;overflow-wrap:anywhere}.author{display:block;font-size:12px;color:var(--muted-text);margin-top:5px;overflow-wrap:anywhere}.badge{position:absolute;bottom:0;left:0;right:0;text-align:center;background:var(--accent);color:var(--paper);padding:5px 0;font-size:12px}.more{display:block;background:transparent;border:1px solid var(--ink);padding:12px 35px;margin:30px auto 0}footer{padding:25px 0 max(72px,calc(env(safe-area-inset-bottom) + 72px));border-top:1px solid var(--ink);font-size:12px;line-height:1.8;color:var(--muted-text)}.simple-page{padding-top:50px}@media(min-width:700px){footer{padding-bottom:max(48px,calc(env(safe-area-inset-bottom) + 48px))}.hero{padding:58px 0 48px}.eyebrow{font-size:12px}.intro{font-size:15px}.selection{padding-top:45px}.slots{gap:22px}.slot-number{font-size:28px}.results{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 22px}.book-title{font-size:14px}.author{font-size:12px}.remove{width:30px;height:30px}.move-controls button{min-height:34px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.edition{display:block;font-size:12px;color:var(--muted-text);margin-top:5px;overflow-wrap:anywhere}@media(max-width:699px){.remove{top:3px;right:3px;width:28px;height:28px;background:#f3eee4e6}}@media(min-width:960px){.hero{padding:24px 0}.hero h1{font-size:48px}.eyebrow{margin-bottom:12px}.intro{margin-top:12px}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:32px;grid-template-rows:auto 1fr;align-items:start}.builder-layout>.search{grid-column:1;grid-row:1}.builder-layout>.search-results{grid-column:1;grid-row:2}.builder-layout>.selection{grid-column:2;grid-row:1 / 3;position:sticky;top:16px;padding-top:32px;border-bottom:0}.builder-layout .slots{gap:14px 8px}.builder-layout .slot-number{font-size:20px}.builder-layout .results{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 16px}.edition{font-size:12px}}.share-hero{text-align:center}.share-subline{text-align:center;padding:22px 16px;background:var(--band);border-bottom:1px solid var(--ink);font-size:14px}.share-actions{display:grid;gap:8px;padding:24px 0;container-type:inline-size}.share-actions button,.share-actions>a{background:transparent;border:1px solid var(--ink);border-radius:4px;padding:10px 14px;font-size:13px;text-decoration:none}.share-actions .share-x{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;background:#2b2622;color:var(--paper);font-size:16px;font-weight:700}.share-x svg{flex-shrink:0}.share-actions .share-x:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.share-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.share-action-row>button{min-width:0;overflow-wrap:anywhere}.share-action-row>:only-child{grid-column:1 / -1}.share-secondary button{min-height:44px}.share-tertiary button{padding:8px 10px;font-size:12px;border-color:var(--muted)}@container (max-width: 299.99px){.share-action-row{grid-template-columns:minmax(0,1fr)}}.share-actions .error,.copy-fallback{width:100%;text-align:center}.copy-fallback input{display:block;width:100%;padding:10px;margin-top:8px}.share-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.share-grid li{min-width:0;padding:20px 12px;border-bottom:1px solid var(--ink)}.share-grid li>a{display:block;text-decoration:none}.share-grid .slot-number{margin:14px 0 0;font-size:28px}.share-grid .book-title{margin-top:6px}.share-next{display:grid;text-align:center;gap:20px;padding:40px 0}.share-next .primary{text-decoration:none}@media(min-width:900px){.share-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.share-grid li{padding:24px 18px}}.category-nav{display:flex;gap:.6rem;padding-top:1rem;padding-bottom:1rem}.category-nav a{border:1px solid currentColor;border-radius:999px;padding:.4rem 1rem;text-decoration:none}.category-nav a[aria-current=page]{background:#333;color:#fff}.affiliate-disclosure{font-size:12px;color:var(--muted-text)}.edition-toggle{border:0;background:none;padding:6px 0;color:var(--accent-text);font-size:12px;text-align:left}.edition-option{display:flex;align-items:center;gap:6px;width:100%;margin-top:5px;padding:6px;border:1px solid var(--muted);background:none;text-align:left;font-size:12px}.edition-option[aria-checked=true]{outline:2px solid var(--accent)}.edition-option img{width:24px;height:34px;object-fit:contain;flex-shrink:0}.about-page{max-width:760px;padding-block:36px 48px;font-size:14px;line-height:2;overflow-wrap:anywhere}.about-page section+section{margin-top:30px}.about-page p{margin:12px 0 0}@media(any-pointer:coarse){.selection button,.edition-toggle,.edition-option,.category-nav a,footer a{min-width:44px;min-height:44px}.remove{width:44px;height:44px}.move-controls{flex-direction:column}.move-controls button{width:100%}.category-nav a,footer a{display:inline-flex;align-items:center;justify-content:center}footer a{padding:10px 8px}}.viewer-cta{max-width:none;text-align:center;text-decoration:none;margin-block:24px}.share-hint{text-align:center;margin:24px 0 0;font-size:13px}.viewer-share h2{font:inherit;font-size:13px;text-align:center}.viewer-share .share-actions{padding-top:10px;gap:8px}.viewer-remix{display:block;text-align:center;margin:-12px 0 24px;padding:12px}.remix-confirm{grid-column:1 / -1;padding:16px;border:1px solid var(--ink);margin-block:16px}.remix-confirm button{margin-right:12px;min-height:44px}.builder-progress{display:none}@media(max-width:959px){.builder-progress{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;height:64px;max-height:64px;padding:4px 12px calc(4px + min(env(safe-area-inset-bottom,0px),16px));background:var(--paper);border-top:1px solid var(--ink)}.builder-progress [role=status]{font-size:13px;white-space:nowrap}.builder-progress .primary{width:auto;margin:0;padding:8px 12px;min-height:40px;font-size:13px}}.search-hint{font-size:13px;line-height:1.8;color:var(--muted-text)}.completion-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0008;display:flex;align-items:center;justify-content:center;padding:24px}.completion-panel{position:relative;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;background:var(--paper, #fff);border-radius:20px;padding:28px;box-shadow:0 16px 64px #0004}.completion-panel h2{margin-top:0;padding-right:32px}.completion-close{position:absolute;right:12px;top:12px;font-size:26px;min-width:44px;min-height:44px}.completion-preview{aspect-ratio:1200 / 630;overflow:hidden;border-radius:8px;background:#eee9e1;margin:20px 0}.completion-preview>img{width:100%;height:100%;object-fit:contain}.completion-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(110deg,#eee9e1,#faf8f4,#eee9e1)}.completion-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;height:100%;padding:8px}.completion-grid .cover{width:100%;height:100%;min-height:0;object-fit:contain;font-size:10px}.completion-panel>.share-x{display:flex;width:100%;justify-content:center;align-items:center;min-height:52px;background:#2b2622;color:var(--paper);font-weight:700}.completion-panel :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.completion-secondary{margin-top:12px;display:flex;gap:12px}.completion-secondary>*{flex:1;text-align:center;align-content:center}.completion-reselect{display:block;margin:16px auto 0;background:transparent;border:0;text-decoration:underline}@media(max-width:640px){.completion-backdrop{padding:0;align-items:flex-end}.completion-panel{border-radius:20px 20px 0 0;padding:24px 16px max(24px,env(safe-area-inset-bottom))}}.contact-page form{display:grid;gap:12px;margin-top:28px}.contact-page fieldset{min-width:0;margin:0 0 12px;padding:16px;border:1px solid var(--ink)}.contact-kind{display:block;padding-block:6px}.contact-page textarea,.contact-page input:not([type=radio]){width:100%;box-sizing:border-box;padding:10px;font:inherit}.contact-page textarea{resize:vertical}.contact-page button{margin-top:12px}.contact-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.volume-set{display:inline-block;font-size:11px;color:#8a8178;margin-top:3px}