@import "https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";:root{--bg:#161310;--bg-1:#1d1a16;--bg-2:#242018;--bg-3:#2c271f;--border:#38321f40;--border-2:#38321f80;--text:#ede8df;--text-2:#a89f8c;--text-3:#665e4e;--accent:#e8a83a;--accent-dim:#e8a83a22;--accent-2:#e8a83a66;--red:#e87060;--green:#7eb87a;--font-serif:"Nunito", "DM Sans", sans-serif;--font-sans:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", monospace;--r:8px;--r-lg:12px;--shadow:0 4px 24px #00000060;--shadow-sm:0 2px 8px #00000040}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-2)}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}a{color:inherit;text-decoration:none}.kbd{font-family:var(--font-mono);background:var(--bg-3);border:1px solid var(--border-2);color:var(--text-3);border-radius:3px;padding:1px 4px;font-size:10px}.btn-primary{border-radius:var(--r);background:var(--accent);color:#1a1208;cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{border-radius:var(--r);background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-2);color:var(--text)}.header-badge{letter-spacing:.02em;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500}.badge-reading{background:var(--accent-dim);color:var(--accent)}.badge-read{color:var(--green);background:#7eb87a22}.badge-want{background:var(--bg-2);color:var(--text-2)}.progress-bar{background:var(--bg-3);border-radius:2px;height:3px;margin-top:6px}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .4s}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 32px;display:flex}.empty-icon{opacity:.4;margin-bottom:16px;font-size:48px}.empty-title{font-family:var(--font-serif);margin-bottom:8px;font-size:20px}.empty-sub{color:var(--text-2);max-width:300px;font-size:14px}@keyframes toastin{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (width<=768px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:12px!important;padding:0 16px 24px!important}}