:root{--bg-primary: #FDFBF7;--bg-secondary: #FFFFFF;--bg-tertiary: #F3EFE6;--text-primary: #2C2825;--text-secondary: #6A6258;--text-accent: #B08D57;--border-color: #E6E0D4;--btn-primary-bg: #4A4036;--btn-primary-text: #FFFFFF;--btn-primary-hover: #332C24;--btn-secondary-bg: #EAE3D5;--btn-secondary-text: #4A4036;--btn-secondary-hover: #DFD5C2;--accent-blue: #E8F0F2;--accent-red: #FCE8E8;--accent-green: #EAF4EA;--sold-badge-bg: #803030;--sold-badge-text: #FFEEEE;--shadow-sm: 0 2px 8px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 12px 32px rgba(44,40,37,.12);--notif-red: #E11D48;--font-sans: "Outfit", sans-serif;--font-serif: "Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;color:var(--text-primary)}a{text-decoration:none;color:inherit;transition:color .2s ease}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-weight:500;font-size:.95rem}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--btn-primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-secondary:hover{background-color:var(--btn-secondary-hover)}.btn-danger{background-color:#feeceb;color:#c0392b}.btn-danger:hover{background-color:#f8d7d5}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);position:sticky;top:0;z-index:50}.nav-brand{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{font-size:.95rem;font-weight:500;color:var(--text-secondary)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.hero{padding:5rem 0;text-align:center}.hero h1{font-size:3.5rem;margin-bottom:1rem;letter-spacing:-1px}.hero p{font-size:1.15rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.badge-sold{background:var(--sold-badge-bg);color:var(--sold-badge-text);box-shadow:0 2px 8px #8030304d}.nav-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:none;border:1.5px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .25s}.nav-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-accent);border-color:var(--border-color)}.nav-avatar-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;border-radius:50%;transition:transform .2s}.nav-avatar-btn:hover{transform:scale(1.05)}.nav-avatar-img{width:36px;height:36px;border-radius:50%;border:2px solid var(--text-accent);object-fit:cover}.nav-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;border:2px solid var(--text-accent);color:var(--text-secondary)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);font-family:inherit;font-size:.95rem;color:var(--text-primary);transition:border-color .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--text-accent);box-shadow:0 0 0 3px #b08d571a}.form-textarea{resize:vertical;min-height:100px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.admin-modal-content{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:95vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative}.modal-content{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative}.modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-primary);z-index:10}.modal-close:hover{background:var(--border-color)}.book-detail-grid{display:flex;flex-direction:column}@media (min-width: 768px){.book-detail-grid{flex-direction:row}}.book-detail-image{flex:1;background:var(--bg-tertiary);position:relative;min-height:300px}.detail-active .bottom-tab-bar{display:none!important}.detail-active .chat-shell,.detail-active .chat-widget,.detail-active .chat-toggle{bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;z-index:10060!important}@media (min-width: 768px){.book-detail-image{min-height:auto;position:sticky;top:0}}.book-detail-image img{width:100%;height:100%;object-fit:contain;position:absolute;padding:2rem}.book-detail-info{flex:1.2;padding:3rem}.condition-tag{display:inline-block;padding:.25rem .75rem;background:var(--bg-tertiary);border-radius:20px;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:1rem}.admin-table-container{overflow-x:auto;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.admin-table th{font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.admin-table tr:last-child td{border-bottom:none}.chat-widget{position:fixed;bottom:2rem;right:2rem;z-index:99999}.chat-toggle{width:60px;height:60px;border-radius:50%;background:var(--btn-primary-bg);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.chat-toggle:hover{transform:scale(1.1)}.chat-window{position:absolute;bottom:80px;right:0;width:350px;height:500px;background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right}.chat-header{padding:1rem 1.5rem;background:var(--btn-primary-bg);color:#fff;display:flex;justify-content:space-between;align-items:center}.chat-messages{flex-grow:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;background:#fafafa}.chat-input-area{padding:1rem;border-top:1px solid var(--border-color);display:flex;gap:.5rem}.message-bubble{max-width:80%;padding:.75rem 1rem;border-radius:16px;font-size:.9rem}.message-received{align-self:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom-left-radius:4px}.message-sent{align-self:flex-end;background:var(--btn-primary-bg);color:#fff;border-bottom-right-radius:4px}.text-center{text-align:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #e11d48b3}70%{transform:scale(1);box-shadow:0 0 0 6px #e11d4800}to{transform:scale(.95);box-shadow:0 0 #e11d4800}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse{animation:pulse 2s infinite}.typing-dots:after{content:"...";display:inline-block;width:1em;text-align:left;animation:typing 1.5s steps(4,end) infinite}@keyframes typing{0%,20%{content:""}40%{content:"."}60%{content:".."}80%{content:"..."}}.notif-dot{animation:pulse 2s infinite}@keyframes msg-flash{0%{background-color:#b08d5766}to{background-color:transparent}}.msg-highlight{animation:msg-flash 2s ease-out;border:1px solid var(--text-accent)!important}.rec-pulse{animation:rec-pulse 1.5s infinite}@keyframes rec-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.recording-pulse{animation:rec-pulse 1s infinite alternate}.friends-section{margin-bottom:1.5rem}.friends-section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:10px;padding-left:5px;font-weight:700}.friend-card.pending-card{background:var(--bg-tertiary);border-left:3px solid var(--text-accent)}.friend-request-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.friend-request-btn.accept{background:#eaf4ea;color:#27ae60}.friend-request-btn.decline{background:#feeceb;color:#c0392b}.friend-request-btn:hover{transform:scale(1.1)}.friend-profile-unfriend-btn{width:100%;padding:.75rem;background:#feeceb;color:#c0392b;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;margin-top:4px}.friend-profile-unfriend-btn:hover{background:#f8d7d5}@media (max-width: 768px){h2{font-size:1.75rem!important}.hero{padding:3rem 0}.hero h1{font-size:2.25rem!important}.hero p{font-size:1rem;padding:0 1rem}.nav-links{gap:1rem}.nav-brand span{font-size:1.25rem}.grid-3{grid-template-columns:1fr;padding:0 1rem}.book-detail-info{padding:1.5rem 1.5rem 6rem}.chat-window{position:fixed!important;width:100vw!important;height:100vh!important;height:100dvh!important;left:0!important;top:0!important;right:0!important;bottom:0!important;border-radius:0!important;background:var(--bg-secondary)!important;background-color:var(--bg-secondary)!important;display:flex;flex-direction:column;overflow:hidden;box-shadow:none;z-index:999999!important}.chat-messages{flex:1;overflow-y:scroll!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;display:flex;flex-direction:column;gap:8px;padding:1rem .5rem!important;min-height:0}}.message-row{display:flex!important;align-items:flex-end!important;gap:8px!important;width:100%!important;margin-bottom:8px!important}.message-row.sent{flex-direction:row-reverse!important}.avatar-circle{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important;border:1px solid var(--border-color);background:var(--bg-tertiary)}.avatar-small{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important}@media (max-width: 480px){.navbar{padding:1rem}.nav-links{gap:.75rem}.nav-link{font-size:.85rem}}@media (max-width: 640px){.hide-mobile{display:none}}.carousel-nav-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);transition:all .2s ease;box-shadow:var(--shadow-sm)}.carousel-nav-btn:hover{background:var(--bg-tertiary);transform:scale(1.05)}.forum-friends-buttons{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:1.75rem}.hero-social-btn{display:inline-flex;align-items:center;gap:8px;padding:.65rem 1.5rem;border-radius:100px;font-weight:600;font-size:.92rem;border:2px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.hero-social-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity .3s}.hero-social-btn:hover:before{opacity:1}.hero-social-btn.forum{background:#ffffffd9;color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.hero-social-btn.forum:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero-social-btn.friends{background:#ffffffd9;color:var(--text-primary);border-color:var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.hero-social-btn.friends:hover{background:#fff;border-color:var(--text-accent);transform:translateY(-2px);box-shadow:0 4px 16px #b08d5733}.login-prompt-toast{display:flex;align-items:center;justify-content:center;gap:12px;padding:.75rem 1.25rem;background:#4a4036f2;color:#fff;border-radius:12px;font-size:.88rem;margin:0 auto 1.25rem;max-width:460px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000026}.login-prompt-btn{background:var(--text-accent);color:#fff;border:none;padding:6px 16px;border-radius:100px;font-weight:600;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:background .2s}.login-prompt-btn:hover{background:#c9a264}.forum-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;flex-direction:column;background:#fff;font-family:var(--font-sans)}.forum-header{padding:1rem 1.5rem;background:linear-gradient(135deg,#4a4036,#6b5b4e);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.forum-header-icon{font-size:1.5rem;line-height:1}.forum-close-btn{background:#ffffff26;border:none;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.forum-close-btn:hover{background:#ffffff40}.forum-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:4px;background:#fafafa;-webkit-overflow-scrolling:touch}.forum-date-sep{text-align:center;margin:1rem 0 .5rem}.forum-date-sep span{background:var(--bg-tertiary);color:var(--text-secondary);padding:3px 14px;border-radius:100px;font-size:.72rem;font-weight:500}.forum-msg-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:2px}.forum-msg-row.sent{flex-direction:row-reverse}.forum-msg-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;cursor:pointer;border:2px solid transparent;transition:border-color .2s,transform .2s}.forum-msg-avatar:hover{border-color:var(--text-accent);transform:scale(1.1)}.forum-msg-sender{font-size:.72rem;font-weight:600;color:var(--text-accent);margin-bottom:2px;padding-left:4px}.forum-msg-bubble{padding:.7rem 1rem;border-radius:18px;font-size:.95rem;max-width:100%;overflow-wrap:break-word;word-break:normal;line-height:1.4;box-shadow:0 1px 2px #0000000d}.forum-msg-bubble.mine{background:linear-gradient(135deg,#4a4036,#5d5048);color:#fff;border-bottom-right-radius:4px}.forum-msg-bubble.theirs{background:#fff;color:#333;border:1px solid #e8e3da;border-bottom-left-radius:4px}.forum-msg-time{font-size:.62rem;color:#aaa;margin-top:2px;padding:0 4px}.forum-emoji-bar{background:#fff;border-top:1px solid #eee;padding:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;flex-shrink:0}.forum-emoji-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:6px;transition:background .15s}.forum-emoji-btn:hover{background:var(--bg-tertiary)}.forum-input-area{padding:.75rem 1rem;border-top:1px solid #e8e3da;display:flex;gap:8px;align-items:center;background:#fff;flex-shrink:0}.forum-footer{padding:.6rem 1rem;background:#fdfbf7;border-top:1px solid #e8e3da;text-align:center;font-size:.72rem;color:#8a8276;flex-shrink:0;letter-spacing:.2px}.forum-action-btn{background:none;border:none;color:#999;cursor:pointer;padding:4px;flex-shrink:0;transition:color .2s}.forum-action-btn:hover{color:var(--text-accent)}.forum-input{flex:1;padding:.6rem 1rem;border-radius:100px;border:1.5px solid #e0dbd0;font-size:.9rem;outline:none;font-family:inherit;min-width:0;transition:border-color .2s}.forum-input:focus{border-color:var(--text-accent)}.forum-send-btn{background:linear-gradient(135deg,#4a4036,#5d5048);color:#fff;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .2s,opacity .2s}.forum-send-btn:hover:not(:disabled){transform:scale(1.08)}.forum-send-btn:disabled{opacity:.4;cursor:not-allowed}.forum-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000001;background:#2c282580;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem}.forum-profile-card{background:#fff;border-radius:20px;padding:2rem 1.75rem;max-width:300px;width:100%;text-align:center;position:relative;box-shadow:0 20px 50px #00000026;animation:profilePopIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes profilePopIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.forum-profile-close{position:absolute;top:12px;right:12px;background:var(--bg-tertiary);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background .2s}.forum-profile-close:hover{background:var(--border-color)}.forum-profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--text-accent);margin-bottom:.75rem}.forum-profile-name{font-size:1.15rem;font-weight:700;margin-bottom:.35rem;color:var(--text-primary)}.forum-profile-badge{font-size:.75rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:3px 12px;border-radius:100px;display:inline-block;margin-bottom:1.25rem}.forum-profile-actions{display:flex;flex-direction:column;gap:8px}.forum-profile-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:.7rem 1rem;border-radius:10px;font-weight:600;font-size:.88rem;border:none;cursor:pointer;transition:all .2s;width:100%}.forum-profile-btn.add-friend{background:linear-gradient(135deg,#4a4036,#5d5048);color:#fff}.forum-profile-btn.add-friend:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a40364d}.forum-profile-btn.added{background:var(--accent-green);color:#2d7a2d}.forum-profile-btn.message{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.forum-profile-btn.message:hover{background:var(--border-color)}.friends-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:#2c282566;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem}.friends-modal{background:#fff;border-radius:20px;max-width:440px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000026;animation:profilePopIn .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.friends-header{padding:1.25rem 1.5rem;background:linear-gradient(135deg,#4a4036,#6b5b4e);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.friends-close-btn{background:#ffffff26;border:none;color:#fff;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.friends-close-btn:hover{background:#ffffff40}.friends-list-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.friends-empty{text-align:center;padding:3rem 2rem}.friends-list-items{padding:.5rem}.friend-card{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-radius:12px;transition:background .2s}.friend-card:hover{background:var(--bg-tertiary)}.friend-card-left{display:flex;align-items:center;gap:12px;min-width:0}.friend-card-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border-color)}.friend-card-name{font-weight:600;font-size:.95rem;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-card-since{font-size:.72rem;color:var(--text-secondary);margin-top:2px}.friend-card-actions{display:flex;gap:6px;flex-shrink:0}.friend-action-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border-color);background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .2s}.friend-action-btn.profile:hover{border-color:var(--text-accent);color:var(--text-accent);background:#b08d5714}.friend-action-btn.chat:hover{border-color:#4a4036;color:#fff;background:#4a4036}.friend-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000002;background:#2c282580;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem}.friend-profile-card{background:#fff;border-radius:20px;padding:2rem 1.75rem;max-width:300px;width:100%;text-align:center;position:relative;box-shadow:0 20px 50px #00000026;animation:profilePopIn .3s cubic-bezier(.175,.885,.32,1.275)}.friend-profile-close{position:absolute;top:12px;right:12px;background:var(--bg-tertiary);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background .2s}.friend-profile-close:hover{background:var(--border-color)}.friend-profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--text-accent);margin-bottom:.75rem}.friend-profile-name{font-size:1.15rem;font-weight:700;margin-bottom:.35rem;color:var(--text-primary)}.friend-profile-badge{font-size:.75rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:3px 12px;border-radius:100px;display:inline-block;margin-bottom:1.25rem}.friend-profile-chat-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:.75rem;background:linear-gradient(135deg,#4a4036,#5d5048);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.friend-profile-chat-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a40364d}.dm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;flex-direction:column;background:#fff;font-family:var(--font-sans)}.dm-header{padding:.85rem 1.25rem;background:linear-gradient(135deg,#4a4036,#5d5048);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.dm-back-btn{background:#ffffff26;border:none;color:#fff;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.dm-back-btn:hover{background:#ffffff40}.dm-header-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.dm-close-btn{background:#ffffff26;border:none;color:#fff;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.dm-close-btn:hover{background:#ffffff40}.dm-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:4px;background:#fafafa;-webkit-overflow-scrolling:touch}.dm-date-sep{text-align:center;margin:1rem 0 .5rem}.dm-date-sep span{background:var(--bg-tertiary);color:var(--text-secondary);padding:3px 14px;border-radius:100px;font-size:.72rem;font-weight:500}.dm-msg-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:2px}.dm-msg-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.dm-msg-row{display:flex;gap:10px;width:100%;margin-bottom:2px}.dm-msg-row.sent{flex-direction:row-reverse}.dm-msg-row.received{flex-direction:row}.dm-msg-row.new-sender{margin-top:14px}.dm-msg-bubble{padding:.7rem 1rem;border-radius:18px;font-size:.95rem;max-width:85%;overflow-wrap:break-word;word-break:normal;line-height:1.4;box-shadow:0 1px 2px #0000000d}.dm-msg-bubble.mine{background:linear-gradient(135deg,#4a4036,#5d5048);color:#fff;border-bottom-right-radius:4px}.dm-msg-bubble.theirs{background:#fff;color:#333;border:1px solid #e8e3da;border-bottom-left-radius:4px}.dm-msg-time{font-size:.65rem;color:#a0a0a0;margin-top:4px;padding:0 4px}.seen-indicator{width:14px;height:14px;border-radius:50%;object-fit:cover;margin-top:4px;align-self:flex-end;opacity:0;animation:seenFadeIn .3s forwards;border:1px solid white;box-shadow:0 1px 3px #0000001a}@keyframes seenFadeIn{to{opacity:1}}.dm-emoji-bar{background:#fff;border-top:1px solid #eee;padding:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;flex-shrink:0}.dm-emoji-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:6px;transition:background .15s}.dm-emoji-btn:hover{background:var(--bg-tertiary)}.dm-input-area{padding:.75rem 1rem;border-top:1px solid #e8e3da;display:flex;gap:8px;align-items:center;background:#fff;flex-shrink:0}.dm-action-btn{background:none;border:none;color:#999;cursor:pointer;padding:4px;flex-shrink:0;transition:color .2s}.dm-action-btn:hover{color:var(--text-accent)}.dm-input{flex:1;padding:.55rem 1rem;border-radius:100px;border:1.5px solid #e0dbd0;font-size:.9rem;outline:none;font-family:inherit;min-width:0;transition:border-color .2s}.dm-input:focus{border-color:var(--text-accent)}.dm-send-btn{background:linear-gradient(135deg,#4a4036,#5d5048);color:#fff;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .2s}.dm-send-btn:hover{transform:scale(1.08)}@media (max-width: 480px){.forum-friends-buttons{gap:8px}.hero-social-btn{padding:.55rem 1.1rem;font-size:.85rem}.friends-modal{max-width:100%;max-height:90vh;border-radius:16px 16px 0 0;margin-top:auto}.friends-modal-overlay{align-items:flex-end;padding:0}}.community-showcase-card{transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #0000000f}.community-showcase-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:var(--text-accent)!important}.community-showcase-card img{transition:transform .5s}.community-showcase-card:hover img{transform:scale(1.05)}@keyframes star-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1.1)}}.star-rating-btn:active{transform:scale(.9)}.star-rating-active{animation:star-pop .3s forwards}.forum-msg-bubble.mine .community-showcase-card{border-top-right-radius:4px}.forum-msg-bubble.theirs .community-showcase-card{border-top-left-radius:4px}.voice-player{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:18px;min-width:160px;max-width:220px;background:#ffffff1f;-webkit-user-select:none;user-select:none;box-sizing:border-box}.dm-msg-bubble.theirs .voice-player{background:#eeebe6}.voice-play-btn{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffe6;color:#4a4036;border:none;cursor:pointer;transition:transform .15s;flex-shrink:0}.dm-msg-bubble.theirs .voice-play-btn{background:#4a4036;color:#fff}.voice-play-btn:hover{transform:scale(1.08)}.voice-waveform{display:flex;align-items:center;gap:2px;flex:1;height:24px;overflow:hidden}.voice-bar{width:3px;flex-shrink:0;background:#ffffff59;border-radius:2px;transition:background .2s}.dm-msg-bubble.theirs .voice-bar{background:#4a40362e}.voice-bar.active{background:#ffffffe6}.dm-msg-bubble.theirs .voice-bar.active{background:#4a4036}.voice-duration{font-size:.72rem;font-family:monospace;opacity:.85;min-width:30px;text-align:right;flex-shrink:0}.custom-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.custom-modal-card{background:#fff;border-radius:24px;width:100%;max-width:340px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1)}.custom-modal-body{padding:24px;text-align:center}.custom-modal-icon{width:56px;height:56px;background:#fff1f1;color:#e11d48;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.custom-modal-title{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:8px}.custom-modal-text{font-size:.95rem;color:#666;line-height:1.5}.custom-modal-footer{display:flex;border-top:1px solid #F0F0F0}.custom-modal-btn{flex:1;padding:16px;font-size:.95rem;font-weight:600;border:none;background:none;cursor:pointer;transition:background .2s}.custom-modal-btn.cancel{border-right:1px solid #F0F0F0;color:#666}.custom-modal-btn.confirm{color:#e11d48}.custom-modal-btn:hover{background:#f9f9f9}.custom-modal-btn:active{background:#f0f0f0}@keyframes modalScaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.dm-overflow-wrapper{position:relative}.dm-overflow-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:14px;box-shadow:0 8px 30px #0000002e;min-width:180px;overflow:hidden;z-index:100;animation:menuSlideDown .2s ease-out}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dm-overflow-item{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:.88rem;font-weight:500;border:none;background:none;width:100%;cursor:pointer;color:#333;transition:background .15s}.dm-overflow-item:hover{background:#f5f3f0}.dm-overflow-item.danger{color:#e11d48}.dm-overflow-item.danger:hover{background:#fff1f2}.dm-overflow-divider{height:1px;background:#f0ede8;margin:0}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000001;background:#111;display:flex;flex-direction:column;animation:fadeIn .3s ease-out}.call-remote-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#1a1a1a}.call-local-video{position:absolute;top:20px;right:20px;width:120px;height:170px;border-radius:16px;overflow:hidden;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0006;z-index:2;background:#222}.call-local-video video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.call-header{position:absolute;top:0;left:0;right:0;z-index:3;padding:24px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);display:flex;flex-direction:column;align-items:center;gap:4px}.call-header-name{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.5)}.call-header-status{color:#ffffffb3;font-size:.85rem;font-weight:400}.call-controls{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:24px 24px 40px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;align-items:center;justify-content:center;gap:20px}.call-btn{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,opacity .15s;color:#fff;font-size:0}.call-btn:hover{transform:scale(1.08)}.call-btn:active{transform:scale(.95)}.call-btn.mute{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call-btn.mute.active{background:#fff;color:#333}.call-btn.cam{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call-btn.cam.active{background:#fff;color:#333}.call-btn.hangup{background:#e11d48;width:64px;height:64px}.call-btn.hangup:hover{background:#be123c}.call-no-video{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#2c2824,#1a1715);z-index:1}.call-no-video-avatar{width:100px;height:100px;border-radius:50%;border:3px solid rgba(255,255,255,.2);object-fit:cover}.incoming-call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000002;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;animation:fadeIn .3s ease-out}.incoming-call-avatar{width:100px;height:100px;border-radius:50%;border:3px solid rgba(255,255,255,.3);object-fit:cover;animation:incomingPulse 2s infinite}@keyframes incomingPulse{0%{box-shadow:0 0 #4caf5099}70%{box-shadow:0 0 0 20px #4caf5000}to{box-shadow:0 0 #4caf5000}}.incoming-call-name{color:#fff;font-size:1.4rem;font-weight:700}.incoming-call-label{color:#fff9;font-size:.95rem}.incoming-call-actions{display:flex;gap:40px;margin-top:12px}.incoming-call-btn{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform .15s}.incoming-call-btn:hover{transform:scale(1.1)}.incoming-call-btn.accept{background:#4caf50}.incoming-call-btn.decline{background:#e11d48}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.call-timer{font-variant-numeric:tabular-nums;font-family:monospace;font-size:.9rem;color:#fffc}.badge-ebook{background:#27ae60!important;color:#fff!important;font-weight:700!important;letter-spacing:.05em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:inline-flex;align-items:center;gap:4px}.categories-filter::-webkit-scrollbar{height:4px}.categories-filter::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.grid-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}@media (min-width: 769px){.grid-books{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}}@media (min-width: 1024px){.grid-books{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.5rem}}@media (max-width: 480px){.grid-books{grid-template-columns:repeat(2,1fr);gap:.75rem}}.book-card{background:var(--bg-secondary);border-radius:14px;overflow:hidden;border:1px solid var(--border-color);transition:all .35s cubic-bezier(.25,.46,.45,.94);position:relative;display:flex;flex-direction:column;height:100%}.book-card:hover{box-shadow:0 12px 28px #2c28251f;transform:translateY(-6px);border-color:var(--text-accent)}.book-image-container{aspect-ratio:2/3;background:var(--bg-tertiary);position:relative;overflow:hidden}.book-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.book-card:hover .book-image{transform:scale(1.08)}.book-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-secondary);opacity:.5;font-size:.8rem}.book-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(44,40,37,.85) 100%);opacity:0;transition:opacity .35s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1.25rem}.book-card:hover .book-card-overlay{opacity:1}.book-card-overlay-text{color:#fff;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:6px;padding:.5rem 1.25rem;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;border:1px solid rgba(255,255,255,.2);transition:background .2s}.book-card:hover .book-card-overlay-text:hover{background:#ffffff40}.badge-reserved{background:#f39c12;color:#fff;box-shadow:0 2px 8px #f39c124d}.book-badge{position:absolute;top:12px;right:12px;padding:.2rem .65rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:10}.book-info{padding:1rem 1.1rem 1.1rem;flex-grow:1;display:flex;flex-direction:column}.book-title{font-family:var(--font-serif);font-size:1rem;font-weight:600;margin-bottom:.2rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.book-author{font-size:.82rem;color:var(--text-secondary);margin-bottom:.6rem}.book-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px}.book-price-group{display:flex;flex-direction:column;gap:1px}.book-price{font-family:var(--font-serif);font-size:1.1rem;font-weight:700;color:var(--text-accent)}.book-price--free{color:#27ae60}.book-price-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:600}.book-card-btn{display:inline-flex;align-items:center;gap:5px;padding:.4rem .85rem;border-radius:100px;font-size:.72rem;font-weight:600;background:var(--btn-secondary-bg);color:var(--btn-secondary-text);white-space:nowrap;transition:all .2s}.book-card:hover .book-card-btn{background:var(--btn-primary-bg);color:var(--btn-primary-text)}@media (max-width: 480px){.book-card-btn span{display:none}.book-card-btn{padding:.35rem .5rem}.book-info{padding:.75rem .8rem .9rem}.book-title{font-size:.88rem}.book-price{font-size:.95rem}}.hero-icon-badge{display:inline-flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-secondary);border-radius:20px;color:var(--text-accent);margin-bottom:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.detail-wishlist-btn{display:inline-flex;align-items:center;gap:6px;padding:.55rem 1.25rem;border-radius:100px;font-weight:600;font-size:.85rem;border:1.5px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);transition:all .25s;cursor:pointer}.detail-wishlist-btn:hover{border-color:#e11d48;color:#e11d48;transform:translateY(-1px);box-shadow:0 4px 12px #e11d481f}.detail-wishlist-btn[data-active=true]{background:#fff0f3;color:#e11d48;border-color:#fecdd3}.detail-status-badge{display:inline-flex;align-items:center;gap:5px;padding:.3rem .85rem;border-radius:100px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.detail-status-badge--sold{background:#fee2e2;color:#991b1b}.detail-status-badge--reserved{background:#fef3c7;color:#92400e}.detail-status-badge--ebook{background:#d1fae5;color:#065f46}.detail-ebook-section{padding:1.5rem;background:var(--bg-tertiary);border-radius:16px;border:2px solid var(--text-accent);position:relative;overflow:hidden}.detail-ebook-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--text-accent),#27AE60)}.detail-ebook-header{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem;flex-wrap:wrap}.detail-ebook-icon{padding:10px;background:#27ae601a;color:#27ae60;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-ebook-price{margin-left:auto;font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--text-accent)}.detail-ebook-price--free{color:#27ae60;background:#27ae6014;padding:.2rem .9rem;border-radius:100px;font-size:1rem}.detail-ebook-user{margin-bottom:1.25rem;padding:1rem;background:#f59e0b0f;border-radius:12px;border:1px solid rgba(245,158,11,.15)}.detail-ebook-login-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;font-size:.9rem;transition:transform .2s,box-shadow .2s}.detail-ebook-login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b4d}.detail-read-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:1.1rem;font-size:1.05rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,#27ae60,#219a52);color:#fff;transition:all .25s;box-shadow:0 4px 12px #27ae6040}.detail-read-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #27ae6059}.detail-read-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.detail-ebook-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.7rem;border-radius:10px;font-size:.85rem;font-weight:500;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);text-decoration:none;transition:all .2s}.detail-ebook-action-btn:hover{background:var(--bg-tertiary);border-color:var(--text-accent);color:var(--text-accent)}.detail-pricing-row{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.detail-pricing-item{display:flex;flex-direction:column;gap:2px;padding:1rem 1.5rem;background:var(--bg-tertiary);border-radius:14px;border:1px solid var(--border-color);flex:1;min-width:140px}.detail-pricing-label{display:flex;align-items:center;gap:5px;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:700}.detail-pricing-value{font-family:var(--font-serif);font-size:2rem;font-weight:700;color:var(--text-accent);line-height:1.1}.detail-pricing-status{font-size:.72rem;font-weight:600;color:#c0392b;margin-top:2px}.detail-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.detail-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:1rem;font-size:.95rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .25s;letter-spacing:.01em}.detail-action-btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 2px 8px #4a403626}.detail-action-btn--primary:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #4a403640}.detail-action-btn--primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.detail-action-btn--secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.detail-action-btn--secondary:hover{border-color:var(--text-accent);color:var(--text-accent);transform:translateY(-2px)}.detail-action-btn--accent{background:transparent;color:var(--text-accent);border:2px solid var(--text-accent)}.detail-action-btn--accent:hover{background:#b08d5714;transform:translateY(-2px);box-shadow:0 4px 12px #b08d5726}@media (max-width: 640px){.detail-actions-grid{grid-template-columns:1fr}.detail-action-btn--accent{grid-column:span 1!important}.detail-pricing-row{gap:.75rem}.detail-pricing-value{font-size:1.5rem}}.book-card--ebook{border-color:#27ae6026}.book-card--ebook:hover{border-color:#27ae60;box-shadow:0 12px 28px #27ae601f}.book-card--ebook .book-card-btn{background:#27ae601a;color:#27ae60}.book-card--ebook:hover .book-card-btn{background:#27ae60;color:#fff}.book-card--ebook .book-card-overlay{background:linear-gradient(180deg,transparent 40%,rgba(39,174,96,.85) 100%)}html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at top,#ffffffeb,#fdfbf7fa 45%),linear-gradient(180deg,#f8f4ec,#fdfbf7)}#root,.app-wrapper{min-height:100vh}.app-wrapper{display:flex;flex-direction:column}.navbar-shell{position:sticky;top:0;z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fdfbf7e0;border-bottom:1px solid rgba(230,224,212,.85)}.navbar{min-height:84px;gap:1rem}.nav-brand-link{display:inline-flex;align-items:center;gap:.9rem}.nav-brand-mark{width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#b08d571f;border:1px solid rgba(176,141,87,.2)}.nav-brand-copy{display:flex;flex-direction:column;gap:.1rem}.nav-brand-copy span{font-size:1.25rem;font-weight:800;line-height:1}.nav-brand-copy small{font-size:.72rem;color:var(--text-secondary);letter-spacing:.02em}.nav-links--center{gap:.75rem;padding:.4rem;border-radius:999px;background:#fff9;border:1px solid rgba(230,224,212,.8)}.nav-links--actions{gap:.75rem}.nav-link{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1rem;border-radius:999px}.nav-link.active{background:var(--btn-primary-bg);color:#fff}.nav-login-btn{padding:.65rem 1rem;border-radius:999px}.page-shell{padding-bottom:4rem}.page-section{padding-top:2rem}.page-section--tight{padding-top:.5rem}.page-hero{display:grid;gap:1.5rem;padding:2rem;border:1px solid rgba(230,224,212,.9);border-radius:28px;background:#ffffffb8;box-shadow:0 24px 60px #2c28250f}.page-hero--split{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);align-items:center}.page-hero--compact{grid-template-columns:1fr}.page-hero-copy h1,.page-intro-card h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;margin-bottom:1rem}.page-hero-copy p,.page-intro-card p,.section-heading p,.admin-subcopy{color:var(--text-secondary);font-size:1rem;max-width:62ch}.page-eyebrow{display:inline-block;margin-bottom:.85rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-accent)}.hero-intro{display:flex;align-items:center;gap:.9rem;margin-bottom:.9rem}.hero-intro .page-eyebrow{margin-bottom:0}.hero-action-row,.hero-utility-row,.page-intro-row{display:flex;flex-wrap:wrap;gap:.85rem}.hero-action-row{margin:1.75rem 0 1rem}.hero-utility-row{margin-bottom:1rem}.hero-action-row .btn,.hero-utility-row .btn,.page-back-link{border-radius:999px}.search-panel,.page-intro-card,.admin-login-card,.admin-panel{border-radius:24px;border:1px solid rgba(230,224,212,.95);background:#ffffffe6;box-shadow:var(--shadow-md)}.search-panel,.page-intro-card,.admin-login-card{padding:1.5rem}.search-panel-header h2,.section-heading h2,.section-heading h3,.admin-topbar h2{margin-bottom:.35rem}.search-panel-header{margin-bottom:.85rem}.search-panel-header p{color:var(--text-secondary);margin-bottom:1rem}.search-input-wrap{position:relative;display:flex;align-items:center}.search-input-wrap--wide{max-width:560px;margin:0 auto;width:100%}.search-input-icon{position:absolute;left:1rem;display:flex;align-items:center;pointer-events:none}.search-input{padding:.95rem 1rem .95rem 3rem;border-radius:16px;border-width:1.5px}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.hero-stat{padding:1rem;border-radius:18px;background:var(--bg-primary);border:1px solid rgba(230,224,212,.85)}.hero-stat strong{display:block;font-size:1.2rem;margin-bottom:.2rem}.hero-stat span{font-size:.82rem;color:var(--text-secondary)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-meta{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-secondary);font-size:.9rem;font-weight:600;white-space:nowrap}.hero-social-btn{padding:.7rem 1rem;font-size:.88rem;border-width:1px;box-shadow:none}.login-prompt-toast{justify-content:space-between;max-width:520px;margin:0}.grid-books{gap:1.1rem}.book-card{border-radius:18px}.book-card:hover{transform:translateY(-3px)}.empty-state{padding:3rem 1.5rem;text-align:center;color:var(--text-secondary);border-radius:24px;border:1px dashed rgba(230,224,212,.95);background:#fff9}.admin-login-shell{min-height:calc(100vh - 10rem);display:flex;align-items:center;justify-content:center}.admin-login-card{width:min(100%,440px)}.admin-login-error{background:#fef2f2;border:1px solid #FECACA;border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;text-align:center}.admin-login-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.08)}.admin-shell{display:grid;gap:1rem}.admin-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.admin-tab-row{display:flex;flex-wrap:wrap;gap:.75rem}.admin-tab{padding:.85rem 1.1rem;border-radius:14px;border:1px solid var(--border-color);background:#ffffffbf;color:var(--text-secondary);font-weight:600}.admin-tab.active{background:var(--btn-primary-bg);color:#fff;border-color:var(--btn-primary-bg)}.admin-panel{padding:1.25rem}.admin-messages-layout{height:min(76vh,760px);min-height:560px}.admin-chat-pane,.admin-chat-messages{min-height:0}.admin-logout-btn{color:#9f2f2f;border:1px solid rgba(159,47,47,.2)}.chat-launcher{position:fixed;right:1.5rem;bottom:1.5rem;z-index:99999;display:flex;align-items:center;gap:.75rem}.chat-launcher-btn{position:relative;width:52px;height:52px;border-radius:50%;background:var(--btn-primary-bg);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 12px 28px #2c28252e}.chat-launcher-label{padding:.7rem .9rem;border-radius:999px;background:#ffffffeb;border:1px solid rgba(230,224,212,.95);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-size:.88rem;font-weight:600}.chat-shell{position:fixed;right:1.5rem;bottom:1.5rem;width:min(390px,calc(100vw - 2rem));height:min(680px,calc(100vh - 2rem));z-index:999999;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:24px;border:1px solid rgba(230,224,212,.95);box-shadow:0 24px 70px #2c28252e}.chat-shell-header{padding:1rem 1.1rem;background:var(--btn-primary-bg);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.chat-shell-search{padding:.75rem;background:#f7f4ef;border-bottom:1px solid #e8e0d5;flex-shrink:0}.chat-shell-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:#faf8f5;-webkit-overflow-scrolling:touch}.chat-intro-card{align-self:flex-start;max-width:85%;padding:.8rem 1rem;border-radius:16px 16px 16px 4px;background:#fff;border:1px solid #e0d8cd;color:var(--text-secondary);font-size:.9rem}@media (max-width: 900px){.page-hero--split,.hero-stats{grid-template-columns:1fr}.navbar{flex-wrap:wrap;justify-content:space-between}.nav-links--center{order:3;width:100%;justify-content:flex-start;overflow-x:auto}}@media (max-width: 768px){.page-section{padding-top:1rem}.page-hero,.page-intro-card,.search-panel,.admin-login-card,.admin-panel{padding:1.25rem;border-radius:20px}.section-heading,.admin-topbar{flex-direction:column;align-items:flex-start}.chat-launcher{right:1rem;bottom:1rem}.chat-launcher-label{display:none}.chat-shell{top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;border-radius:0;border:none}.admin-messages-layout{flex-direction:column;height:calc(100dvh - 12rem);min-height:0}.admin-sidebar,.admin-chat-pane{width:100%!important;flex:1 1 auto!important}.admin-chat-header{align-items:flex-start!important}.admin-chat-search{padding-left:.85rem;padding-right:.85rem}.admin-chat-messages{padding:.85rem!important}}.detail-page{padding-bottom:5rem}.detail-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.detail-back-link{gap:.5rem;border-radius:999px}.detail-wishlist-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.detail-wishlist-note{font-size:.76rem;color:var(--text-secondary);text-align:right}.detail-surface{border-radius:24px;overflow:hidden;border:1px solid var(--border-color);background:#ffffffeb;box-shadow:var(--shadow-md)}.detail-cover-pane{background:linear-gradient(180deg,#fff6,#f3efe6cc),var(--bg-tertiary)}.detail-cover-empty{min-height:300px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.detail-info-pane{display:flex;flex-direction:column;gap:1.25rem}.detail-header-block{display:flex;flex-direction:column;gap:1rem}.detail-badge-row,.detail-meta-row,.detail-secondary-actions{display:flex;flex-wrap:wrap;gap:.75rem}.detail-rating-row{display:inline-flex;align-items:center;gap:.65rem;flex-wrap:wrap;color:var(--text-primary);font-weight:600;font-size:.92rem}.detail-rating-stars{display:inline-flex;gap:.2rem}.detail-title-block h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;margin-bottom:.45rem}.detail-author-line{color:var(--text-secondary);font-size:1.05rem;font-weight:500}.detail-summary-card{padding:1rem 1.1rem;border-radius:18px;background:var(--bg-primary);border:1px solid rgba(230,224,212,.9);color:var(--text-secondary);white-space:pre-line;line-height:1.65}.detail-ebook-section{margin-bottom:0}.detail-ebook-copy{flex:1;min-width:0}.detail-ebook-copy h3{margin:0 0 .25rem;font-size:1.05rem}.detail-ebook-copy p{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.5}.detail-ebook-user-label{font-size:.75rem;font-weight:700;text-transform:uppercase;opacity:.55;margin-bottom:.45rem;letter-spacing:.08em}.detail-reader-profile{display:flex;align-items:center;gap:.75rem}.detail-reader-avatar{width:2.5rem;height:2.5rem;border-radius:999px;border:2px solid var(--text-accent);object-fit:cover}.detail-reader-copy{min-width:0}.detail-reader-copy>div:first-child{font-weight:700;font-size:.92rem}.detail-reader-copy>div:last-child{color:var(--text-secondary);font-size:.76rem;overflow:hidden;text-overflow:ellipsis}.detail-mobile-stack{display:flex;flex-direction:column;gap:.75rem}.detail-group-btn,.detail-download-btn{width:100%;justify-content:center}.detail-action-panel{border-top:1px solid var(--border-color);padding-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.detail-action-stack{display:flex;flex-direction:column;gap:.75rem}.detail-secondary-actions .detail-action-btn{flex:1}.detail-pricing-status--available{color:#27ae60}.detail-suggestions{margin-top:2rem;padding-top:1rem}.detail-suggestions h3{margin-bottom:1rem;text-align:center}.mobile-carousel-shell{display:flex;flex-direction:column;gap:1rem}.mobile-carousel-stage{position:relative;height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1000px}.mobile-carousel-card{position:absolute;width:min(68vw,240px);aspect-ratio:3 / 4.2;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-lg);background:var(--bg-tertiary)}.mobile-carousel-cover{width:100%;height:100%;object-fit:cover}.mobile-carousel-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;color:var(--text-secondary)}.mobile-carousel-empty span{font-family:var(--font-serif);font-weight:700;font-size:1rem}.mobile-carousel-empty small{margin-top:.5rem}.mobile-carousel-panel{padding:1rem 1rem 1.25rem;border-radius:22px;background:#ffffffe6;border:1px solid rgba(230,224,212,.95);box-shadow:var(--shadow-md)}.mobile-carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.carousel-step-btn{width:44px;height:44px;border-radius:14px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.carousel-progress{color:var(--text-secondary);font-weight:700;letter-spacing:.04em}.carousel-progress span{color:var(--text-primary);font-size:1rem}.carousel-progress small{font-size:.82rem}.mobile-carousel-summary{text-align:center;margin-bottom:1rem}.mobile-carousel-summary h3{font-size:1.2rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-carousel-summary p{color:var(--text-secondary);font-size:.9rem;margin-bottom:.6rem}.mobile-carousel-genre{display:flex;justify-content:center;margin-bottom:.8rem}.mobile-carousel-price{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;color:var(--text-accent)}.mobile-carousel-price.is-ebook{color:#27ae60}.mobile-carousel-cta{width:100%;justify-content:center;padding:.95rem;border-radius:16px;font-size:.98rem}@media (max-width: 768px){.navbar{min-height:auto;padding-top:.7rem;padding-bottom:.7rem}.nav-brand-copy small{display:none}.nav-brand-mark{width:2.4rem;height:2.4rem;border-radius:12px}.nav-brand-copy span{font-size:1.1rem}.nav-links--center{padding:.22rem;gap:.35rem;border-radius:22px}.nav-link{padding:.62rem .82rem;min-height:40px;font-size:.94rem}.page-hero{padding:1rem;gap:.85rem}.page-hero-copy h1{font-size:2.05rem;margin-bottom:.7rem}.page-hero-copy p{font-size:.95rem;line-height:1.55}.hero-intro{margin-bottom:.55rem;gap:.7rem}.hero-intro .page-eyebrow{font-size:.72rem;letter-spacing:.12em}.hero-icon-badge{padding:.8rem;margin-bottom:0;border-radius:18px}.hero-action-row,.hero-utility-row{width:100%;margin:0}.hero-action-row{display:grid;grid-template-columns:1fr;gap:.7rem}.hero-utility-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.hero-action-row .btn,.hero-utility-row .hero-social-btn{width:100%;justify-content:center;min-height:46px;padding:.85rem 1rem;font-size:.95rem}.grid-books{grid-template-columns:1fr 1fr;gap:.85rem}.book-card{border-radius:16px}.book-info{padding:.8rem .85rem .95rem}.book-title{font-size:.92rem;line-height:1.35}.book-author{font-size:.78rem;margin-bottom:.5rem}.book-price{font-size:.98rem}.book-price-label{font-size:.62rem}.book-card-btn{min-width:40px;min-height:40px;padding:.45rem .65rem}.detail-topbar,.detail-wishlist-wrap{align-items:stretch}.detail-topbar{flex-direction:column}.detail-back-link,.detail-wishlist-btn{width:100%;justify-content:center;min-height:48px}.detail-wishlist-note{text-align:center}.detail-surface{border-radius:20px}.book-detail-grid{display:flex;flex-direction:column}.detail-cover-pane{min-height:0;padding:1rem}.book-detail-image img{position:static;height:auto;max-width:min(100%,280px);margin:0 auto;display:block;padding:0;border-radius:18px;box-shadow:0 18px 36px #2c282524}.detail-info-pane{padding:1.15rem!important;gap:1rem}.detail-title-block h1{font-size:1.85rem}.detail-author-line{font-size:.96rem}.detail-badge-row,.detail-meta-row,.detail-secondary-actions{gap:.55rem}.detail-status-badge,.condition-tag{width:fit-content;max-width:100%}.detail-pricing-row{gap:.75rem}.detail-pricing-item{min-width:0;padding:.95rem 1rem}.detail-pricing-value{font-size:1.35rem}.detail-secondary-actions{flex-direction:column}.detail-action-btn{width:100%;min-height:48px;font-size:.92rem}.modal-content{width:calc(100vw - 1.25rem);max-height:calc(100dvh - 1.25rem);border-radius:20px;padding:1.25rem!important}.modal-close{top:.9rem;right:.9rem;width:36px;height:36px}.search-panel{padding:1rem}.search-panel-header{margin-bottom:.55rem}.search-panel-header h2{font-size:1.1rem}.search-panel-header p{font-size:.86rem;margin-bottom:0}.search-input{min-height:46px;padding-top:.82rem;padding-bottom:.82rem}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.75rem}.hero-stat{padding:.8rem .7rem;border-radius:16px}.hero-stat strong{font-size:1rem;margin-bottom:.15rem}.hero-stat span{font-size:.72rem;line-height:1.35}.chat-launcher{right:.85rem;bottom:.85rem}.chat-launcher-btn{width:50px;height:50px}}@media (max-width: 520px){.page-section{padding-top:.8rem}.page-hero-copy h1{font-size:1.85rem;line-height:1.02}.page-hero-copy p{font-size:.9rem}.hero-utility-row{grid-template-columns:1fr}.hero-social-btn{min-height:44px}.hero-stats{grid-template-columns:1fr}.hero-stat{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.45rem .7rem}.hero-stat strong{margin-bottom:0}.hero-stat span{font-size:.76rem}}.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:stretch;justify-content:space-around;background:#fffffff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(230,224,212,.9);padding:.35rem .5rem;padding-bottom:calc(.35rem + env(safe-area-inset-bottom,0px));min-height:56px;box-shadow:0 -4px 20px #2c28250f}.bottom-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.4rem .5rem;border:none;background:none;cursor:pointer;color:var(--text-secondary);transition:color .2s,transform .15s;min-width:0;flex:1;-webkit-tap-highlight-color:transparent}.bottom-tab-item.active{color:var(--text-accent)}.bottom-tab-item:active{transform:scale(.92)}.bottom-tab-icon{display:flex;align-items:center;justify-content:center;width:36px;height:28px;border-radius:14px;transition:background .2s}.bottom-tab-item.active .bottom-tab-icon{background:#b08d571f}.bottom-tab-label{font-size:.65rem;font-weight:600;letter-spacing:.02em;line-height:1}.bottom-tab-item.active .bottom-tab-label{font-weight:700}.main-content{flex:1}@media (max-width: 768px){.main-content{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px) + 1rem)}}.mobile-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.mobile-search-header{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top,0px));background:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);flex-shrink:0}.mobile-search-input-row{flex:1;display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);border-radius:14px;padding:0 .85rem;min-height:44px}.mobile-search-icon{color:var(--text-secondary);flex-shrink:0}.mobile-search-field{flex:1;border:none;background:none;font-size:1rem;font-family:inherit;color:var(--text-primary);outline:none;padding:.65rem 0;min-width:0}.mobile-search-field::placeholder{color:var(--text-secondary)}.mobile-search-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--border-color);color:var(--text-secondary);border:none;cursor:pointer;flex-shrink:0}.mobile-search-cancel{border:none;background:none;color:var(--text-accent);font-weight:600;font-size:.95rem;cursor:pointer;padding:.5rem .25rem;white-space:nowrap;flex-shrink:0}.mobile-search-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.75rem 1rem}.mobile-search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 1rem;color:var(--text-secondary);text-align:center}.mobile-search-empty p{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.mobile-search-empty span{font-size:.88rem}.mobile-search-section{margin-bottom:1.25rem}.mobile-search-section-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.82rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.mobile-search-result{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem .5rem;border:none;background:none;cursor:pointer;text-align:left;border-radius:12px;transition:background .15s;-webkit-tap-highlight-color:transparent}.mobile-search-result:active{background:var(--bg-tertiary)}.mobile-search-thumb{width:40px;height:56px;border-radius:6px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 6px #00000014}.mobile-search-thumb-placeholder{width:40px;height:56px;border-radius:6px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.mobile-search-result-info{flex:1;min-width:0}.mobile-search-result-title{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.mobile-search-result-author{font-size:.82rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-search-price{font-weight:700;font-size:.88rem;color:var(--text-accent);white-space:nowrap;flex-shrink:0}.detail-mobile-action-bar{display:none;align-items:center;gap:.75rem;padding:.65rem 1rem;padding-bottom:calc(.65rem + env(safe-area-inset-bottom,0px));background:#fffffff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);box-shadow:0 -4px 20px #2c282514}@media (max-width: 768px){.detail-mobile-action-bar{position:relative;display:flex;margin-top:20px}.detail-action-stack{display:none!important}}@media (max-width: 768px){.chat-widget{bottom:calc(1rem + env(safe-area-inset-bottom,0px));right:1rem;z-index:9995}.chat-window{bottom:calc(1rem + env(safe-area-inset-bottom,0px) + 12px);z-index:9996}}.detail-mobile-action-primary{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:.95rem 1rem;border-radius:14px;border:none;font-size:.9rem;font-weight:700;cursor:pointer;background:var(--btn-primary-bg);color:#fff;transition:all .2s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.detail-mobile-action-primary:active{transform:scale(.97)}.detail-mobile-action-primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}@media (max-width: 768px){.btn{min-height:44px;border-radius:12px}.form-input,.form-textarea,.form-select{min-height:46px;font-size:1rem}.book-card-btn{min-width:44px;min-height:44px}.detail-page{padding-bottom:2rem}.chat-launcher{bottom:calc(1rem + 56px + env(safe-area-inset-bottom,0px))}.page-shell{padding-bottom:calc(4rem + 56px + env(safe-area-inset-bottom,0px))}.search-panel{display:none}.page-hero--split{grid-template-columns:1fr}.page-shell,.detail-page{animation:pageSlideIn .25s ease-out}@keyframes pageSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.page-hero{margin:-1rem -1rem 0;padding:1.25rem 1rem;border-left:none;border-right:none;border-top:none;border-radius:0 0 24px 24px}.mobile-carousel-stage{height:260px}.mobile-carousel-card{width:min(60vw,200px)}.container{padding:0 1rem}.hero-social-btn{min-height:48px;border-radius:14px}.chat-shell{bottom:0!important;right:0!important;border-radius:0!important}.chat-shell.chat-widget,.chat-widget,.chat-toggle{bottom:calc(56px + env(safe-area-inset-bottom,0px) + 1rem)!important;right:1rem!important;z-index:10050!important}}@media (max-width: 520px){.hero-stats{grid-template-columns:1fr 1fr 1fr}.hero-stat{padding:.65rem .5rem}}@media (min-width: 769px){.bottom-tab-bar,.detail-mobile-action-bar{display:none}}.nav-brand-mark--animated{position:relative;overflow:visible}.nav-brand-sparkle{position:absolute;top:-2px;right:-4px;color:#f59e0b;animation:sparklePulse 2s ease-in-out infinite}@keyframes sparklePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.bottom-tab-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:linear-gradient(135deg,#e11d48,#f43f5e);color:#fff;font-size:.65rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:badgePulse 2s infinite;box-shadow:0 2px 6px #e11d4866}.bottom-tab-icon{position:relative}.bottom-tab-item.needs-login{color:#e11d48}.bottom-tab-item.needs-login .bottom-tab-icon{background:#e11d4814}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ptr-indicator{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);transform:translateY(-100%);transition:transform .3s ease;z-index:100}.ptr-indicator.visible{transform:translateY(0)}.ptr-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--text-accent);border-radius:50%;animation:ptrSpin .8s linear infinite}@keyframes ptrSpin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:8px}.skeleton-card{aspect-ratio:2/3;border-radius:14px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text--short{width:60%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){button:focus-visible,a:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}.bottom-tab-item:focus-visible{outline-offset:-2px;border-radius:12px}.bottom-tab-item:active,.book-card:active,.btn:active{transform:scale(.96)}html{scroll-behavior:smooth}.page-hero-copy h1{letter-spacing:-.02em}.book-title{font-weight:600}.book-card{transition:transform .15s,box-shadow .3s}.book-card:active{transform:scale(.98)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem}.empty-state-icon{width:80px;height:80px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:.5rem}.toast-container{position:fixed;top:calc(1rem + env(safe-area-inset-top,0px));left:1rem;right:1rem;z-index:999999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{background:#2c2825f2;color:#fff;padding:1rem 1.25rem;border-radius:14px;font-size:.95rem;font-weight:500;box-shadow:0 8px 24px #0003;animation:toastSlideIn .3s ease;pointer-events:auto}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.swipe-hint{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);opacity:.5;animation:swipeHintArrow 1.5s infinite}@keyframes swipeHintArrow{0%,to{transform:translateY(-50%) translate(0);opacity:.5}50%{transform:translateY(-50%) translate(-5px);opacity:.8}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fdfbf7cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--text-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}@media (max-width: 768px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:24px 24px 0 0;max-height:90vh;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}.modal-close{top:1rem;right:1rem;width:40px;height:40px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center}}.touch-feedback{position:relative;overflow:hidden}.touch-feedback:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(176,141,87,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.touch-feedback:active:after{opacity:1}.update-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:#2c282599;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1rem}.update-modal{background:var(--bg-primary);border-radius:24px;padding:2rem;max-width:360px;width:100%;text-align:center;position:relative;box-shadow:0 24px 48px #2c282533;border:1px solid var(--border-color)}.update-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.update-close:hover{background:var(--border-color);color:var(--text-primary)}.update-icon{width:72px;height:72px;background:linear-gradient(135deg,#b08d5726,#b08d570d);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:var(--text-accent);animation:sparklePulse 2s ease-in-out infinite}.update-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);font-family:var(--font-serif)}.update-version{font-size:1rem;color:var(--text-accent);font-weight:600;margin-bottom:.75rem}.update-notes{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem;padding:0 .5rem}.update-current{font-size:.8rem;color:var(--text-secondary);opacity:.7;margin-bottom:1.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:20px;display:inline-block}.update-actions{display:flex;flex-direction:column;gap:.75rem}.update-btn{width:100%;padding:1rem 1.5rem;border-radius:14px;border:none;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.update-btn--primary{background:var(--btn-primary-bg);color:#fff}.update-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4a40364d}.update-btn--primary:active{transform:translateY(0)}.update-btn--secondary{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-color)}.update-btn--secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 768px){.update-modal{padding:1.75rem;max-width:320px}.update-icon{width:64px;height:64px}.update-title{font-size:1.35rem}.update-btn{padding:.9rem 1.25rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,#f5f3ef 100%);padding:1rem;position:relative;overflow:hidden}.login-container{background:var(--bg-primary);border-radius:28px;padding:2.5rem;max-width:400px;width:100%;box-shadow:0 32px 64px #2c282526;border:1px solid var(--border-color);position:relative;z-index:10}.login-logo-section{text-align:center;margin-bottom:2rem}.login-logo{width:80px;height:80px;background:linear-gradient(135deg,#b08d5733,#b08d570d);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--text-accent);position:relative}.login-logo-sparkle{position:absolute;top:-4px;right:-4px;color:var(--text-accent)}.login-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;font-family:var(--font-serif)}.login-subtitle{color:var(--text-secondary);font-size:1rem}.login-btn{width:100%;padding:1rem 1.5rem;border-radius:14px;border:none;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s cubic-bezier(.22,1,.36,1);margin-bottom:1rem}.login-btn--google{background:#fff;color:var(--text-primary);border:2px solid var(--border-color);box-shadow:0 2px 8px #0000000a}.login-btn--google:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.login-btn--primary{background:var(--btn-primary-bg);color:#fff;box-shadow:0 4px 12px #4a403640}.login-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a403659}.google-icon{width:20px;height:20px}.login-divider{text-align:center;margin:1.5rem 0;position:relative}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.login-divider span{background:var(--bg-primary);padding:0 1rem;color:var(--text-secondary);font-size:.85rem;position:relative}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input-group{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:1rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.login-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s}.login-input:focus{outline:none;border-color:var(--text-accent);box-shadow:0 0 0 3px #b08d571a}.login-password-toggle{position:absolute;right:1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.login-error{background:#ef44441a;color:#dc2626;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;text-align:center}.login-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.9rem}.login-footer a{color:var(--text-accent);font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem;background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.login-back-btn:hover{color:var(--text-primary)}.login-bg-decoration{position:absolute;border-radius:50%;background:linear-gradient(135deg,#b08d571a,#b08d5705)}.login-bg-decoration--1{width:400px;height:400px;top:-100px;right:-100px}.login-bg-decoration--2{width:300px;height:300px;bottom:-80px;left:-80px}.login-bg-decoration--3{width:200px;height:200px;top:40%;left:10%;opacity:.5}@media (max-width: 768px){.page-section{padding:.75rem 0}.page-hero--split{flex-direction:column;gap:1rem;min-height:auto}.page-hero-copy{max-width:100%;text-align:center}.page-hero-copy h1{font-size:1.75rem;line-height:1.3;margin-bottom:.75rem}.hero-intro{justify-content:center;margin-bottom:.75rem}.page-eyebrow{font-size:.75rem;padding:.4rem .8rem;gap:.4rem}.hero-utility-row{justify-content:center;gap:.75rem;margin-top:1rem}.hero-social-btn{padding:.6rem 1rem;font-size:.85rem}.search-panel{padding:1rem;border-radius:16px;gap:.75rem}.search-panel-header{display:none}.search-input-wrap{margin-bottom:.5rem}.search-input{padding:.75rem 1rem .75rem 2.5rem;font-size:.95rem}.hero-stats{justify-content:space-around;padding-top:.75rem;border-top:1px solid var(--border-color)}.hero-stat strong{font-size:1.25rem}.hero-stat span{font-size:.7rem}.section-heading--compact{margin-bottom:.75rem}.section-heading--compact h3{font-size:1.1rem}.section-heading--compact .page-eyebrow{font-size:.7rem;margin-bottom:.25rem}#ebook-collection{padding-top:.5rem}#ebook-collection .section-heading{padding:0 .5rem}.mobile-book-carousel{padding-bottom:.5rem}.mobile-carousel-container{padding:0 .5rem;gap:.75rem}.page-shell{min-height:calc(100vh - 70px);display:flex;flex-direction:column}#ebook-collection{flex:1;display:flex;flex-direction:column;overflow:hidden}.mobile-book-carousel{flex:1;overflow-y:auto}.login-page{padding:.75rem}.login-container{padding:1.75rem;border-radius:24px}.login-logo{width:64px;height:64px}.login-logo svg{width:32px;height:32px}.login-title{font-size:1.5rem}.login-bg-decoration--1,.login-bg-decoration--2,.login-bg-decoration--3{display:none}}@media (max-width: 380px){.page-hero-copy h1{font-size:1.5rem}.login-container{padding:1.5rem}.login-title{font-size:1.35rem}.login-btn{padding:.875rem 1.25rem}}.page-transition-enter{opacity:0;transform:translateY(10px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .3s}.app-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);z-index:100000;gap:1rem}.app-loading-spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--text-accent);border-radius:50%}.app-loading p{color:var(--text-secondary);font-size:.9rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:20px}.login-card{text-align:center;max-width:380px;width:100%;background:linear-gradient(145deg,#f5f0e8,#e8e0d4);padding:2.5rem 2rem;border-radius:20px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;border:1px solid rgba(176,141,87,.25)}.login-logo-wrap{margin-bottom:24px}.login-logo-icon{width:64px;height:64px;background:#333;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto}.login-heading{font-size:24px;font-weight:700;color:#000;margin-bottom:8px}.login-desc{color:#1a1a1a;font-size:15px;margin-bottom:32px}.login-google-btn{width:100%;padding:14px 20px;border-radius:12px;border:none;background:#333;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.login-google-btn:disabled{opacity:.5}.login-spinner-white{width:18px;height:18px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-privacy{margin-top:16px;font-size:13px;color:#333}.app-wrapper{background:#fff;min-height:100vh;width:100%}.main-content{flex:1;min-height:0;width:100%}.app-home,.page-shell,.book-list,.grid-books{transition:none}.main-content>div{will-change:opacity,transform}.unified-nav{position:relative;z-index:100}.app-wrapper,.main-content,#root,body,html{min-height:100vh;min-height:100dvh;background-color:#faf8f5}.main-content{display:block;opacity:1!important;transform:none!important}.app-home{padding:24px;max-width:1200px;margin:0 auto}.new-arrivals-section{margin-bottom:32px;padding:20px;background:linear-gradient(135deg,#fef9f3,#fff);border-radius:16px;border:1px solid #f0e6d8}.genre-browsing-section{margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;border:1px solid #e8e4d9}.genre-tags{display:flex;flex-wrap:wrap;gap:8px}.genre-tag{padding:8px 16px;border-radius:20px;border:1px solid #e0d5c5;background:#faf8f5;color:#5c5550;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.genre-tag:hover{background:#f0e6d8;border-color:#d4cfc0}.genre-tag.active{background:linear-gradient(135deg,#b08d5d,#8b6f47);color:#fff;border-color:#8b6f47}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.section-icon{color:#b08d5d}.section-title{font-size:1.5rem;font-weight:600;color:#2c2825;margin:0}.section-badge{background:linear-gradient(135deg,#b08d5d,#8b6f47);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.section-count{color:#888;font-size:.875rem;font-weight:500}.rewards-page{padding:24px;max-width:1200px;margin:0 auto}.rewards-container{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000014}.rewards-header{margin-bottom:24px}.rewards-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.rewards-icon{color:#b08d5d}.rewards-title h1{font-size:2rem;font-weight:700;color:#2c2825;margin:0}.user-stats-card{display:flex;gap:24px;padding:20px;background:linear-gradient(135deg,#fef9f3,#fff);border-radius:12px;border:1px solid #f0e6d8}.stat-item{display:flex;align-items:center;gap:12px}.stat-icon{color:#b08d5d}.stat-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700;color:#2c2825}.rewards-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e8e4d9;padding-bottom:16px}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:#5c5550;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease}.tab-btn:hover{background:#f0e6d8}.tab-btn.active{background:linear-gradient(135deg,#b08d5d,#8b6f47);color:#fff}.leaderboard-filters{display:flex;gap:8px;margin-bottom:20px}.filter-btn{padding:8px 16px;border:1px solid #e0d5c5;background:#faf8f5;color:#5c5550;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease}.filter-btn:hover{background:#f0e6d8}.filter-btn.active{background:linear-gradient(135deg,#b08d5d,#8b6f47);color:#fff;border-color:#8b6f47}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{display:flex;align-items:center;gap:16px;padding:16px;background:#faf8f5;border-radius:12px;border:1px solid #e8e4d9;transition:all .2s ease}.leaderboard-item:hover{background:#f0e6d8}.leaderboard-item.top-1{background:linear-gradient(135deg,#fff7e6,#fff);border-color:gold}.leaderboard-item.top-2{background:linear-gradient(135deg,#f5f5f5,#fff);border-color:silver}.leaderboard-item.top-3{background:linear-gradient(135deg,#fff5ee,#fff);border-color:#cd7f32}.rank{font-size:1.25rem;font-weight:700;color:#b08d5d;min-width:40px;text-align:center}.user-info{display:flex;align-items:center;gap:12px;flex:1}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e8e4d9}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#5c5550}.user-name{font-weight:600;color:#2c2825}.user-stats{display:flex;gap:16px}.xp-display,.level-display{display:flex;align-items:center;gap:4px;font-size:.875rem;font-weight:600;color:#5c5550}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.reward-card{padding:24px;background:linear-gradient(135deg,#fef9f3,#fff);border-radius:12px;border:1px solid #f0e6d8;text-align:center}.reward-card.coming-soon{opacity:.6}.reward-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#b08d5d,#8b6f47);border-radius:50%;color:#fff}.reward-card h3{font-size:1.25rem;font-weight:600;color:#2c2825;margin:0 0 8px}.reward-card p{font-size:.875rem;color:#5c5550;margin:0 0 16px}.reward-cost{font-size:1.125rem;font-weight:700;color:#b08d5d;margin-bottom:16px}.redeem-btn{width:100%;padding:12px;background:linear-gradient(135deg,#b08d5d,#8b6f47);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.redeem-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #b08d5d66}.redeem-btn:disabled{background:#e8e4d9;color:#888;cursor:not-allowed}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.badge-card{padding:20px;background:#faf8f5;border-radius:12px;border:1px solid #e8e4d9;text-align:center}.badge-card.earned{background:linear-gradient(135deg,#fef9f3,#fff);border-color:#b08d5d}.badge-card.locked{opacity:.5}.badge-icon{font-size:3rem;margin-bottom:12px}.badge-card h3{font-size:1rem;font-weight:600;color:#2c2825;margin:0 0 4px}.badge-card p{font-size:.75rem;color:#888;margin:0}.no-badges{grid-column:1 / -1;text-align:center;color:#888;padding:40px}.loading-text{text-align:center;color:#888;padding:40px}.simple-search-container{display:flex;justify-content:center;margin-bottom:24px}.simple-search{width:100%;max-width:600px;display:flex;align-items:center;gap:8px}.filter-toggle-btn{padding:8px 16px;background:#f0e6d8;border:1px solid #d4cfc0;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-toggle-btn:hover{background:#e0d5c5}.advanced-filters-section{margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e8e4d9}.filter-group{margin-bottom:16px}.filter-group:last-child{margin-bottom:0}.filter-group label{display:block;font-weight:600;color:#2c2825;margin-bottom:8px;font-size:.875rem}.price-range-inputs{display:flex;gap:12px;width:100%;max-width:100%;box-sizing:border-box}.price-range-inputs input{flex:1;min-width:0;padding:8px 12px;border:1px solid #e0d5c5;border-radius:6px;font-size:.875rem;max-width:calc(50% - 6px)}.filter-tags{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{padding:6px 14px;border-radius:16px;border:1px solid #e0d5c5;background:#faf8f5;color:#5c5550;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-tag:hover{background:#f0e6d8;border-color:#d4cfc0}.filter-tag.active{background:linear-gradient(135deg,#b08d5d,#8b6f47);color:#fff;border-color:#8b6f47}.simple-search{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.06)}.simple-search svg{color:var(--text-accent);flex-shrink:0}.simple-search input{flex:1;border:none;background:none;font-size:15px;color:#333;outline:none}.simple-search input::placeholder{color:#999}.book-list{min-height:200px}.unified-nav{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:24px;background:#f5f5f5;padding:6px;border-radius:16px;width:fit-content;margin-left:auto;margin-right:auto}@media (max-width: 768px){.unified-nav{display:none}}.unified-nav-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;text-decoration:none}.unified-nav-btn:hover{background:#ffffff80;color:#333}.unified-nav-btn.active{background:#4a4a4a;color:#fff;box-shadow:0 2px 8px #00000026}.unified-nav-btn svg{color:inherit}.home-actions{display:flex;gap:12px;margin-bottom:24px;justify-content:center}.home-action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;font-size:14px;font-weight:600;color:#333;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.home-action-btn:hover{background:var(--text-accent);color:#fff;border-color:var(--text-accent);transform:translateY(-2px);box-shadow:0 4px 12px #b08d5733}.home-action-btn svg{color:inherit}.simple-loading,.simple-empty{text-align:center;padding:40px 0;color:#999;font-size:15px}.simple-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:12px 16px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;font-size:14px;z-index:1000;min-width:300px;max-width:90vw}.simple-toast button{background:#fff;color:#333;border:none;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.bottom-tab-bar{display:none}@media (max-width: 768px){.app-home{padding:16px 16px 80px}.bottom-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.bottom-tab-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 24px;color:#999;border:none;background:none;font-size:11px;cursor:pointer}.bottom-tab-item.active{color:#333}.simple-toast{left:16px;right:16px;transform:none;min-width:auto}}.page-intro-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:1rem;flex-wrap:wrap}.page-intro-header--centered{justify-content:center}.page-intro-header--centered .page-intro-title-group{flex-direction:column;align-items:center;text-align:center}.page-intro-subtitle{text-align:center;color:#666;margin-bottom:1.5rem}.page-intro-subtitle p{text-align:center;margin:0 auto}.page-intro-title-group{display:flex;align-items:center;gap:12px}.hero-icon-badge--small{padding:.6rem;border-radius:12px;margin-bottom:0}.page-eyebrow--inline{margin-bottom:0;font-size:.9rem}.page-back-link--compact{padding:8px 14px;font-size:.75rem}.page-intro-card .search-input-wrap--wide{margin-top:1.5rem;margin-bottom:.5rem}.page-intro-card .search-input{background:#fff;border:1.5px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.page-intro-card .search-input:focus{border-color:var(--text-accent);box-shadow:0 4px 16px #b08d571f;outline:none}