@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Cormorant+Garamond:wght@500;600;700&display=swap";:root{--bg: #f3ead7;--surface: #fbf6ec;--surface-2: #f0e6d6;--paper: #fffaf0;--ink: #2f261d;--muted: #6e6254;--accent: #5c3a21;--accent-2: #8a6a3d;--accent-soft: rgba(92, 58, 33, .14);--border: rgba(75, 61, 45, .16);--shadow: 0 14px 36px rgba(59, 46, 28, .14);--radius: 16px;--radius-sm: 12px;--max-width: 1120px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:radial-gradient(circle at top,rgba(255,255,255,.55),transparent 45%),linear-gradient(180deg,#f7f0e4,#efe3d0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:28px}.app{max-width:var(--max-width);margin:0 auto;padding:24px;border-radius:26px;background:linear-gradient(180deg,#fffaf0fa,#f9f0e0f5),var(--paper);border:1px solid rgba(90,68,40,.12);box-shadow:var(--shadow);position:relative;overflow:hidden}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(92,58,33,.04) 0 1px,transparent 1px 100%),linear-gradient(180deg,rgba(92,58,33,.03) 0 1px,transparent 1px 100%);background-size:100% 100%,100% 100%;opacity:.35}.nav{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border);position:relative;z-index:1}.brand{display:flex;gap:12px;align-items:center}.logo{width:52px;height:52px;display:inline-grid;place-items:center;background:linear-gradient(180deg,#70815b,#556444);color:#f7f1e5;font-family:Cormorant Garamond,Georgia,serif;font-size:1.55rem;font-weight:700;letter-spacing:.04em;border-radius:16px;border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 24px #3e4d2c38}.title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.8rem;line-height:1;font-weight:700;color:var(--ink)}.nav-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);color:var(--ink);padding:10px 14px;border-radius:999px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;font-weight:600;letter-spacing:.01em;box-shadow:0 4px 12px #4f3d2614}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #4f3d2624}.btn-primary{background:linear-gradient(180deg,#6d7f52,#56673e);color:#f7f1e5;border-color:#35422433}.search-row{display:flex;gap:12px;align-items:center;margin-bottom:18px;position:relative;z-index:1}.search-container.centered{min-height:40vh;display:flex;flex-direction:column;justify-content:center;max-width:600px;margin:0 auto}.input{flex:1;padding:13px 16px;border-radius:14px;background:#ffffffb8;border:1px solid var(--border);color:var(--ink);box-shadow:inset 0 1px #ffffffb3;font-size:.98rem}.input::placeholder{color:#8a7d6f}.input:focus,.btn:focus{outline:2px solid rgba(92,58,33,.22);outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;position:relative;z-index:1}.book-card{position:relative;background:linear-gradient(180deg,#fffaf0f5,#f5ecdefa);border-radius:var(--radius);padding:14px;display:flex;gap:12px;align-items:stretch;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;border:1px solid var(--border);box-shadow:0 8px 18px #41311c14;cursor:pointer;height:100%}.book-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #41311c24;border-color:#5c3a2138}.cover{width:72px;height:104px;background:linear-gradient(180deg,#8a6a3d,#d6c29a);border-radius:10px;flex-shrink:0;background-size:cover;background-position:center;box-shadow:0 8px 18px #402c1433;border:1px solid rgba(255,255,255,.45)}.meta{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;padding-right:42px}.title-small{color:var(--ink);font-family:Cormorant Garamond,Georgia,serif;font-size:1.35rem;line-height:1.02;font-weight:700;letter-spacing:.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.author{color:var(--muted);font-size:.92rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bookmark-btn{position:absolute;top:14px;right:14px;background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:var(--muted);transition:all .2s ease;z-index:2;box-shadow:0 4px 12px #41311c14}.bookmark-btn:hover{transform:scale(1.08);color:var(--accent);background:#fffffff2}.bookmark-btn.saved{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 6px 14px #5c3a214d}.bookmark-btn svg{width:18px;height:18px;fill:currentColor}.empty{padding:44px 28px;text-align:center;color:var(--muted);border-radius:var(--radius);background:#ffffff80;border:1px dashed rgba(90,68,40,.18);box-shadow:inset 0 1px #ffffff8c}.empty:before{content:"!";display:block;font-size:1.2rem;line-height:1;color:var(--accent-2);margin-bottom:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#2f261d8f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{width:min(880px,100%);position:relative;border-radius:26px;padding:22px;background:linear-gradient(180deg,#fffaf0fa,#f4e9d8fa);border:1px solid rgba(90,68,40,.16);box-shadow:0 26px 60px #2c201257}.modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:#ffffffb8;color:var(--ink);font-size:1.6rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 14px #3729161f}.modal-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}.modal-cover{min-height:320px;border-radius:20px;background:linear-gradient(180deg,#8a6a3d,#d8c39b);background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.5);box-shadow:0 12px 26px #402c1438;display:grid;place-items:center;color:#fff8ee;font-family:Cormorant Garamond,Georgia,serif;font-size:1.6rem;text-shadow:0 2px 10px rgba(48,33,14,.5)}.modal-content h3{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,3vw,3rem);line-height:1}.modal-kicker{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:var(--accent-2);font-weight:700}.modal-author{margin:10px 0 18px;color:var(--muted);font-size:1rem}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.modal-stat{padding:12px 14px;border-radius:16px;background:#ffffff9e;border:1px solid rgba(90,68,40,.12)}.modal-stat span{display:block;margin-bottom:6px;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.modal-stat strong{color:var(--ink);font-size:1rem;line-height:1.35}.modal-summary{padding:16px 18px;border-radius:18px;background:#ffffff73;border:1px solid rgba(90,68,40,.12)}.modal-summary span{display:block;margin-bottom:8px;font-weight:700;color:var(--accent-2)}.modal-summary p{margin:0;color:var(--ink);line-height:1.6}main h2{font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;margin-bottom:14px}.custom-select{position:relative;display:inline-block;min-width:140px;z-index:10}.custom-select.disabled{opacity:.6;pointer-events:none}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.custom-select-trigger .arrow{font-size:.7em;transition:transform .2s ease;color:var(--accent-2)}.custom-select-trigger .arrow.open{transform:rotate(180deg)}.custom-select-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;background:var(--paper);border:1px solid rgba(90,68,40,.16);border-radius:12px;box-shadow:0 10px 24px #2c201226;overflow:hidden;animation:dropdown-fade .2s cubic-bezier(.175,.885,.32,1.1)}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-select-option{padding:10px 14px;cursor:pointer;font-size:.95rem;color:var(--ink);transition:background .15s ease,color .15s ease}.custom-select-option:hover{background:var(--accent-soft);color:var(--accent)}.custom-select-option.selected{background:#5c3a2114;font-weight:600;color:var(--accent)}@media(max-width:640px){body{padding:14px}.app{padding:18px;border-radius:20px}.nav{flex-direction:column;align-items:stretch;gap:12px}.nav-actions{justify-content:space-between}.search-row{flex-direction:column;align-items:stretch}.grid{grid-template-columns:1fr}.modal-card{padding:18px}.modal-layout{grid-template-columns:1fr}.modal-cover{min-height:240px}.modal-grid{grid-template-columns:1fr}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:80vh}.auth-card{background:linear-gradient(180deg,#fffaf0fa,#f4e9d8fa);border-radius:26px;padding:40px;width:100%;max-width:420px;border:1px solid rgba(90,68,40,.16);box-shadow:0 26px 60px #2c201224}.auth-header{text-align:center;margin-bottom:30px}.auth-header .logo{margin:0 auto 20px}.auth-header h2{font-family:Cormorant Garamond,Georgia,serif;font-size:2.2rem;color:var(--ink);margin:0 0 8px}.auth-header p{color:var(--muted);font-size:.95rem;margin:0}.auth-error{background:#b432321a;color:#a32a2a;padding:12px;border-radius:12px;margin-bottom:20px;font-size:.9rem;border:1px solid rgba(180,50,50,.2);text-align:center}.auth-form .form-group{margin-bottom:20px}.auth-form label{display:block;margin-bottom:8px;color:var(--ink);font-weight:600;font-size:.9rem}.auth-form .input{width:100%}.auth-submit{width:100%;margin-top:10px;padding:14px;font-size:1.05rem}.auth-toggle{margin-top:24px;text-align:center}.auth-toggle button{background:none;border:none;color:var(--accent-2);font-weight:600;cursor:pointer;padding:8px;font-size:.9rem;transition:color .2s ease}.auth-toggle button:hover{color:var(--ink);text-decoration:underline}.toast-container{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;background:#fff;box-shadow:0 10px 30px #00000026;pointer-events:auto;animation:toast-slide-up .3s cubic-bezier(.175,.885,.32,1.275);min-width:280px;max-width:360px;border-left:4px solid var(--accent)}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:.9rem;flex-shrink:0}.toast-message{flex:1;font-size:.95rem;color:var(--ink);line-height:1.4}.toast-close{background:transparent;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer;padding:4px;line-height:1;opacity:.6;transition:opacity .2s ease}.toast-close:hover{opacity:1}.toast-success{border-left-color:#5c3a21}.toast-success .toast-icon{background:#5c3a2126;color:#5c3a21}.toast-error{border-left-color:#a32a2a}.toast-error .toast-icon{background:#a32a2a26;color:#a32a2a}.toast-warning{border-left-color:#c98e28}.toast-warning .toast-icon{background:#c98e2826;color:#c98e28}.toast-info{border-left-color:#3b719f}.toast-info .toast-icon{background:#3b719f26;color:#3b719f}.skeleton-card{pointer-events:none;cursor:default;border-color:#0000000d;box-shadow:none}.skeleton-pulse{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite;background-color:#90826b26;background-image:none!important}.skeleton-text{border-radius:4px}.skeleton-btn{height:32px;width:60px;border-radius:var(--radius)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}