:root{--bg:#f6f2ec;--text:#2b2420;--muted:#7a6e66;--accent:#6b3f2a;--line:#e3dbd2;--error:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;accent-color:var(--accent);font-family:-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1916;--text:#f1ebe4;--muted:#a99d93;--accent:#e0b08f;--line:#3a332d;--error:#f2b8b5}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0}main{max-width:560px;padding:calc(env(safe-area-inset-top) + 16px) 16px 160px;margin:0 auto}h1{margin:0;font-size:22px}h2{color:var(--muted);margin:24px 0 8px;font-size:14px}.muted{color:var(--muted)}.center{text-align:center;padding:40px 0}.error{color:var(--error)}button{font:inherit;border:1px solid var(--line);min-height:48px;color:var(--text);background:0 0;border-radius:24px;padding:0 20px;font-size:16px;font-weight:600}button:disabled{opacity:.4}button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}button.link{min-height:40px;color:var(--accent);background:0 0;border:none;padding:0 4px}input{font:inherit;border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);background:0 0;border-radius:12px;margin-top:6px;padding:0 12px;font-size:18px}.login form{flex-direction:column;gap:16px;margin-top:24px;display:flex}.login label{color:var(--muted);font-size:14px;display:block}.shelf header{justify-content:space-between;align-items:center;display:flex}.options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.check{align-items:center;gap:8px;font-size:14px;display:flex}.check input{width:22px;height:22px;min-height:22px;margin:0}.segmented{display:flex}.segmented button{border-radius:0;min-height:36px;padding:0 14px;font-size:14px}.segmented button:first-child{border-radius:18px 0 0 18px}.segmented button:last-child{border-left:none;border-radius:0 18px 18px 0}.segmented button.on{background:var(--text);color:var(--bg);border-color:var(--text)}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=480px){.grid{grid-template-columns:repeat(3,1fr)}}.thumb{aspect-ratio:5/4;background:0 0;border:none;border-radius:8px;min-height:0;padding:0;position:relative;overflow:visible}.thumb img,.thumb .placeholder{border-radius:8px;width:100%;height:100%;display:block;box-shadow:0 1px 3px #0003}.thumb .placeholder{background:var(--line)}.thumb.selected img{outline:3px solid var(--accent);outline-offset:2px}.thumb .mark{background:var(--accent);width:26px;height:26px;color:var(--bg);text-align:center;border-radius:13px;font-size:15px;line-height:26px;position:absolute;top:-8px;right:-8px}.bar{padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);background:var(--bg);border-top:1px solid var(--line);transition:transform .2s;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.bar.show{transform:none}.bar-row{justify-content:space-between;align-items:center;gap:12px;max-width:560px;margin:0 auto;display:flex}.bar-row+.bar-row{margin-top:8px}.bar-row button:not(.link){flex:1}.bar .error{max-width:560px;margin:0 auto 8px}#print-area{display:none}@media print{html,body{background:#fff;margin:0;padding:0}#root{display:none!important}#print-area{display:block}.print-page{break-after:page;page-break-after:always;overflow:hidden}.print-page:last-child{break-after:auto;page-break-after:auto}.print-page img{width:100%;height:100%;display:block}}