:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{margin:0}#root{min-height:100svh}:root{--paper:#f6f1e7;--ink:#3a332c;--board:#bcae95;--accent:#2f5d50;--panel:#fffdf7}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;line-height:1.5}.app{max-width:980px;margin:0 auto;padding:1.2rem 1rem 4rem}header h1{letter-spacing:.01em;margin:.4rem 0 0;font-size:2rem}.tag{color:#6d6455;margin:.2rem 0 0;font-style:italic}.panel{background:var(--panel);border:1px solid #e5dcc8;border-radius:10px;margin:1.4rem 0;padding:1.1rem 1.2rem;box-shadow:0 2px 10px -6px #3c281440}.panel h2{margin:0 0 .4rem;font-size:1.15rem}.hint{color:#6d6455;margin:0 0 .8rem;font-size:.92rem}.grid{justify-content:center;gap:.55rem;display:flex}.col{flex-direction:column;align-items:center;gap:3px;display:flex}.colhead{color:#6d6455;font-size:.8rem}.cell{cursor:default;color:#a89e88;background:#efe8d8;border:1px solid #d8cdb6;border-radius:4px;width:30px;height:22px;padding:0;font-size:.7rem}.cell.done{color:#3c5e37;cursor:pointer;background:#cfe3cc;border-color:#9dbf98}.cell.done:hover{filter:brightness(.97)}.cell.active{outline:2px solid var(--accent)}.stats{text-align:center;color:#6d6455;margin-top:.7rem;font-size:.9rem}.labelers{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.7rem;display:flex}.labelers select{color:var(--ink);background:#fff;border:1px solid #cbbfa4;border-radius:6px;padding:.35rem .5rem;font-family:inherit;font-size:.95rem}.warn{color:#a35a1f;font-size:.85rem}.drop{text-align:center;cursor:pointer;color:#6d6455;background:#faf6ec;border:2px dashed #cbbfa4;border-radius:10px;padding:1.6rem 1rem}.drop:hover{border-color:var(--accent)}.drop img{border-radius:6px;max-width:100%;max-height:220px}.drop small{color:#a0937c}.go{background:var(--accent);color:#fdfaf2;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:.8rem;padding:.65rem;font-family:inherit;font-size:1.05rem}.go:disabled{cursor:not-allowed;background:#9db5ae}.status{color:#2f5d50;margin:.6rem 0 0;font-size:.92rem}.error{color:#a33a1f;margin:.6rem 0 0;font-size:.92rem}.shelfpanel .count{color:#6d6455;font-size:.95rem;font-weight:400}.shelf{scrollbar-width:thin;align-items:flex-end;gap:3px;min-height:12rem;padding:2.2rem .5rem 0;display:flex;position:relative;overflow-x:auto}.spine{--h:9.5rem;--w:2.1rem;height:var(--h);width:var(--w);background:var(--c);color:#3a332c;border-radius:2px 2px 1px 1px;flex:none;justify-content:center;align-items:center;padding:.55rem 0;text-decoration:none;transition:transform .18s;display:flex;position:relative;box-shadow:inset 2px 0 #ffffff59,inset -2px 0 #00000012,0 1px #0000000d}.spine:hover{transform:translateY(-4px)}.spine:before,.spine:after{content:"";background:#ffffff73;height:2px;position:absolute;left:15%;right:15%}.spine:before{top:.45rem}.spine:after{bottom:.45rem}.spinetext{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.04em;text-align:center;white-space:nowrap;max-height:100%;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:.72rem;overflow:hidden}.board{background:linear-gradient(#cfc4b0, var(--board));border-radius:1px;height:10px;margin-top:-1px;box-shadow:0 6px 12px -8px #3c281499}.rawlist{margin-top:1rem}.rawlist summary{cursor:pointer;color:#6d6455}.rawlist ol{padding-left:1.4rem;font-size:.92rem}.flag{color:#a35a1f;font-size:.85em;font-style:normal}.flag.unread{color:#a33a1f}@media (width<=700px){.grid{flex-wrap:wrap}.cell{width:26px;height:20px}.spine{--h:8rem;--w:1.8rem}}
