@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;700&family=Noto+Sans+JP:wght@300;400;500&display=swap");:root{--bg:#0f0e17;--bg2:#1a1828;--bg3:#242236;--border:#2e2c45;--gold:#c9a84c;--gold-light:#e8c97a;--text:#e8e6f0;--text-muted:#8b8a9e;--star:#f5c518;--red:#e05252;--green:#52c47a;--blue:#5b8dee;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Noto Sans JP,sans-serif;min-height:100vh}h1,h2,h3{font-family:"Noto Serif JP",serif}a{color:inherit;text-decoration:none}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;border-radius:8px;font-size:.9rem;cursor:pointer;border:none;font-family:inherit;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:var(--gold);color:#0f0e17;font-weight:600}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--red);color:#fff}.star-display{color:var(--star);letter-spacing:2px}.badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:500}.badge-read{background:#1e3a2f;color:var(--green)}.badge-movie{background:#1a2a4a;color:var(--blue)}.badge-want{background:#2a1e3a;color:#a07ee8}input,select,textarea{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.6rem .9rem;font-size:.95rem;font-family:inherit;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--gold)}label{font-size:.85rem;color:var(--text-muted);margin-bottom:.3rem;display:block}.grid-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:1rem;gap:1rem}@media (max-width:640px){.grid-books{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}