:root{--paper:#f6f5f2;--ink:#26262b;--dim:#7a7a83;--line:#dcdcd6;--kon:#2b4a75;--shu:#c73e2e;--card:#fff}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans Thai,Noto Serif JP,sans-serif;font-size:15px;line-height:1.55}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.masthead{flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;max-width:1240px;margin:0 auto;padding:1.6rem 1rem .5rem;display:flex}.masthead h1{margin:0;font-family:Noto Serif JP,serif;font-size:clamp(1.15rem,3.5vw,1.7rem);font-weight:900}.masthead .window{color:var(--dim);font-size:.8rem}.vote-link{color:var(--kon);font-size:.8rem;text-decoration:none}.vote-link:hover{text-decoration:underline}.vote-link.dev-only{color:var(--shu)}.topbar{max-width:1240px;margin:0 auto}.controls{flex-wrap:wrap;align-items:center;gap:.5rem;max-width:1240px;margin:0 auto;padding:.6rem 1rem .1rem;display:flex}.viewtoggle{border:1px solid var(--ink);border-radius:4px;flex:none;display:flex;overflow:hidden}.viewtoggle button{appearance:none;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:.35rem .8rem;font-size:.84rem}.viewtoggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.viewtoggle button:disabled{opacity:.5;cursor:wait}.viewtoggle button b{font-weight:700}#search{min-width:0;max-width:24rem;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:4px;flex:150px;padding:.35rem .7rem;font-size:.88rem}#search:focus-visible,.viewtoggle button:focus-visible,.chips button:focus-visible{outline:2px solid var(--kon);outline-offset:2px}.count{color:var(--dim);font-size:.8rem}.filterwrap{flex:none;gap:.25rem;display:flex;position:relative}#filter-btn,#filter-clear{appearance:none;font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:180px;padding:.35rem .7rem;font-size:.8rem;overflow:hidden}#filter-btn.active{border-color:var(--kon);color:var(--kon);font-weight:600}#filter-clear{padding:.35rem .5rem}#filter-btn:focus-visible,#filter-clear:focus-visible{outline:2px solid var(--kon);outline-offset:2px}#filter-panel{background:var(--card);border:1px solid var(--line);z-index:20;border-radius:6px;width:min(320px,86vw);padding:.4rem;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 24px #26262b2e}#filter-search{width:100%;font:inherit;border:1px solid var(--line);border-radius:4px;margin-bottom:.3rem;padding:.3rem .55rem;font-size:.8rem}#filter-list{flex-direction:column;gap:1px;max-height:46vh;display:flex;overflow-y:auto}.frow{appearance:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:baseline;gap:.6rem;padding:.3rem .5rem;font-size:.8rem;display:flex}.frow b{color:var(--dim);font-size:.7rem;font-weight:400}.frow:hover{background:var(--paper)}.frow.sel{background:var(--kon);color:#fff}.frow.sel b{color:#c7d4e8}.fhint{color:var(--dim);border-bottom:1px solid var(--line);margin-bottom:.2rem;padding:.15rem .5rem .3rem;font-size:.7rem}.wall{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:1.2rem .7rem;max-width:1240px;margin:.9rem auto 2.5rem;padding:0 1rem;display:grid}.book{min-width:0}.cover{line-height:0}.cover img{aspect-ratio:2/3;object-fit:cover;background:#e8e8e3;border-radius:3px;width:100%;height:auto;animation:.3s both coverFade;display:block;box-shadow:0 1px 3px #26262b2e}@keyframes coverFade{0%{opacity:0}to{opacity:1}}.nocover{aspect-ratio:2/3;border:1px dashed var(--line);width:100%;height:auto;color:var(--dim);background:var(--card);border-radius:3px;place-items:center;font-size:.7rem;display:grid}.caption{margin-top:.4rem}.jp{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Noto Serif JP,serif;font-size:.76rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.romaji{color:var(--dim);overflow-wrap:anywhere;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.68rem;font-style:italic;line-height:1.35;display:-webkit-box;overflow:hidden}.th{color:var(--kon);overflow-wrap:anywhere;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.76rem;font-weight:600;display:-webkit-box;overflow:hidden}.pub{color:var(--dim);overflow-wrap:anywhere;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.64rem;line-height:1.35;display:-webkit-box;overflow:hidden}.thaibadge{background:var(--shu);color:#fff;border-radius:2px;margin-top:.25rem;padding:.16rem .4rem;font-size:.58rem;line-height:1;display:inline-block}a{color:var(--kon)}.links{margin-top:.15rem;font-size:.66rem}.links a+a:before{content:" / ";color:var(--dim)}.empty{text-align:center;color:var(--dim);grid-column:1/-1;padding:3rem 0}footer{max-width:1240px;color:var(--dim);margin:0 auto;padding:.8rem 1rem 2.5rem;font-size:.72rem}@media (width<=640px){.masthead{padding:1.1rem .7rem .4rem}.controls{padding:.5rem .7rem 0}.count{flex-basis:100%;order:3}#filter-panel{width:auto;position:fixed;top:auto;left:.5rem;right:.5rem}.wall{grid-template-columns:repeat(2,1fr);gap:1rem .55rem;padding:0 .7rem}footer{padding:.6rem .7rem 2rem}}.vote header{max-width:760px;margin:0 auto;padding:2.2rem 1rem .6rem}.vote h1{margin:0;font-family:Noto Serif JP,serif;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:900}.vote .sub{color:var(--dim);margin-top:.3rem}.vote .back{color:var(--kon);font-size:.85rem;text-decoration:none}.vote .back:hover{text-decoration:underline}.vote main{max-width:760px;margin:0 auto;padding:1rem 1rem 4rem}.vote .step{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:1.1rem;padding:1.1rem 1.2rem}.vote .step h2{align-items:center;gap:.6rem;margin:0 0 .4rem;font-family:Noto Sans Thai,sans-serif;font-size:1rem;font-weight:600;display:flex}.vote .n{background:var(--shu);color:#fff;border-radius:50%;flex:0 0 1.7rem;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;font-size:.85rem;display:inline-flex}.vote .step p{margin:.3rem 0}.vote .step a{color:var(--kon)}.vote .shot{border:1px dashed var(--line);background:var(--paper);color:var(--dim);text-align:center;border-radius:6px;place-items:center;min-height:140px;margin-top:.7rem;padding:1rem;font-size:.8rem;display:grid}.vote .shot img{border-radius:4px;max-width:100%;height:auto;display:block}.vote .note{background:#fff7e8;border:1px solid #eedeb5;border-radius:8px;margin-bottom:1.2rem;padding:.8rem 1rem;font-size:.85rem}.vote code{background:#eceee9;border-radius:3px;padding:.05rem .35rem;font-size:.85em}