@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,400&display=swap";:root{--bg-main:#151e1a;--bg-card:#30241db3;--bg-card-hover:#46352ad9;--border-color:#5c493d59;--border-color-active:#45a16799;--primary:#358d55;--primary-glow:#358d554d;--primary-hover:#38a861;--secondary:#b67135;--secondary-glow:#b6713540;--success:#2bab60;--success-glow:#2bab6033;--danger:#d94a26;--text-main:#f7f6f2;--text-muted:#cdc4b7;--text-dark:#261d17;--font-title:"Playfair Display", Georgia, serif;--font-sans:"Quicksand", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 30px #0006;--shadow-lg:0 12px 40px #0009;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);box-sizing:border-box;min-height:100vh;margin:0;padding:0}*,:before,:after{box-sizing:inherit}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.5;overflow-x:hidden}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:16px}.app-container{flex-direction:column;gap:1.5rem;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem;display:flex}.app-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.app-header:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));height:3px;position:absolute;top:0;left:0;right:0}.brand-section{align-items:center;gap:.75rem;display:flex}.brand-logo{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.brand-title{font-family:var(--font-title);background:linear-gradient(135deg, #fff 50%, var(--text-muted));-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;margin:0;font-size:2rem;font-weight:700}.tabs-container{border:1px solid var(--border-color);background:#19130f80;border-radius:12px;align-self:center;gap:.5rem;margin-bottom:.5rem;padding:.35rem;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.tab-btn:hover{color:var(--text-main);background:#4030264d}.tab-btn.active{color:#fff;background:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.main-content{grid-template-columns:1fr;gap:1.5rem;animation:.4s ease-out fadeIn;display:grid}@media (width>=900px){.main-content.with-sidebar{grid-template-columns:320px 1fr}}.card-title{font-family:var(--font-title);border-bottom:1px solid var(--border-color);color:var(--text-main);align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.35rem;font-weight:700;display:flex}.btn{cursor:pointer;transition:var(--transition-normal);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.btn-secondary{color:var(--text-main);border-color:var(--border-color);background:#392c2299}.btn-secondary:hover{border-color:var(--text-muted);background:#503d30cc}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 14px var(--success-glow)}.btn-success:hover{box-shadow:0 6px 20px var(--success-glow);background:#2bca6d;transform:translateY(-1px)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-main);transition:var(--transition-fast);background:#19130f80;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.form-input::placeholder{color:#937c6cb3}.book-grid{box-shadow:inset 0 0 40px #000000f2, var(--shadow-lg);background:linear-gradient(#1f140e 0%,#0f0a07 100%);border:8px solid #5a3820;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:3.5rem 1.5rem;padding:2.5rem 1.5rem 3.5rem;display:grid;position:relative}.book-grid.theme-birch{box-shadow:inset 0 0 40px #00000040, var(--shadow-lg);background:linear-gradient(#e3dac9 0%,#c2b280 100%);border-color:tan}.book-grid.theme-mahogany{box-shadow:inset 0 0 40px #000000d9, var(--shadow-lg);background:linear-gradient(#3d1c16 0%,#240e0a 100%);border-color:#702f23}.book-card{height:100%;transition:var(--transition-normal);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:visible;box-shadow:0 4px 10px #0006}.book-card:hover{border-color:var(--border-color-active);background:var(--bg-card-hover);transform:translateY(-8px)scale(1.02);box-shadow:0 12px 30px #0009}.book-cover-container{border-bottom:1px solid var(--border-color);background:#19130f66;border-radius:11px 11px 0 0;justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.book-cover{max-width:105px;max-height:155px;transition:var(--transition-normal);border-left:3px solid #ffffff40;border-radius:2px 6px 6px 2px;box-shadow:5px 5px 15px #000000b3}.book-card:hover .book-cover{transform:scale(1.03)rotate(1deg)}.book-card:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#8a5733 0%,#52311b 100%);border-top:1px solid #fff3;border-bottom:3px solid #2d180c;border-radius:4px;height:16px;position:absolute;bottom:-16px;left:-12px;right:-12px;box-shadow:0 8px 16px #0009,inset 0 1px #ffffff26}.theme-birch .book-card:after{background:linear-gradient(beige 0%,tan 100%);border-top:1px solid #fff9;border-bottom:3px solid #b59975;box-shadow:0 8px 16px #00000040,inset 0 1px #ffffff80}.theme-mahogany .book-card:after{background:linear-gradient(#9c4235 0%,#5e221a 100%);border-top:1px solid #ffffff40;border-bottom:3px solid #3b130e;box-shadow:0 8px 16px #000000a6,inset 0 1px #ffffff26}.book-cover-placeholder{color:#846f6280;flex-direction:column;align-items:center;gap:.5rem;display:flex}.book-featured-badge{color:#fff;z-index:5;background:linear-gradient(135deg,#f49d25,#f2690d);border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.75rem;right:.75rem;box-shadow:0 0 10px #e6770066}.book-info{flex-direction:column;flex-grow:1;gap:.5rem;padding:1.25rem;display:flex}.book-title{font-family:var(--font-title);color:var(--text-main);margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.book-author{color:var(--text-muted);margin:0;font-size:.85rem}.book-review{color:var(--text-muted);border-left:2px solid var(--primary);-webkit-line-clamp:3;background:#19130f66;border-radius:0 6px 6px 0;-webkit-box-orient:vertical;flex-grow:1;margin:.5rem 0 0;padding:.5rem .75rem;font-size:.9rem;font-style:italic;display:-webkit-box;overflow:hidden}.book-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding:1rem 1.25rem;display:flex}.book-owner{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.featured-toggle-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:6px;align-items:center;gap:.25rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;display:flex}.featured-toggle-btn:hover{color:#f49d25;background:#e677001a;border-color:#f49d25}.featured-toggle-btn.is-active{color:#f49d25;background:#e6770026;border-color:#f49d25}.map-layout{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=900px){.map-layout{grid-template-columns:350px 1fr}}.map-control-panel{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.map-wrapper{border:1px solid var(--border-color);height:500px;box-shadow:var(--shadow-md);z-index:1;border-radius:16px;position:relative;overflow:hidden}.leaflet-container{width:100%;height:100%;background:#0f1813!important}.dark-map .leaflet-tile-pane{filter:invert(90%)hue-rotate(120deg)brightness(85%)contrast(95%)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:12px;background:var(--bg-card)!important;color:var(--text-main)!important}.map-popup-card{font-family:var(--font-sans);flex-direction:column;gap:.5rem;min-width:200px;display:flex}.map-popup-title{font-family:var(--font-title);color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700}.map-popup-author{color:var(--text-muted);margin:0;font-size:.8rem}.map-popup-user{color:var(--secondary);margin:0;font-size:.75rem;font-weight:600}.map-popup-review{border-left:2px solid var(--primary);color:var(--text-muted);background:#19130f80;border-radius:0 4px 4px 0;margin:.25rem 0;padding:.4rem .6rem;font-size:.85rem;font-style:italic}.location-card{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.coords-display{border:1px solid var(--border-color);background:#19130f66;border-radius:8px;gap:1rem;padding:.75rem;font-family:monospace;font-size:.85rem;display:flex}.coords-val{color:var(--secondary);font-weight:600}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.empty-state-icon{color:#584a4180}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-slow{animation:3s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.search-result-item:hover{background:var(--bg-card-hover)!important}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-color);width:100%;max-width:650px;max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) modal-fadeIn;display:flex;overflow-y:auto}@keyframes modal-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.add-book-trigger-card{cursor:pointer;min-height:280px;transition:var(--transition-normal);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;border:2px dashed var(--border-color)!important;background:#ffffff05!important}.add-book-trigger-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 12px 30px #0009;border-color:var(--primary)!important;background:#ffffff0d!important}.add-book-trigger-card .plus-icon-container{width:60px;height:60px;color:var(--text-muted);border:1px solid var(--border-color);transition:var(--transition-normal);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex}.add-book-trigger-card:hover .plus-icon-container{transform:scale(1.1)rotate(90deg);color:var(--primary)!important;border-color:var(--primary)!important;background:var(--primary-glow)!important}.add-book-trigger-card span{color:var(--text-muted);transition:var(--transition-normal);font-size:.95rem;font-weight:600}.add-book-trigger-card:hover span{color:var(--text-main)!important}.splash-screen{z-index:9999;background-color:#fdfcfa;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s ease-out,visibility .8s;display:flex;position:fixed;top:0;left:0}.splash-screen.fade-out{opacity:0;visibility:hidden}.splash-content{flex-direction:column;align-items:center;gap:1.5rem;animation:1s cubic-bezier(.2,.8,.2,1) splash-fadeInUp;display:flex}.splash-logo-container{justify-content:center;align-items:center;gap:1rem;display:flex}.splash-logo-icon{color:var(--primary);filter:drop-shadow(0 0 15px var(--primary-glow))}.splash-title{font-family:var(--font-title);background:linear-gradient(135deg, #fff 50%, var(--text-muted));-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;margin:0;font-size:3.5rem;font-weight:700}.splash-catchphrase{color:var(--text-muted);letter-spacing:.15em;font-size:1.1rem;font-weight:500}.splash-logo-image{object-fit:contain;mix-blend-mode:multiply;max-width:80%;max-height:40vh}@keyframes splash-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}