@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300&family=DM+Serif+Display:ital@1&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600;700&display=swap";.auth-page{min-height:100vh;width:100%;background:var(--auth-bg, #30190B);display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;position:relative}.auth-page *,.auth-page *:before,.auth-page *:after{box-sizing:border-box}.auth-canvas{position:fixed;inset:0;pointer-events:none;z-index:0}.auth-splash-wrapper{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.auth-splash-svg{position:absolute;inset:-140px;width:calc(100% + 280px);height:calc(100% + 280px);z-index:-1;overflow:visible}.auth-paint-blob{transform-origin:150px 150px;will-change:transform;animation:authBlobShrink 1s cubic-bezier(.22,1,.36,1) forwards}@keyframes authBlobShrink{0%{transform:scale(5)}to{transform:scale(1)}}.auth-wb1{animation:authWobble1 6s ease-in-out infinite 1s}.auth-wb2{animation:authWobble2 7s ease-in-out infinite 1.1s}.auth-wb3{animation:authWobble3 5.5s ease-in-out infinite 1.2s}@keyframes authWobble1{0%,to{transform:scale(1) rotate(0)}33%{transform:scale(1.03) rotate(2deg)}66%{transform:scale(.97) rotate(-1.5deg)}}@keyframes authWobble2{0%,to{transform:scale(1) rotate(0)}40%{transform:scale(1.04) rotate(-2deg)}70%{transform:scale(.98) rotate(1deg)}}@keyframes authWobble3{0%,to{transform:scale(1) rotate(0)}35%{transform:scale(1.02) rotate(1.5deg)}65%{transform:scale(.97) rotate(-2deg)}}.auth-card{position:relative;padding:48px 48px 44px;min-width:350px;border:none;background:none;margin:0}.auth-card>*{opacity:0;transform:translateY(14px)}.auth-card>.auth-error{opacity:1!important;transform:none!important}@keyframes authRevealUp{to{opacity:1;transform:translateY(0)}}.auth-paint-blob.auth-blob-expand{animation:authBlobGrow .5s cubic-bezier(.22,1,.36,1) forwards!important}@keyframes authBlobGrow{0%{transform:scale(1)}to{transform:scale(5)}}.auth-card.auth-card-hide>*{animation:authHideDown .35s cubic-bezier(.55,0,1,.45) forwards!important}@keyframes authHideDown{to{opacity:0;transform:translateY(-18px)}}.auth-back-home{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:0;background:none;border:none;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;color:var(--auth-text-faint, rgba(30, 15, 5, .42));cursor:pointer;text-decoration:none;transition:color .2s}.auth-back-home svg{width:14px;height:14px}.auth-error{background:#dc35451a;color:#c0392b;border:1.5px solid rgba(220,53,69,.25);border-radius:8px;padding:10px 14px;font-size:.84rem;font-weight:500;margin-bottom:4px;text-align:center}@media(max-width:480px){.auth-card{padding:28px 20px 24px;min-width:unset;width:100%}.auth-splash-svg{inset:-100px;width:calc(100% + 200px);height:calc(100% + 200px)}}.register-card-header{margin-bottom:26px}.register-title{font-family:"DM Serif Display",serif;font-size:2.7rem;font-style:italic;color:var(--auth-text);line-height:1.05;margin-bottom:4px}.register-tagline{font-size:.86rem;font-weight:400;color:var(--auth-text-muted)}.register-field{margin-top:16px}.register-field label{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--auth-text-muted);margin-bottom:7px;transition:color .22s}.register-field label:before{content:"";display:block;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .22s}.register-field:focus-within label{color:var(--auth-text)}.register-field:focus-within label:before{opacity:1;transform:scale(1.6)}.register-input-wrap{position:relative}.register-form input[type=text],.register-form input[type=email],.register-form input[type=password]{width:100%;background:var(--auth-input-bg);border:1.5px solid var(--auth-border);border-radius:8px;padding:13px 44px 13px 16px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:400;color:var(--auth-text);outline:none;transition:border-color .22s,background .22s,box-shadow .22s,transform .2s}.register-form input[type=text]:focus,.register-form input[type=email]:focus,.register-form input[type=password]:focus{border-color:var(--auth-input-focus-border);background:var(--auth-input-focus-bg);box-shadow:0 0 0 3px var(--auth-input-focus-shadow),0 4px 14px #1e0f050f;transform:translateY(-1px)}.register-form input::placeholder{color:#1e0f0547;font-weight:300}.register-input-icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--auth-text);opacity:.22;pointer-events:none;transition:opacity .22s}.register-input-wrap:focus-within .register-input-icon{opacity:.55}.register-btn-wrap{margin-top:22px}.register-btn{width:100%;padding:14px;background:var(--auth-btn-bg);border:none;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--auth-btn-text);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px #00000038,inset 0 1px #ffffff12}.register-btn:disabled{opacity:.7;cursor:not-allowed}.register-btn-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px}.register-btn-icon{width:16px;height:16px;opacity:.7;flex-shrink:0}.register-card-footer{margin-top:20px;text-align:center}.register-login-link{font-size:.95rem;font-weight:500;color:var(--auth-text-muted)}.register-login-link a{color:var(--auth-text);font-weight:700;text-decoration:none;border-bottom:2px solid var(--auth-text);padding-bottom:1px}.register-error{background:#dc35451a;color:#c0392b;border:1.5px solid rgba(220,53,69,.25);border-radius:8px;padding:10px 14px;font-size:.84rem;font-weight:500;margin-bottom:4px;text-align:center}.register-page .auth-splash-svg{inset:-200px;width:calc(100% + 400px);height:calc(100% + 400px)}@media(max-width:480px){.register-page .auth-splash-svg{inset:-160px;width:calc(100% + 320px);height:calc(100% + 320px)}.register-card-header{margin-bottom:16px}.register-title{font-size:2.1rem}.register-tagline{font-size:.82rem}.register-field{margin-top:12px}.register-form input[type=text],.register-form input[type=email],.register-form input[type=password]{padding:11px 40px 11px 14px;font-size:.9rem}.register-btn-wrap{margin-top:16px}.register-btn{padding:12px;font-size:.85rem}.register-card-footer{margin-top:14px}}.login-card-header{margin-bottom:26px}.login-title{font-family:"DM Serif Display",serif;font-size:2.7rem;font-style:italic;color:var(--auth-text);line-height:1.05;margin-bottom:4px}.login-tagline{font-size:.86rem;font-weight:400;color:var(--auth-text-muted)}.login-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:#fff;border:1.5px solid var(--auth-border);border-radius:8px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;color:#3c3c3c;cursor:pointer;box-shadow:0 1px 3px #00000014}.login-google-logo{width:18px;height:18px;flex-shrink:0}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0 0}.login-divider-line{flex:1;height:1px;background:var(--auth-border)}.login-divider-text{font-size:.72rem;font-weight:500;color:var(--auth-text-faint);letter-spacing:.06em}.login-field{margin-top:16px}.login-field label{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--auth-text-muted);margin-bottom:7px;transition:color .22s}.login-field label:before{content:"";display:block;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .22s}.login-field:focus-within label{color:var(--auth-text)}.login-field:focus-within label:before{opacity:1;transform:scale(1.6)}.login-input-wrap{position:relative}.login-form input[type=email],.login-form input[type=password]{width:100%;background:var(--auth-input-bg);border:1.5px solid var(--auth-border);border-radius:8px;padding:13px 44px 13px 16px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:400;color:var(--auth-text);outline:none;transition:border-color .22s,background .22s,box-shadow .22s,transform .2s}.login-form input[type=email]:focus,.login-form input[type=password]:focus{border-color:var(--auth-input-focus-border);background:var(--auth-input-focus-bg);box-shadow:0 0 0 3px var(--auth-input-focus-shadow),0 4px 14px #1e0f050f;transform:translateY(-1px)}.login-form input::placeholder{color:#1e0f0547;font-weight:300}.login-input-icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--auth-text);opacity:.22;pointer-events:none;transition:opacity .22s}.login-input-wrap:focus-within .login-input-icon{opacity:.55}.login-forgot{display:block;text-align:center;margin-top:12px;font-size:.78rem;font-weight:400;color:var(--auth-text-faint);text-decoration:underline;text-underline-offset:3px;text-decoration-color:transparent;cursor:pointer;transition:color .2s,text-decoration-color .2s}.login-forgot:hover{color:var(--auth-text);text-decoration-color:var(--auth-text)}.login-btn-wrap{margin-top:22px}.login-btn{width:100%;padding:14px;background:var(--auth-btn-bg);border:none;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--auth-btn-text);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px #00000038,inset 0 1px #ffffff12}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px}.login-btn-icon{width:16px;height:16px;opacity:.7;flex-shrink:0}.login-card-footer{margin-top:20px;text-align:center}.login-register{font-size:.95rem;font-weight:500;color:var(--auth-text-muted)}.login-register a{color:var(--auth-text);font-weight:700;text-decoration:none;border-bottom:2px solid var(--auth-text);padding-bottom:1px}.login-error{background:#dc35451a;color:#c0392b;border:1.5px solid rgba(220,53,69,.25);border-radius:8px;padding:10px 14px;font-size:.84rem;font-weight:500;margin-bottom:4px;text-align:center}@media(max-width:480px){.login-card-header{margin-bottom:16px}.login-title{font-size:2.1rem}.login-tagline{font-size:.82rem}.login-google-btn{padding:10px 14px;font-size:.85rem}.login-divider{margin:14px 0 0}.login-field{margin-top:12px}.login-form input[type=email],.login-form input[type=password]{padding:11px 40px 11px 14px;font-size:.9rem}.login-forgot{margin-top:8px}.login-btn-wrap{margin-top:16px}.login-btn{padding:12px;font-size:.85rem}.login-card-footer{margin-top:14px}}.report-review-btn{background:var(--color-gray-50);border:1px solid var(--color-gray-200);color:var(--color-gray-900);cursor:pointer;font-size:.9rem;font-weight:600;padding:.55rem 1rem;border-radius:4px;transition:all .15s ease;display:inline-flex;align-items:center;gap:.35rem}.report-review-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.report-success-message{color:var(--color-flat-green);font-weight:500;font-size:.9rem;padding:.5rem 1rem;background:var(--color-green-light);border-radius:4px;display:inline-block}.report-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.report-modal-content{background:var(--color-white);border-radius:0;box-shadow:none;max-width:520px;width:90%;overflow:hidden;animation:slideUp .3s ease;border:1px solid var(--color-gray-200)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-gray-200)}.report-modal-header h3{margin:0;color:var(--color-gray-900);font-size:1.15rem}.report-modal-close{background:var(--color-gray-50);border:1px solid var(--color-gray-200);font-size:.9rem;cursor:pointer;color:var(--color-gray-500);padding:.35rem .6rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.report-modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.report-modal-body{padding:1.5rem}.report-modal-description{color:#6b7280;margin:0 0 1.5rem;font-size:.95rem}.report-reasons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.report-reason{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.85rem 1rem;border-radius:10px;border:1px solid var(--color-gray-200);transition:all .2s ease;background:var(--color-white)}.report-reason:hover{background:var(--color-gray-50);border-color:#cbd5f5}.report-reason input[type=radio]{cursor:pointer;width:18px;height:18px}.report-reason span{color:var(--color-gray-900);font-weight:600}.report-error{background:var(--color-red-bg-alt);color:var(--color-red-text-alt);padding:.75rem;border-radius:4px;font-size:.9rem;margin-top:1rem}.report-modal-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--color-gray-200);display:flex;gap:.75rem;justify-content:flex-end}.report-btn-cancel,.report-btn-submit{padding:.65rem 1.4rem;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease}.report-btn-cancel{background:var(--color-gray-100);color:var(--color-gray-900);border-color:var(--color-gray-200)}.report-btn-cancel:hover:not(:disabled){background:var(--color-gray-200)}.report-btn-submit{background:var(--color-gray-900);color:var(--color-white)}.report-btn-submit:hover:not(:disabled){background:var(--color-slate-900)}.report-btn-cancel:disabled,.report-btn-submit:disabled{opacity:.6;cursor:not-allowed}.loader{--background: linear-gradient(135deg, var(--color-brand-darkest), var(--color-brand-light));--shadow: rgba(48, 25, 11, .35);--text: #6C7486;--page: rgba(255, 255, 255, .36);--page-fold: rgba(255, 255, 255, .52);--duration: 3s;width:200px;height:140px;position:relative}.loader--sm{width:140px;height:98px}.loader:before,.loader:after{--r: -6deg;content:"";position:absolute;bottom:8px;width:120px;top:80%;box-shadow:0 16px 12px var(--shadow);transform:rotate(var(--r))}.loader:before{left:4px}.loader:after{--r: 6deg;right:4px}.loader div{width:100%;height:100%;border-radius:13px;position:relative;z-index:1;perspective:600px;box-shadow:0 4px 6px var(--shadow);background-image:var(--background)}.loader div ul{margin:0;padding:0;list-style:none;position:relative}.loader div ul li{--r: 180deg;--o: 0;--c: var(--page);position:absolute;top:10px;left:10px;transform-origin:100% 50%;color:var(--c);opacity:var(--o);transform:rotateY(var(--r));animation:var(--duration) ease infinite}.loader div ul li:nth-child(2){--c: var(--page-fold);animation-name:page-2}.loader div ul li:nth-child(3){--c: var(--page-fold);animation-name:page-3}.loader div ul li:nth-child(4){--c: var(--page-fold);animation-name:page-4}.loader div ul li:nth-child(5){--c: var(--page-fold);animation-name:page-5}.loader div ul li svg{width:90px;height:120px;display:block}.loader--sm div ul li svg{width:64px;height:86px}.loader div ul li:first-child{--r: 0deg;--o: 1}.loader div ul li:last-child{--o: 1}.loader span{display:block;left:0;right:0;top:100%;margin-top:20px;text-align:center;color:var(--text);font-size:1.05rem;font-weight:600;letter-spacing:.6px}.loader--sm span{margin-top:12px;font-size:.9rem;letter-spacing:.4px}.page-loader{width:100%;display:flex;justify-content:center;align-items:center;padding:4rem 1.5rem}.section-loader{width:100%;display:flex;justify-content:center;align-items:center;padding:2rem 0}@keyframes page-2{0%{transform:rotateY(180deg);opacity:0}20%{opacity:1}35%,to{opacity:0}50%,to{transform:rotateY(0)}}@keyframes page-3{15%{transform:rotateY(180deg);opacity:0}35%{opacity:1}50%,to{opacity:0}65%,to{transform:rotateY(0)}}@keyframes page-4{30%{transform:rotateY(180deg);opacity:0}50%{opacity:1}65%,to{opacity:0}80%,to{transform:rotateY(0)}}@keyframes page-5{45%{transform:rotateY(180deg);opacity:0}65%{opacity:1}80%,to{opacity:0}95%,to{transform:rotateY(0)}}.share-modal-overlay{position:fixed;inset:0;background-color:#30190b73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:shareModalFadeIn .25s ease-out}.share-modal{background:linear-gradient(180deg,var(--color-modal-light-surface-soft) 0%,var(--color-modal-light-surface) 100%);border-radius:20px;max-width:460px;width:92%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #30190b33,0 8px 20px #30190b1a;animation:shareModalSlideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden;border:1px solid var(--color-modal-light-border)}.share-modal-handle{display:none}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-modal-light-border)}.share-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--color-modal-light-text);letter-spacing:-.01em}.share-modal-header-actions{display:flex;align-items:center;gap:.5rem}.share-modal-copy-link{display:flex;align-items:center;gap:.35rem;padding:.4rem .85rem;background:#0000000a;border:1px solid var(--color-modal-light-border);border-radius:8px;color:var(--color-modal-light-muted);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.share-modal-copy-link:hover{background:#00000012;color:var(--color-modal-light-text)}.share-modal-copy-link.copied{background:var(--color-green-50);border-color:var(--color-green-500);color:var(--color-green-600)}.share-modal-close{background:#0000000a;border:none;font-size:1rem;color:var(--color-modal-light-muted);cursor:pointer;border-radius:50%;transition:all .15s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.share-modal-close:hover{background:#00000014;color:var(--color-modal-light-text)}.share-modal-tabs{display:flex;padding:0 1.5rem;border-bottom:1px solid var(--color-modal-light-border)}.share-modal-tab{flex:1;padding:.75rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-modal-light-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.share-modal-tab:hover{color:var(--color-modal-light-text)}.share-modal-tab.active{color:var(--color-modal-light-accent);border-bottom-color:var(--color-modal-light-accent);font-weight:600}.share-modal-content-section{padding:.25rem 1.5rem .5rem;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.share-modal-list{flex:1;overflow-y:auto;min-height:0;padding-bottom:1rem}.share-modal-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .25rem;border-radius:8px;transition:background-color .15s ease}.share-modal-row:hover{background-color:#7a34100d}.share-modal-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;background-color:var(--color-gray-200)}.share-modal-avatar--group{border-radius:8px}.share-modal-name{flex:1;font-size:.875rem;font-weight:500;color:var(--color-modal-light-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-modal-send-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .8rem;border:1px solid var(--color-modal-light-border);border-radius:8px;background:var(--color-modal-light-surface-soft);color:var(--color-modal-light-text);font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.share-modal-send-btn:hover:not(:disabled){background:var(--color-modal-light-accent);border-color:var(--color-modal-light-accent);color:var(--color-white)}.share-modal-send-btn.sent{background:var(--color-green-50);border-color:var(--color-green-500);color:var(--color-green-600);cursor:default}.share-modal-send-btn:disabled{opacity:.7;cursor:not-allowed}.share-modal-empty,.share-modal-loading{text-align:center;padding:1.5rem 0;color:var(--color-gray-500);font-size:.85rem}.share-modal-loading i{margin-right:.35rem}.share-modal-load-more{display:block;width:100%;padding:.65rem;margin-top:.5rem;background:none;border:1px dashed var(--color-gray-300);border-radius:8px;color:var(--color-gray-600);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.share-modal-load-more:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-800)}@keyframes shareModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shareModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-toast{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;margin:0 1rem .75rem;background-color:var(--color-red-50, #fef2f2);border:1px solid var(--color-red-200, #fecaca);border-radius:8px;color:var(--color-red-700, #b91c1c);font-size:.8rem;line-height:1.4;animation:shareToastSlideIn .25s ease-out}.share-modal-toast i.fa-exclamation-circle{flex-shrink:0;font-size:.9rem}.share-modal-toast span{flex:1}.share-modal-toast-close{background:none;border:none;color:var(--color-red-500, #ef4444);cursor:pointer;padding:.125rem;font-size:.75rem;flex-shrink:0;opacity:.7;transition:opacity .15s ease}.share-modal-toast-close:hover{opacity:1}@keyframes shareToastSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.share-modal-overlay{align-items:flex-end}.share-modal{width:100%;max-width:100%;height:72vh;max-height:72vh;border-radius:14px 14px 0 0;border:none;border-top:1px solid var(--color-modal-light-border);box-shadow:0 -8px 32px #30190b26;animation:shareModalSlideUpMobile .3s cubic-bezier(.16,1,.3,1)}.share-modal-handle{display:flex;justify-content:center;padding:.6rem 0 .15rem;cursor:pointer;flex-shrink:0}.share-modal-handle span{width:36px;height:4px;border-radius:2px;background:#00000026}.share-modal-header{padding:.55rem 1rem .7rem;border-bottom:none}.share-modal-header h3{font-size:.96rem}.share-modal-header-actions{gap:.45rem}.share-modal-copy-link{padding:0 .8rem;height:34px;min-width:34px;border-radius:999px;justify-content:center;border:1px solid var(--color-modal-light-border);font-size:.76rem;font-weight:600}.share-modal-copy-link i{font-size:.78rem}.share-modal-copy-link-text{display:inline}.share-modal-close{width:auto;height:34px;min-width:34px;border-radius:999px;padding:0 .8rem;font-size:.76rem;font-weight:700;border:1px solid var(--color-modal-light-border);gap:.35rem}.share-modal-close i{display:none}.share-modal-close:after{content:"Fermer"}.share-modal-tabs{padding:0 1rem}.share-modal-tab{padding:.55rem .5rem;font-size:.8rem;gap:.3rem}.share-modal-content-section{padding:.25rem .75rem 0;flex:1;min-height:0}.share-modal-row{gap:.6rem;padding:.6rem .5rem;border-radius:10px}.share-modal-avatar{width:34px;height:34px}.share-modal-name{font-size:.84rem}.share-modal-send-btn{width:auto;height:36px;min-width:86px;min-height:36px;padding:0 .8rem;border-radius:999px;gap:.35rem}.share-modal-send-btn i{font-size:.82rem}.share-modal-send-text{display:inline;font-size:.76rem;font-weight:700;letter-spacing:.01em}.share-modal-list{padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}.share-modal-load-more{padding:.55rem;font-size:.78rem}.share-modal-empty,.share-modal-loading{padding:1.25rem 0;font-size:.8rem}.share-modal-toast{margin:0 .75rem .75rem;padding:.5rem .7rem;font-size:.75rem}}@media(max-width:480px){.share-modal{height:75vh;max-height:75vh;border-radius:12px 12px 0 0}.share-modal-handle{padding:.5rem 0 .1rem}.share-modal-handle span{width:32px;height:3.5px}.share-modal-header{padding:.45rem .85rem .6rem}.share-modal-header h3{font-size:.92rem}.share-modal-copy-link,.share-modal-close{height:32px;min-width:32px;padding:0 .72rem;font-size:.72rem}.share-modal-copy-link i{font-size:.74rem}.share-modal-tab{padding:.5rem .4rem;font-size:.78rem}.share-modal-tabs{padding:0 .85rem}.share-modal-content-section{padding:.2rem .65rem 0}.share-modal-row{gap:.5rem;padding:.45rem .35rem}.share-modal-avatar{width:32px;height:32px}.share-modal-avatar--group{border-radius:6px}.share-modal-name{font-size:.8rem}.share-modal-send-btn{width:auto;height:34px;min-width:78px;padding:0 .72rem;border-radius:999px;gap:.28rem}.share-modal-send-text{font-size:.72rem}.share-modal-toast{margin:0 .5rem .5rem;padding:.4rem .55rem;font-size:.72rem}}@keyframes shareModalSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background-color:#30190b73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem;animation:modalFadeIn .25s ease-out;cursor:auto;pointer-events:auto}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg,var(--color-modal-light-surface-soft) 0%,var(--color-modal-light-surface) 100%);border-radius:20px;width:100%;max-width:460px;display:flex;flex-direction:column;box-shadow:0 24px 64px #30190b33,0 8px 20px #30190b1a;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden;max-height:85vh;min-height:0;border:1px solid var(--color-modal-light-border)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal.modal-compact{max-width:400px}.modal.modal-large{max-width:640px}.modal.modal-fullscreen{max-width:90vw}.modal-header{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1.75rem;border-bottom:1px solid var(--color-modal-light-border);position:relative;background:linear-gradient(180deg,#fff9f299,#fff5ee4d)}.modal-header-icon{width:48px;height:48px;border-radius:14px;background:var(--color-modal-light-accent-soft);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-modal-light-accent);flex-shrink:0}.modal-header-icon.warning{background-color:#f59e0b1a;color:var(--color-amber-700)}.modal-header-icon.danger{background-color:#dc262614;color:var(--color-red-600)}.modal-header-icon.success{background-color:#05966914;color:var(--color-green-600)}.modal-header-content{flex:1;min-width:0}.modal-title{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;color:var(--color-modal-light-text);letter-spacing:-.01em}.modal-description{margin:0;font-size:.85rem;color:var(--color-modal-light-muted);line-height:1.4}.modal-close{position:absolute;top:1.25rem;right:1.25rem;background:#fff9;border:none;font-size:1.1rem;color:var(--color-modal-light-muted);cursor:pointer;padding:.25rem;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #30190b0f}.modal-close:hover{background-color:#fff;color:var(--color-modal-light-accent);box-shadow:0 4px 12px #30190b1a}.modal-close:active{transform:scale(.92)}.modal-body{padding:1.5rem 1.75rem;flex:1;overflow-y:auto;overflow-x:hidden;color:var(--color-modal-light-text);min-height:0;font-size:.925rem;line-height:1.6}.modal-footer{display:flex;gap:.75rem;padding:1.125rem 1.75rem 1.25rem;border-top:1px solid var(--color-modal-light-border);background:linear-gradient(180deg,#fff9f266,#f1d3be26);justify-content:flex-end;flex-wrap:wrap}.modal-button{padding:.6rem 1.375rem;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:40px;display:flex;align-items:center;justify-content:center;letter-spacing:.01em}.modal-button.primary{background:linear-gradient(140deg,var(--color-modal-light-accent) 0%,var(--color-modal-light-accent-hover) 100%);color:var(--color-white);box-shadow:0 2px 8px #7a341033}.modal-button.primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 4px 14px #7a341047;transform:translateY(-1px)}.modal-button.secondary{background-color:var(--color-modal-light-surface-soft);color:var(--color-modal-light-text);border:1px solid var(--color-modal-light-border)}.modal-button.secondary:hover:not(:disabled){background-color:#fff;border-color:var(--color-modal-light-border-strong)}.modal-button.danger{background:linear-gradient(140deg,var(--color-red-600) 0%,var(--color-red-700) 100%);color:var(--color-white);box-shadow:0 2px 8px #dc262633}.modal-button.danger:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 4px 14px #dc262647;transform:translateY(-1px)}.modal-button.success{background:linear-gradient(140deg,var(--color-green-600) 0%,var(--color-green-700) 100%);color:var(--color-white);box-shadow:0 2px 8px #05966933}.modal-button.success:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 4px 14px #05966947;transform:translateY(-1px)}.modal-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:none!important}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media(max-width:768px){.modal-overlay{padding:.75rem}.modal{max-width:100%;max-height:90vh;border-radius:16px}.modal-header{padding:1.25rem;gap:.75rem}.modal-title{font-size:1rem}.modal-description{font-size:.8rem}.modal-body{padding:1.25rem}.modal-footer{flex-wrap:wrap;gap:.5rem;padding:.875rem 1.25rem}.modal-button{flex:1 1 calc(50% - .25rem);min-width:100px;font-size:.8125rem;padding:.5rem .875rem}}@media(max-width:480px){.modal-overlay{padding:.5rem}.modal{max-width:100%;max-height:95vh}.modal-header{padding:1rem;flex-direction:column}.modal-header-icon{width:48px;height:48px;font-size:1.25rem}.modal-close{position:relative;top:0;right:0}.modal-title{font-size:.95rem;margin:.5rem 0 0}.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem;gap:.375rem}.modal-button{flex:1 1 100%;font-size:.75rem;padding:.45rem .75rem;min-height:32px}}@media(max-width:640px){.modal{max-width:100%;border-radius:8px;max-height:85vh}.modal.modal-large{max-width:100%}.modal-header{padding:1.25rem;gap:.75rem}.modal-header-icon{width:48px;height:48px;font-size:1.25rem}.modal-title{font-size:1rem}.modal-body{padding:1.25rem}.modal-footer{padding:1rem 1.25rem;flex-direction:column-reverse}.modal-footer .modal-button{width:100%}.modal-close{top:1rem;right:1rem;width:28px;height:28px;font-size:1.1rem}}@media(max-width:480px){.modal{margin:0 auto}.modal-header,.modal-body{padding:1rem}.modal-footer{padding:.875rem 1rem;gap:.5rem}.modal-button{padding:.5rem 1rem;font-size:.8125rem}}@media(prefers-color-scheme:dark){.modal{background:var(--color-white);color:var(--color-gray-900)}.modal-overlay{background-color:#30190ba6}}.modal-button:active:not(:disabled){transform:scale(.97)!important}.book-page-root{position:fixed;inset:0;display:flex;flex-direction:row;background:#f5ede4;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;z-index:10}.book-wrapper{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;min-width:0}.book-body{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0}.book-cover-panel{width:310px;flex-shrink:0;height:100%;overflow-y:auto;overflow-x:hidden;padding:1.75rem 1.25rem 2rem 1.5rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid rgba(30,15,5,.07);background:linear-gradient(160deg,#f8f1eacc,#f5ede480);scrollbar-width:thin;scrollbar-color:rgba(30,15,5,.1) transparent;animation:bk-slideInLeft .38s cubic-bezier(.22,1,.36,1) both}.book-cover-panel::-webkit-scrollbar{width:4px}.book-cover-panel::-webkit-scrollbar-track{background:transparent}.book-cover-panel::-webkit-scrollbar-thumb{background:#1e0f051f;border-radius:999px}.book-scroll-panel{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;padding:2rem 2.25rem 3rem 1.75rem;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:thin;scrollbar-color:rgba(30,15,5,.15) transparent;animation:bk-slideInRight .38s cubic-bezier(.22,1,.36,1) both}.book-scroll-panel::-webkit-scrollbar{width:5px}.book-scroll-panel::-webkit-scrollbar-track{background:transparent}.book-scroll-panel::-webkit-scrollbar-thumb{background:#1e0f052e;border-radius:999px}.book-topbar{flex-shrink:0;z-index:50;display:flex;align-items:center;gap:1rem;padding:.875rem 2rem;background:#f5ede4f5;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid rgba(30,15,5,.08)}.book-back-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;background:#1e0f050f;border:1.5px solid rgba(30,15,5,.12);border-radius:999px;color:#1e0f05;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,transform .15s;white-space:nowrap;flex-shrink:0}.book-back-btn:hover{background:#1e0f051a;border-color:#1e0f0540;transform:translate(-2px)}.book-topbar-title{flex:1;font-family:"DM Serif Display",Georgia,serif;font-size:1.15rem;font-style:italic;font-weight:400;color:#1e0f05;letter-spacing:-.01em;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.book-share-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:transparent;border:1.5px solid rgba(30,15,5,.15);border-radius:999px;color:#1e0f05a6;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s ease;flex-shrink:0}.book-share-btn:hover{background:var(--color-brand-accent);border-color:var(--color-brand-accent);color:#fff8f0}.book-cover-frame{position:relative;border-radius:16px;flex-shrink:0}.book-cover-frame:after{content:"";position:absolute;inset:-10px;border-radius:24px;background:radial-gradient(ellipse at 40% 60%,rgba(192,98,42,.55),rgba(232,150,10,.2) 55%,transparent 75%);opacity:0;filter:blur(18px);z-index:-1;pointer-events:none;transition:opacity .5s ease}.book-cover-frame:hover:after{opacity:1}.book-cover-wrap{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 10px 32px #1e0f053d;background:#e8ddd4;aspect-ratio:2 / 3;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}.book-cover-frame:hover .book-cover-wrap{transform:perspective(700px) rotateY(-10deg) rotateX(3deg) translateY(-5px) scale(1.02);box-shadow:18px 28px 56px #1e0f0561}.book-cover-wrap:after{content:"";position:absolute;top:0;left:0;width:45%;height:60%;background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,transparent 60%);pointer-events:none;z-index:2;border-radius:14px 0 0}.book-cover-wrap:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent);z-index:3;pointer-events:none}.book-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.book-cover-frame:hover .book-image{transform:scale(1.04)}.book-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8ddd4,#d4c4b0);color:#1e0f0533;font-size:3.5rem}.book-rating{background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-radius:14px;padding:.875rem 1rem;text-align:center;box-shadow:0 2px 8px #1e0f050d;transition:transform .2s,box-shadow .2s}.book-rating:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1e0f051a}.book-rating-stars{display:flex;justify-content:center;gap:3px;margin-bottom:.375rem}.book-rating-value{font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600;color:#1e0f058c}.book-readers{background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-radius:14px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 2px 8px #1e0f050d}.book-readers-count{display:flex;align-items:center;gap:.5rem;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500;color:#1e0f058c}.book-readers-count i{font-size:.9rem;color:#c0622a;width:16px;text-align:center}.book-readers-friends{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(30,15,5,.06)}.book-readers-avatars{display:flex;flex-shrink:0}.book-readers-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #fdf7f1;margin-left:-8px;cursor:pointer;transition:transform .15s}.book-readers-avatar:first-child{margin-left:0}.book-readers-avatar:hover{transform:scale(1.12);z-index:1}.book-readers-friends-text{font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;color:#1e0f058c;line-height:1.3}.book-actions-panel{background:#fffbf7e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(30,15,5,.09);border-radius:16px;padding:1rem;box-shadow:0 2px 12px #1e0f050d;display:flex;flex-direction:column;gap:.75rem}.book-actions-label{font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:700;color:#1e0f0566;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:.45rem}.book-actions-label:before{content:"";display:inline-block;width:3px;height:11px;background:var(--color-brand-accent, #c0622a);border-radius:999px;flex-shrink:0}.book-status-list{display:flex;flex-direction:column;gap:.35rem}.book-status-row{display:flex;align-items:center;gap:.5rem}.book-list-label{flex:1;display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:10px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:500;color:#1e0f05;background:#1e0f050a;border:1.5px solid transparent;transition:background .18s,border-color .18s,color .18s,transform .15s;-webkit-user-select:none;user-select:none;margin-bottom:0}.book-list-label:hover{background:#1e0f0514;border-color:#1e0f051a;transform:translate(2px)}.book-list-label:has(input:checked){background:#c0622a1a;border-color:#c0622a4d}.book-list-label:has(input:checked) span{color:var(--color-brand-accent, #c0622a);font-weight:600}.book-list-label input[type=radio],.book-list-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-brand-accent);cursor:pointer;flex-shrink:0}.book-list-label span{font-weight:500;color:#1e0f05}.book-remove-button{display:inline-flex;align-items:center;gap:.28rem;padding:.3rem .7rem;background:#c0392b14;color:#c0392b;border:1px solid rgba(192,57,43,.25);border-radius:999px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.01em;flex-shrink:0;transition:color .18s ease,border-color .18s ease,background .18s ease}.book-remove-button:hover{background:#c0392b26;border-color:#c0392b80;color:#a93226}.book-remove-button:disabled{opacity:.3;cursor:not-allowed}.book-actions-sep{height:1px;background:#1e0f0512;flex-shrink:0}.book-personal-lists{display:flex;flex-direction:column;gap:.35rem}.book-new-list-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.book-new-list-input{width:100%;padding:.5rem .75rem;border:1.5px solid rgba(30,15,5,.15);border-radius:10px;font-family:DM Sans,sans-serif;font-size:.85rem;color:#1e0f05;background:#1e0f0508;outline:none;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}.book-new-list-input:focus{border-color:var(--color-brand-accent);box-shadow:0 0 0 3px #c0622a1f}.book-new-list-input::placeholder{color:#1e0f0552}.book-new-list-actions{display:flex;gap:.4rem}.book-new-list-actions .book-btn{flex:1}.book-progress-bar{display:flex;flex-direction:column;gap:.4rem}.book-progress-bar-row{display:flex;align-items:center;gap:.6rem}.book-progress-container{display:flex;align-items:center;gap:.5rem}.book-progress-track{flex:1;height:7px;background:#1e0f051a;border-radius:999px;overflow:hidden}.book-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-brand-accent, #c0622a),#e8960a);border-radius:999px;transition:width .5s ease;position:relative;overflow:hidden}.book-progress-fill:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:bk-shine 2.2s ease infinite}.book-progress-text{font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:700;color:var(--color-brand-accent, #c0622a);white-space:nowrap;min-width:52px;text-align:right}.book-progress-form{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#1e0f0508;border:1px solid rgba(30,15,5,.07);border-radius:12px}.book-mode-tabs{display:flex;gap:3px;background:#1e0f050f;border-radius:999px;padding:3px}.book-mode-tab{flex:1;padding:.3rem .5rem;border:none;border-radius:999px;background:transparent;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600;color:#1e0f0573;cursor:pointer;transition:background .15s,color .15s}.book-mode-tab.active{background:#fff8f0;color:#1e0f05;box-shadow:0 1px 4px #1e0f051f}.book-input-group{display:flex;gap:.5rem;align-items:center}.book-input-group input{flex:1;padding:.45rem .625rem;border:1.5px solid rgba(30,15,5,.15);border-radius:10px;font-family:DM Sans,sans-serif;font-size:.85rem;color:#1e0f05;background:#fdf7f1f7;outline:none;transition:border-color .18s,box-shadow .18s}.book-input-group input:focus{border-color:var(--color-brand-accent);box-shadow:0 0 0 3px #c0622a1a}.book-input-unit{font-family:DM Sans,sans-serif;font-size:.8rem;color:#1e0f0573;white-space:nowrap;min-width:36px}.book-title{font-family:"DM Serif Display",Georgia,serif;font-size:2.4rem;font-weight:400;color:#1e0f05;line-height:1.18;letter-spacing:-.025em;margin:0;background:linear-gradient(to right,var(--color-brand-accent, #c0622a) 0%,transparent 0%) no-repeat left bottom / 0% 2px;transition:background-size .4s ease;padding-bottom:2px}.book-title:hover{background-size:100% 2px}.book-meta-card{background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 2px 10px #1e0f050a;display:flex;flex-direction:column;gap:.5rem;transition:box-shadow .2s}.book-meta-card:hover{box-shadow:0 6px 20px #1e0f0514}.book-meta-item{display:flex;align-items:flex-start;gap:.875rem;font-family:DM Sans,sans-serif;font-size:.875rem;line-height:1.5}.book-meta-label{font-weight:700;color:#1e0f0561;text-transform:uppercase;font-size:.68rem;letter-spacing:.08em;min-width:88px;flex-shrink:0;padding-top:.15rem}.book-meta-value{color:#1e0f05;font-weight:500}.book-description-card{background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 2px 10px #1e0f050a;transition:box-shadow .2s}.book-description-card:hover{box-shadow:0 6px 20px #1e0f0514}.book-section-label{font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:700;color:#1e0f0561;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;display:flex;align-items:center;gap:.45rem}.book-section-label:before{content:"";display:inline-block;width:3px;height:11px;background:var(--color-brand-accent, #c0622a);border-radius:999px;flex-shrink:0}.book-description-text{font-family:DM Sans,sans-serif;font-size:.9rem;color:#1e0f05b8;line-height:1.78;margin:0}.book-identifiers-card{background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-radius:16px;padding:1.1rem 1.5rem;box-shadow:0 1px 4px #1e0f0508}.book-identifiers{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.book-identifiers li{font-family:DM Sans,sans-serif;font-size:.82rem;color:#1e0f058c}.book-identifiers strong{color:#1e0f05b3;font-weight:700}.book-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;background:#1e0f05;color:#f1d3be;border:none;border-radius:10px;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.02em;transition:background .18s,transform .15s,box-shadow .15s;white-space:nowrap}.book-btn:hover:not(:disabled){background:#30190b;transform:translateY(-1px);box-shadow:0 4px 12px #1e0f0538}.book-btn:active:not(:disabled){transform:translateY(0)}.book-btn:disabled{opacity:.5;cursor:not-allowed}.book-btn-secondary{background:#1e0f050f;color:#1e0f05a6;border:1.5px solid rgba(30,15,5,.12)}.book-btn-secondary:hover:not(:disabled){background:#1e0f051a;box-shadow:none;transform:none}.book-btn-danger{background:transparent;color:#d93025;border:1.5px solid rgba(217,48,37,.3);padding:.3rem .7rem;font-size:.78rem}.book-btn-danger:hover:not(:disabled){background:#d9302514;border-color:#d9302580;box-shadow:none;transform:none}.book-create-list-btn{width:100%}.book-button-group{display:flex;gap:.5rem;flex-wrap:wrap}.book-review-form{background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-radius:18px;padding:1.5rem;box-shadow:0 2px 10px #1e0f050d;display:flex;flex-direction:column;gap:1.1rem;animation:bk-fadeIn .25s ease both}.book-review-group{display:flex;flex-direction:column;gap:.5rem}.book-review-group label{font-family:DM Sans,sans-serif;font-size:.68rem;font-weight:700;color:#1e0f0561;text-transform:uppercase;letter-spacing:.1em}.book-rating-selector{display:flex;gap:.5rem;padding:.2rem 0}.book-star-btn{background:none;border:none;cursor:pointer;padding:4px;line-height:1;position:relative;transition:transform .2s cubic-bezier(.22,1,.36,1),filter .2s ease,opacity .2s ease}.book-star-btn:not(.selected){opacity:.22;filter:grayscale(.5)}.book-star-btn:not(.selected):hover{opacity:.65;transform:scale(1.35) translateY(-3px);filter:drop-shadow(0 3px 8px rgba(251,191,36,.4))}.book-star-btn.selected:hover{transform:scale(1.15) translateY(-1px)}.book-star-btn.selected{opacity:1}.book-star-btn.selected svg{animation:bk-star-appear .32s cubic-bezier(.22,1,.36,1) both}.book-star-btn.selected:after{display:none}.book-star-btn:nth-child(1).selected svg,.book-star-btn:nth-child(1).selected:after{animation-delay:0ms}.book-star-btn:nth-child(2).selected svg,.book-star-btn:nth-child(2).selected:after{animation-delay:50ms}.book-star-btn:nth-child(3).selected svg,.book-star-btn:nth-child(3).selected:after{animation-delay:.1s}.book-star-btn:nth-child(4).selected svg,.book-star-btn:nth-child(4).selected:after{animation-delay:.15s}.book-star-btn:nth-child(5).selected svg,.book-star-btn:nth-child(5).selected:after{animation-delay:.2s}.book-textarea{width:100%;min-height:110px;padding:.75rem 1rem;border:1.5px solid rgba(30,15,5,.12);border-radius:12px;font-family:DM Sans,sans-serif;font-size:.9rem;color:#1e0f05;background:#1e0f0505;resize:vertical;outline:none;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}.book-textarea:focus{border-color:var(--color-brand-accent);box-shadow:0 0 0 3px #c0622a1a}.book-textarea::placeholder{color:#1e0f0552}.book-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.book-section-title{font-family:"DM Serif Display",Georgia,serif;font-size:1.35rem;font-style:italic;font-weight:400;color:#1e0f05;letter-spacing:-.01em;margin:0}.book-section-count{font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600;color:#1e0f0561;background:#1e0f050f;border-radius:999px;padding:.2rem .65rem}.book-reviews-list{display:flex;flex-direction:column;gap:.875rem}.book-review-card{background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-left:3px solid transparent;border-radius:18px;padding:1.1rem 1.25rem;box-shadow:0 1px 4px #1e0f050a;transition:box-shadow .22s,transform .22s,border-left-color .22s}.book-review-card:hover{box-shadow:0 8px 26px #1e0f051a;transform:translate(5px);border-left-color:var(--color-brand-accent, #c0622a)}.book-review-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.book-review-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(30,15,5,.1);flex-shrink:0;transition:border-color .18s,transform .18s}.book-review-avatar:hover{border-color:var(--color-brand-accent, #c0622a);transform:scale(1.08)}.book-review-user-info{flex:1;min-width:0}.book-review-username{font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:700;color:#1e0f05;transition:color .15s;line-height:1.25}.book-review-username:hover{color:var(--color-brand-accent)}.book-review-rating{display:flex;gap:2px;margin-top:3px}.book-review-text{font-family:DM Sans,sans-serif;font-size:.9rem;color:#1e0f05bf;line-height:1.65;margin:0 0 .625rem;white-space:pre-wrap;word-break:break-word}.book-review-footer{display:flex;justify-content:space-between;align-items:center;font-family:DM Sans,sans-serif;font-size:.75rem;color:#1e0f0561}.book-review-actions{display:flex;gap:.5rem;align-items:center}.book-review-empty{text-align:center;padding:2.5rem 1.5rem;background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-radius:18px;font-family:DM Sans,sans-serif;font-size:.9rem;color:#1e0f0561;font-style:italic}.book-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:bk-fadeIn .2s ease}.book-modal-content{background:#fdf7f1;border-radius:20px;padding:1.75rem;max-width:400px;width:90%;box-shadow:0 24px 60px #1e0f0540;animation:bk-slideUp .22s cubic-bezier(.22,1,.36,1)}.book-modal-header{text-align:center;margin-bottom:1.25rem}.book-modal-icon{width:56px;height:56px;border-radius:50%;background:#d930251a;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;color:#d93025}.book-modal-title{font-family:"DM Serif Display",Georgia,serif;font-size:1.2rem;font-weight:400;color:#1e0f05;margin:0 0 .5rem}.book-modal-description{font-family:DM Sans,sans-serif;font-size:.875rem;color:#1e0f0599;line-height:1.55;margin:0}.book-modal-buttons{display:flex;gap:.75rem;margin-top:1.25rem}.book-modal-buttons button{flex:1;padding:.75rem 1rem;border:none;border-radius:12px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;transition:all .18s}.book-modal-cancel{background:#1e0f050f;color:#1e0f05a6}.book-modal-cancel:hover:not(:disabled){background:#1e0f051a}.book-modal-confirm{background:#d93025;color:#fff}.book-modal-confirm:hover:not(:disabled){background:#b71c1c;transform:translateY(-1px);box-shadow:0 4px 12px #d930254d}.book-modal-confirm:disabled{opacity:.6}.book-error-message,.book-loading-message,.book-unavailable-message{display:flex;align-items:center;justify-content:center;min-height:100%;padding:3rem;font-family:DM Sans,sans-serif;font-size:.9rem;text-align:center}.book-error-message{color:#d93025}.book-loading-message,.book-unavailable-message{color:#1e0f0573}.book-link{color:var(--color-brand-accent);text-decoration:underline;font-size:.85rem;transition:color .15s}.book-link:hover{color:var(--color-brand-dark)}@keyframes bk-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bk-slideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bk-slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bk-slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes bk-shine{0%{left:-80%}to{left:140%}}@keyframes bk-star-appear{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@media(max-width:1024px){.book-cover-panel{width:270px;padding:1.5rem 1rem 1.5rem 1.25rem}.book-scroll-panel{padding:1.5rem 1.5rem 3rem}}@media(max-width:768px){.book-page-root{position:relative;min-height:100vh;min-height:100dvh}.book-wrapper{height:auto;overflow:visible}.book-body{flex-direction:column;overflow:visible;height:auto}.book-cover-panel{width:100%;height:auto;overflow:visible;border-right:none;border-bottom:1px solid rgba(30,15,5,.07);flex-direction:row;flex-wrap:wrap;padding:1.25rem 1rem;gap:1rem;animation:bk-fadeIn .35s ease both}.book-cover-frame{width:120px;flex-shrink:0}.book-cover-actions-mobile{flex:1;display:flex;flex-direction:column;gap:.75rem;min-width:0}.book-scroll-panel{height:auto;overflow:visible;padding:1.25rem 1rem 3rem;animation:bk-fadeIn .35s ease both}.book-topbar{padding:.75rem 1rem}.book-topbar-title{font-size:1rem}.book-title{font-size:1.75rem}}@media(max-width:480px){.book-cover-panel{padding:1rem}.book-cover-frame{width:100px}.book-scroll-panel{padding:1rem .875rem 3rem;gap:1.25rem}.book-title{font-size:1.45rem}}.online-status-badge{display:inline-flex;align-items:center;gap:.5rem;position:relative}.badge-dot{border-radius:50%;flex-shrink:0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.badge-small .badge-dot{width:8px;height:8px}.badge-medium .badge-dot{width:10px;height:10px}.badge-large .badge-dot{width:14px;height:14px}.badge-label{font-size:.875rem;font-weight:500;color:var(--text-color, #111827);white-space:nowrap}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.badge-dot-offline{animation:none!important}.badge-large{display:inline-flex}.badge-large .badge-label{font-size:.95rem}.quick-add-overlay{position:fixed;inset:0;background-color:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1100;pointer-events:auto;padding:1rem;box-sizing:border-box;animation:quickAddFadeIn .2s ease-out}@keyframes quickAddFadeIn{0%{opacity:0}to{opacity:1}}@keyframes quickAddSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quick-add-modal{background-color:var(--color-white, #fff);border-radius:14px;width:92%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;min-height:0;box-shadow:0 20px 60px #00000059;animation:quickAddSlideUp .25s ease-out;overflow:hidden}.quick-add-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem .75rem;border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.quick-add-header h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--color-gray-900, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 40px)}.quick-add-close{background:none;border:none;font-size:1.25rem;color:var(--color-gray-500, #6b7280);cursor:pointer;padding:.25rem;line-height:1;transition:color .15s;flex-shrink:0}.quick-add-close:hover{color:var(--color-gray-900, #111827)}.quick-add-search{position:relative;padding:.75rem 1.5rem}.quick-add-search-icon{position:absolute;left:2.25rem;top:50%;transform:translateY(-50%);color:var(--color-gray-400, #9ca3af);font-size:.85rem;pointer-events:none}.quick-add-search input{width:100%;padding:.6rem .75rem .6rem 2.25rem;border:1px solid var(--color-gray-300, #d1d5db);border-radius:8px;font-size:.9rem;color:var(--color-gray-900, #111827);background:var(--color-gray-50, #f9fafb);outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.quick-add-search input:focus{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px #6366f11f}.quick-add-books-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:.25rem 0 .75rem}.quick-add-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500, #6b7280);padding:.75rem 1.5rem .35rem}.quick-add-book-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 1.5rem;transition:background-color .12s}.quick-add-book-row:hover{background-color:var(--color-gray-50, #f9fafb)}.quick-add-book-in-list{background-color:var(--color-gray-50, #f3f4f6)}.quick-add-book-thumb{width:40px;height:56px;border-radius:4px;overflow:hidden;flex-shrink:0;background-color:var(--color-gray-200, #e5e7eb)}.quick-add-book-thumb img{width:100%;height:100%;object-fit:cover}.quick-add-book-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400, #9ca3af);font-size:1rem}.quick-add-book-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.quick-add-book-title{font-size:.9rem;font-weight:600;color:var(--color-gray-900, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-add-book-author{font-size:.78rem;color:var(--color-gray-500, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-add-btn{width:34px;height:34px;border-radius:8px;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s,box-shadow .15s,background-color .15s;line-height:1}.quick-add-btn:hover{transform:scale(1.12)}.quick-add-btn:active{transform:scale(.95)}.quick-add-btn-add{background-color:#22c55e;color:#fff}.quick-add-btn-add:hover{background-color:#16a34a;box-shadow:0 2px 8px #22c55e59}.quick-add-btn-remove{background-color:#ef4444;color:#fff;font-size:.95rem}.quick-add-btn-remove:hover{background-color:#dc2626;box-shadow:0 2px 8px #ef444459}.quick-add-empty{text-align:center;padding:2.5rem 1.5rem;color:var(--color-gray-400, #9ca3af);font-size:.9rem}.profile-list-quickadd-btn{padding:.5rem .875rem;background-color:#22c55e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s ease;line-height:1}.profile-list-quickadd-btn:hover{background-color:#16a34a;box-shadow:0 2px 4px #22c55e4d}@media(max-width:480px){.quick-add-modal{width:100%;max-height:90vh;border-radius:12px 12px 0 0;align-self:flex-end}.quick-add-header{padding:1rem 1rem .6rem}.quick-add-search{padding:.6rem 1rem}.quick-add-book-row{padding:.5rem 1rem}.quick-add-section-label{padding:.6rem 1rem .3rem}}.book-card-grid{border:1px solid var(--color-gray-200);border-radius:8px;overflow:hidden;background:var(--color-white);display:flex;flex-direction:column;transition:all .2s ease;cursor:pointer;box-shadow:0 1px 3px #0000000d}.book-card-grid:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--color-gray-300);transform:translateY(-2px)}.book-card-grid-image{width:100%;height:220px;background-color:var(--color-gray-100);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.book-card-grid-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.book-card-grid:hover .book-card-grid-img{transform:scale(1.05)}.book-card-grid-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--color-gray-400);background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-150) 100%)}.book-card-grid-placeholder i{font-size:2rem}.book-card-placeholder-text{font-size:.75rem;text-align:center;padding:.5rem;display:none}.book-card-grid.compact{border:none;box-shadow:none;background:transparent}.book-card-grid.compact:hover{box-shadow:0 2px 8px #0000001a;transform:scale(1.02)}.book-card-grid.compact .book-card-grid-image{height:160px;border-radius:6px;border:1px solid var(--color-gray-200)}.book-card-grid-info{padding:.75rem;flex:1;display:flex;flex-direction:column;gap:.35rem;min-width:0}.book-card-title{font-weight:600;color:var(--color-gray-900);font-size:.9375rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.book-card-author{font-size:.8125rem;color:var(--color-gray-500);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.book-card-review{display:flex;gap:.75rem;padding:1rem;border:1px solid var(--color-gray-200);border-radius:8px;background:var(--color-white);cursor:pointer;transition:all .2s ease}.book-card-review:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--color-gray-300)}.book-card-review-cover{width:80px;height:120px;flex-shrink:0;border-radius:4px;overflow:hidden;background:var(--color-gray-100)}.book-card-review-img{width:100%;height:100%;object-fit:cover}.book-card-review-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-150) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400)}.book-card-review-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.book-card-review-title{font-weight:600;color:var(--color-gray-900);margin:0;font-size:.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.book-card-review-author{font-size:.8125rem;color:var(--color-gray-500);margin:0;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.book-card-review-snippet{font-size:.8125rem;color:var(--color-gray-600);margin:.25rem 0 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-card-review-rating{font-size:.8125rem;font-weight:600;color:var(--color-orange-500);margin-top:.25rem}.book-card-table{display:contents}.book-card-table-cover{cursor:pointer}.book-card-table-cover:hover img{opacity:.8}.book-card-table-img{display:block;width:40px;height:auto;border-radius:2px;transition:opacity .2s ease}.book-card-table-placeholder{display:flex;align-items:center;justify-content:center;width:40px;height:60px;background:var(--color-gray-100);border-radius:2px;color:var(--color-gray-400);font-size:1rem}.book-card-table-title{cursor:pointer;color:var(--color-blue-600);transition:color .2s ease}.book-card-table-title:hover{color:var(--color-blue-700);text-decoration:underline}.book-card-table-author{font-size:.875rem;color:var(--color-gray-600)}.book-card-table-rating{font-size:.875rem;color:var(--color-gray-600);text-align:center}@media(max-width:1024px){.book-card-grid-image{height:200px}}@media(max-width:768px){.book-card-grid-image{height:180px}.book-card-grid-info{padding:.5rem}.book-card-title{font-size:.875rem}.book-card-author{font-size:.75rem}.book-card-review{padding:.75rem;gap:.5rem}.book-card-review-cover{width:70px;height:105px}.book-card-review-title{font-size:.875rem}.book-card-review-author{font-size:.75rem}}@media(max-width:480px){.book-card-grid-image{height:150px}.book-card-grid.compact .book-card-grid-image{height:130px}.book-card-grid-info{padding:.4rem;gap:.2rem}.book-card-title{font-size:.8rem;-webkit-line-clamp:1;line-clamp:1}.book-card-review-cover{width:55px;height:82px}.book-card-review-snippet{-webkit-line-clamp:1;line-clamp:1;font-size:.75rem}}.prof-main-inner{max-width:100%!important;margin:0!important;padding:0!important}.prof-main-inner .h-feed-scroll{padding:0 0 3rem;margin:0 100px}.prof-tabs-bar,.prof-tab-body{padding-left:0;padding-right:0}.prof-banner-wrap{width:100%;height:280px;overflow:hidden;border-radius:18px 18px 0 0;background:#2d2418;flex-shrink:0;position:relative}.prof-banner-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(0,0,0,.4),transparent);pointer-events:none}.prof-banner-img{width:100%;height:100%;object-fit:cover;display:block}.prof-banner-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1208,#3d3225 40%,#5a4a35)}.prof-hero-card{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #e8e3db;border-top:none;border-radius:0 0 18px 18px;padding:0 2rem 2rem;margin-bottom:1.5rem;position:relative;box-shadow:0 4px 24px #0000000d}.prof-avatar-col{flex-shrink:0;margin-top:-70px;z-index:2}.prof-avatar-wrap{position:relative;width:140px;height:140px}.prof-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 4px 24px #0000002e;background:#e5e0d8;display:block;transition:transform .2s ease}.prof-avatar:hover{transform:scale(1.03)}.prof-hero-info{flex:1;min-width:0;padding-top:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.prof-hero-toprow{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:.5rem;width:100%}.prof-name-row{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.prof-username{font-size:1.75rem;font-weight:800;color:#1a1208;margin:0;line-height:1.2;letter-spacing:-.02em}.prof-private-badge{font-size:.7rem;color:#5a4a35;background:#f5f0e8;border:1px solid #d4c9b8;border-radius:99px;padding:.2rem .7rem;display:inline-flex;align-items:center;gap:.3rem;font-weight:600}.prof-action-row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.prof-btn{padding:.55rem 1.4rem;border-radius:99px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap}.prof-btn:active{transform:scale(.97)}.prof-btn--primary{background:#2d2418;color:#fff}.prof-btn--primary:hover{background:#1a1208;box-shadow:0 4px 16px #0003}.prof-btn--ghost{background:transparent;color:#2d2418;border:1.5px solid #d4c9b8}.prof-btn--ghost:hover{background:#f5f0e8;border-color:#8a7660}.prof-btn--icon{padding:.55rem .75rem;font-size:1rem}.prof-stats-row{display:flex;gap:0;margin:.75rem 0;background:#faf8f5;border-radius:12px;padding:.75rem .5rem;border:1px solid #f0ece4;flex-wrap:wrap;justify-content:center}.prof-stat{text-align:center;min-width:55px;padding:.25rem 1.1rem;position:relative;transition:background .15s ease;border-radius:8px}.prof-stat:not(:last-child):after{content:"";position:absolute;right:0;top:15%;height:70%;width:1px;background:#e5e0d8}.prof-stat--clickable{cursor:pointer}.prof-stat--clickable:hover{background:#8a766014}.prof-stat--clickable:hover .prof-stat-value{color:#5a4a35}.prof-stat-value{font-size:1.25rem;font-weight:800;color:#1a1208;line-height:1}.prof-stat-label{font-size:.68rem;color:#8a7660;margin-top:.3rem;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.prof-bio{font-size:.925rem;color:#4a3f2f;line-height:1.6;margin:.25rem 0 0;max-width:500px;text-align:center}.prof-bio--empty{color:#b0a090;font-style:italic}.prof-tabs-bar{display:flex;gap:0;background:transparent;border:none;border-bottom:2px solid #f0ece4;border-radius:0;padding:0;margin-bottom:1.5rem}.prof-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1rem;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;border-radius:0;background:transparent;color:#8a7660;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.prof-tab i{font-size:.85rem}.prof-tab:hover{color:#2d2418;background:transparent}.prof-tab--active{color:#2d2418;border-bottom-color:#2d2418;background:transparent}.prof-tab--active:hover{color:#2d2418;background:transparent}.prof-tab-badge{display:inline-flex;align-items:center;justify-content:center;background:#b91c1c;color:#fff;font-size:.65rem;font-weight:700;border-radius:99px;min-width:18px;height:18px;padding:0 5px}.prof-tab-body{padding-bottom:2rem}.prof-section{margin-bottom:2.5rem}.prof-section-title{font-size:1.1rem;font-weight:700;color:#2d2418;margin-bottom:1.25rem;padding-bottom:0;border-bottom:none;display:flex;align-items:center;gap:.5rem}.prof-section-title:before{content:"";display:inline-block;width:4px;height:1.1em;background:#2d2418;border-radius:2px}.prof-collections-mobile,.prof-shelf-list.prof-collections-mobile{display:none}.prof-collections-desktop{display:block}@media(max-width:768px){.prof-collections-desktop{display:none}.prof-collections-mobile,.prof-shelf-list.prof-collections-mobile{display:flex;flex-direction:column}}.prof-shelf-list{display:flex;flex-direction:column;border:1px solid #e8e3db;border-radius:14px;overflow:hidden;background:#fff}.prof-shelf-row-wrap{border-bottom:1px solid #e8e3db}.prof-shelf-row-wrap:last-child{border-bottom:none}.prof-shelf-row{display:flex;align-items:center;gap:1.25rem;padding:1.1rem 1.25rem;cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none}.prof-shelf-row:hover{background:#faf8f5}.prof-shelf-covers{position:relative;height:84px;flex-shrink:0}.prof-shelf-cover{position:absolute;top:0;width:58px;height:84px;object-fit:cover;border-radius:6px;box-shadow:2px 2px 8px #00000038;background:#e8e3db;transition:transform .2s ease}.prof-shelf-row:hover .prof-shelf-cover:first-child{transform:translateY(-3px)}.prof-shelf-empty{width:80px;height:84px;border-radius:8px;background:#f5f0e8;border:1.5px dashed #d4c9b8;display:flex;align-items:center;justify-content:center;color:#5a4a35;font-size:1.4rem}.prof-shelf-info{flex:1;min-width:0}.prof-shelf-label{font-size:1rem;font-weight:700;color:#1a1208;margin-bottom:.3rem}.prof-shelf-count{font-size:.875rem;color:#8a7660}.prof-shelf-chevron{color:#b0a090;font-size:.85rem;flex-shrink:0;transition:color .15s ease}.prof-shelf-row:hover .prof-shelf-chevron{color:#5a4a35}.prof-shelf-expanded{padding:.75rem 1.25rem 1.25rem;border-top:1px solid #f0ece4;background:#faf8f5}.pubprof-page{min-height:100vh;background:#faf8f5}.pubprof-inner{max-width:900px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.pubprof-inner .prof-banner-wrap{border-radius:18px 18px 0 0}.pubprof-inner .prof-tabs-bar,.pubprof-inner .prof-tab-body{padding-left:0;padding-right:0}.profile-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--color-bg-light-alt);min-height:100vh;color:var(--color-gray-800)}.profile-error,.profile-not-authenticated{padding:2rem;font-size:.9375rem;text-align:center}.profile-error{color:var(--color-red-600);background-color:var(--color-red-100);border-radius:0;padding:1rem;margin-bottom:1rem}.profile-not-authenticated{background-color:var(--color-gray-50);border-radius:0;padding:2rem;border:1px solid var(--color-gray-200);color:var(--color-gray-650)}.profile-banner-section{position:relative;margin:-2rem -2rem 2rem;height:280px;background:var(--color-gray-800);border-radius:0;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-start}.profile-banner{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.profile-banner-placeholder{width:100%;height:100%;background:var(--color-gray-800);position:absolute;top:0;left:0}.profile-banner-edit{position:absolute;bottom:1.5rem;right:1.5rem;padding:.75rem 1.25rem;background-color:var(--color-gray-800);color:var(--color-white);border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .15s ease;z-index:5}.profile-banner-edit:hover{background-color:#000c}.profile-hero{background:var(--color-white);border-radius:0;padding:6rem 2rem 2rem;margin-bottom:2rem;border:1px solid var(--color-gray-200);position:relative;margin-top:-60px;box-shadow:none}.profile-hero-content{display:flex;gap:2rem;align-items:flex-start}.profile-avatar-section{position:absolute;top:-50px;left:2rem;flex-shrink:0;text-align:center;z-index:10}.profile-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:5px solid var(--color-white);box-shadow:0 4px 12px #00000026;background-color:var(--color-gray-200)}.profile-avatar-status-badge{position:absolute;bottom:4px;right:4px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;padding:4px;border:3px solid #fff;box-shadow:0 2px 10px #00000026}.profile-avatar-placeholder{width:140px;height:140px;border-radius:50%;background:var(--color-gray-800);display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:var(--color-white);box-shadow:none;border:5px solid var(--color-white)}.profile-avatar-edit-btn{margin-top:.75rem;padding:.5rem 1rem;background-color:var(--color-gray-800);color:var(--color-white);border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .15s ease}.profile-avatar-edit-btn:hover{box-shadow:none}.profile-image-upload{display:none}.profile-upload-zone{display:inline-block;cursor:pointer}.profile-upload-zone:hover{opacity:.8}.profile-info{flex:1}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:2rem}.profile-header-title{display:flex;align-items:flex-start;gap:1rem}.profile-header h1{margin:0;font-size:1.875rem;font-weight:700;color:var(--color-gray-900);flex-shrink:0}.profile-badges-inline{display:flex;gap:.75rem;margin-bottom:.5rem;margin-top:.25rem;flex-wrap:nowrap;align-items:center;justify-content:center}.profile-badge-inline-item{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .15s ease;flex-shrink:0;z-index:50}.profile-badge-inline-item:hover{transform:scale(1.15);z-index:100}.profile-badge-inline-item.active{z-index:1000}.profile-badge-inline-icon{font-size:1.75rem;display:block;flex-shrink:0;width:1.75rem;height:1.75rem;line-height:1.75rem}.profile-badge-inline-icon img{width:100%;height:100%;object-fit:contain}.profile-badge-tooltip{position:absolute;left:calc(100% + .5rem);top:50%;transform:translateY(-50%);background:var(--color-gray-800);color:var(--color-white);padding:.5rem .75rem;border-radius:.5rem;white-space:nowrap;z-index:9999;display:flex;flex-direction:column;gap:.15rem;box-shadow:0 4px 12px #0003;animation:badgeTooltipIn .15s ease}.profile-badge-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--color-gray-800)}.profile-badge-tooltip strong{font-size:.8125rem;font-weight:600}.profile-badge-tooltip span{font-size:.6875rem;color:var(--color-gray-300)}@keyframes badgeTooltipIn{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.profile-header-actions{display:flex;gap:.75rem;align-items:center}.profile-reviews-btn{padding:.625rem 1.1rem;background-color:var(--color-white);color:var(--color-gray-900);border:1px solid var(--color-gray-200);border-radius:6px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease}.profile-reviews-btn:hover{border-color:var(--color-blue-500);background-color:var(--color-white);color:var(--color-gray-800)}.profile-edit-btn{padding:.625rem 1.25rem;background-color:var(--color-gray-900);color:var(--color-white);border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease}.profile-edit-btn:hover{box-shadow:0 4px 6px #0000001a}.profile-stats{display:flex;gap:2rem;margin-bottom:1rem}.profile-stat{text-align:center}.profile-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-gray-900)}.profile-stat-label{font-size:.75rem;color:var(--color-gray-650);text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.profile-bio{color:var(--color-gray-600);line-height:1.6;margin-bottom:0;font-size:.9375rem}.profile-bio-empty{color:var(--color-gray-400);font-style:italic}.profile-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:auto;animation:fadeIn .2s ease-out}.profile-modal{background-color:var(--color-white);border-radius:18px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #00000040;animation:slideUp .25s ease-out}.profile-modal-header{margin-bottom:1.5rem}.report-modal{max-width:640px;padding:0;overflow-y:auto;max-height:90vh;border:1px solid var(--color-gray-200);background:var(--color-white)}.report-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.75rem 2rem 1.25rem;background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.report-modal-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-slate-900)}.report-modal-subtitle{margin:.35rem 0 0;color:var(--color-slate-500);font-size:.95rem}.report-modal-close{border:1px solid var(--color-gray-200);background:var(--color-gray-50);color:var(--color-gray-500);width:36px;height:36px;border-radius:4px;cursor:pointer;font-weight:700;transition:all .15s ease}.report-modal-close:hover{background:var(--color-gray-200);border-color:var(--color-gray-400)}.report-modal-error{margin:1rem 2rem 0;background:var(--color-red-100);color:var(--color-red-700);padding:.75rem 1rem;border-radius:0;font-size:.9rem}.report-modal-body{padding:1.5rem 2rem 0}.report-reason-section{margin-bottom:1.5rem}.report-section-title{margin:0 0 .75rem;font-weight:600;color:var(--color-gray-900)}.report-reason-grid{display:grid;gap:.75rem}.report-reason-card{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:flex-start;padding:.9rem 1rem;border:1px solid var(--color-gray-200);border-radius:0;background:var(--color-white);cursor:pointer;transition:all .15s ease}.report-reason-card input{margin-top:.2rem}.report-reason-card:hover{border-color:var(--color-blue-500);background:var(--color-white)}.report-reason-card.active{border-color:var(--color-indigo-500);box-shadow:0 0 0 3px #6366f126}.report-reason-title{font-weight:600;color:var(--color-slate-900)}.report-reason-desc{font-size:.85rem;color:var(--color-slate-500);margin-top:.15rem}.report-details{margin-top:1.5rem}.report-details-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-gray-900)}.report-details-textarea{width:100%;min-height:120px;padding:.85rem 1rem;border:1px solid var(--color-gray-200);border-radius:12px;font-family:inherit;font-size:.95rem;resize:vertical;transition:all .2s ease;background:var(--color-white)}.report-details-textarea:focus{outline:none;border-color:var(--color-indigo-500);box-shadow:0 0 0 3px #6366f126}.report-details-hint{margin-top:.5rem;font-size:.75rem;color:var(--color-slate-400)}.report-modal-footer{padding:1.5rem 2rem 2rem;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--color-gray-200);margin-top:1.5rem;background:var(--color-white)}.report-submit-btn{padding:.7rem 1.6rem;border-radius:10px;border:none;background:linear-gradient(135deg,var(--color-red-500),var(--color-red-600));color:var(--color-white);font-weight:600;cursor:pointer;transition:all .2s ease}.report-submit-btn:hover:not(:disabled){box-shadow:0 12px 20px #ef444440}.report-submit-btn:disabled{opacity:.6;cursor:not-allowed}.profile-modal-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-gray-900)}.profile-form-group{margin-bottom:1.25rem}.profile-form-label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem;color:var(--color-gray-900)}.profile-form-hint,.profile-form-counter{font-size:.75rem;color:#9ca3af;margin-top:.5rem}.profile-form-input,.profile-form-textarea{width:100%;padding:.75rem;border:1px solid var(--color-gray-300);border-radius:6px;font-family:inherit;font-size:.9375rem;transition:all .2s ease;box-sizing:border-box}.profile-form-input:focus,.profile-form-textarea:focus{outline:none;box-shadow:0 0 0 3px #1118271a}.profile-form-textarea{resize:vertical;min-height:120px}.profile-avatar-upload{display:none}.profile-avatar-upload-label{display:block;padding:.75rem;background-color:var(--color-gray-100);border:2px dashed var(--color-gray-300);border-radius:6px;text-align:center;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--color-gray-650)}.profile-avatar-upload-label:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-400)}.profile-modal-buttons{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-gray-200)}.profile-btn{padding:.625rem 1.25rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease}.profile-btn-primary{background-color:var(--color-gray-900);color:var(--color-white)}.profile-btn-primary:hover:not(:disabled){box-shadow:0 4px 6px #0000001a}.profile-btn-secondary{background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.profile-btn-secondary:hover:not(:disabled){background-color:var(--color-gray-200)}.profile-btn:disabled{opacity:.6;cursor:not-allowed}.profile-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .875rem;border:1px solid var(--color-gray-200);border-radius:10px;background:var(--color-gray-50)}.profile-toggle{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.profile-toggle-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.profile-toggle-track{width:44px;height:24px;border-radius:2px;background:var(--color-gray-300);position:relative;transition:background-color .15s ease;box-shadow:none}.profile-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:0;background:var(--color-white);transition:transform .15s ease;box-shadow:none}.profile-toggle-text{font-size:.875rem;color:var(--color-gray-900);font-weight:600}.profile-toggle-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:2px;border:1px solid transparent}.profile-toggle-badge.is-private{background:var(--color-red-100);color:var(--color-red-800);border-color:var(--color-red-200)}.profile-toggle-badge.is-public{background:var(--color-cyan-50);color:var(--color-cyan-800);border-color:var(--color-cyan-100)}.profile-toggle-help{margin:.5rem 0 0;font-size:.75rem;color:var(--color-gray-500)}.profile-toggle-input:checked+.profile-toggle-track{background:var(--color-gray-900)}.profile-toggle-input:checked+.profile-toggle-track .profile-toggle-thumb{transform:translate(20px)}.profile-toggle-input:focus-visible+.profile-toggle-track{outline:2px solid var(--color-gray-900);outline-offset:2px}.profile-toggle-input:disabled+.profile-toggle-track{opacity:.6}.profile-toggle-input:disabled~.profile-toggle-text{opacity:.6;cursor:not-allowed}.profile-section{margin-bottom:2rem}.profile-section-title{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-gray-200)}.profile-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.875rem}.profile-book-card{background:#fffcf8f5;border:1px solid #e0d5c5;border-radius:12px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;position:relative;animation:bookCardIn .4s cubic-bezier(.22,1,.36,1) both;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),border-color .25s ease}.profile-book-card:nth-child(1){animation-delay:.05s}.profile-book-card:nth-child(2){animation-delay:.1s}.profile-book-card:nth-child(3){animation-delay:.15s}.profile-book-card:nth-child(4){animation-delay:.2s}.profile-book-card:nth-child(5){animation-delay:.25s}.profile-book-card:nth-child(n+6){animation-delay:.3s}.profile-book-card:after{content:"";position:absolute;top:0;left:0;right:0;height:220px;background:linear-gradient(to bottom,transparent 50%,rgba(26,18,8,.35) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:12px 12px 0 0}.profile-book-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 10px 28px #3d1a0824,0 3px 8px #3d1a0814;border-color:#c4b5a2}.profile-book-card:hover:after{opacity:1}.profile-book-image{width:100%;height:200px;background:linear-gradient(135deg,#f3e8d8,#e8d4c0);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1)}.profile-book-card:hover .profile-book-image{transform:scale(1.04)}.profile-book-image img{width:100%;height:100%;object-fit:cover;display:block}.profile-book-info{padding:.85rem .9rem .9rem;flex:1;display:flex;flex-direction:column;background:#fffcf8f5;position:relative;z-index:1}.profile-book-title{font-weight:700;color:#1a1208;margin:0 0 .3rem;font-size:.875rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Playfair Display,Georgia,serif;transition:color .2s ease}.profile-book-card:hover .profile-book-title{color:var(--color-brand-medium)}.profile-book-author{font-size:.72rem;color:#9a8270;margin-bottom:.6rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}.profile-book-progress{margin-top:auto}.profile-progress-track{width:100%;height:5px;background:#3d1a081a;border-radius:999px;overflow:hidden;margin-bottom:.35rem}.profile-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-brand-accent),var(--color-brand-dark));border-radius:999px;transition:width .4s cubic-bezier(.22,1,.36,1)}.profile-progress-text{font-size:.68rem;color:#9a8270;display:flex;justify-content:space-between;font-weight:600;letter-spacing:.02em}.profile-empty-list{padding:2.5rem 2rem;text-align:center;color:#6b5444;background:#faf5eecc;border-radius:12px;font-style:italic;border:1px dashed #cfc4b0;font-size:.875rem;transition:background .2s ease}.profile-reviews-list{display:flex;flex-direction:column;gap:1rem}.profile-review-card{background-color:#fff;border:1px solid #e8e3db;border-radius:14px;padding:1.5rem;transition:all .2s ease}.profile-review-card:hover{box-shadow:0 6px 20px #0000000f;border-color:#d4c9b8;transform:translateY(-1px)}.profile-review-header{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start}.profile-review-book-img{width:60px;height:90px;background-color:var(--color-gray-100);border-radius:4px;overflow:hidden;flex-shrink:0;cursor:pointer;transition:transform .2s ease}.profile-review-book-img:hover{transform:scale(1.05)}.profile-review-book-img img{width:100%;height:100%;object-fit:cover}.profile-review-book-info{flex:1}.profile-review-title{margin:0 0 .25rem;font-weight:600;color:var(--color-gray-900);cursor:pointer;transition:color .2s ease;font-size:.9375rem}.profile-review-title:hover{color:var(--color-blue-500)}.profile-review-author{font-size:.8125rem;color:var(--color-gray-650);margin-bottom:.5rem}.profile-review-rating{display:flex;gap:.25rem;align-items:center;font-size:.75rem}.profile-review-rating span{font-size:.9rem}.profile-review-content{background-color:#faf8f5;padding:1.25rem;border-radius:12px;margin:1rem 0;line-height:1.65;color:#4a3f2f;font-size:.9375rem;border-left:3px solid #d4c9b8}.profile-review-date{font-size:.75rem;color:var(--color-gray-400)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.profile-container{padding:1rem}.profile-banner-section{margin:-1rem -1rem 0;height:200px}.profile-hero{margin-top:-50px;padding:2.5rem 1.5rem 1.5rem}.profile-avatar-section{position:static;margin-top:-72px;margin-bottom:.75rem;align-self:center;text-align:center}.profile-avatar,.profile-avatar-placeholder{width:120px;height:120px;font-size:2.8rem;border:4px solid var(--color-white)}.profile-hero-content{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.profile-header{flex-direction:column;gap:1rem;width:100%}.profile-header h1{font-size:1.5rem}.profile-stats{justify-content:space-around;gap:1rem;width:100%}.profile-books-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.profile-modal{width:95%;padding:1.5rem}.profile-review-header{flex-direction:column;text-align:center}.profile-review-book-img{margin:0 auto}.profile-stats-dashboard{padding:1.5rem}.profile-stats-header{flex-direction:column;align-items:flex-start}.profile-stats-grid{grid-template-columns:1fr}.profile-stats-card-wide{grid-column:span 1}.profile-chart-container{height:320px}}@media(max-width:480px){.profile-container{padding:.75rem}.profile-banner-section{margin:-.75rem -.75rem 0;height:140px}.profile-hero{padding:1.25rem;margin-top:-45px}.profile-avatar-section{position:static;margin-top:-64px;margin-bottom:.5rem;align-self:center;text-align:center}.profile-avatar,.profile-avatar-placeholder{width:100px;height:100px;font-size:2.5rem;border:4px solid var(--color-white)}.profile-hero-content{flex-direction:column;align-items:center;text-align:center}.profile-header h1{font-size:1.5rem}.profile-books-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.profile-book-image{height:160px}.profile-modal-buttons{flex-direction:column}.profile-btn{width:100%}.profile-banner-edit{padding:.4rem .6rem;font-size:.7rem}.profile-stats-dashboard{padding:1.2rem}.profile-stats-total{width:100%;text-align:left}.profile-stats-hero{grid-template-columns:1fr}.profile-chart-container{height:280px}}.profile-section-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--color-gray-200)}.profile-tab{padding:.75rem 1rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:var(--color-gray-500);transition:all .2s ease;margin-bottom:-2px}.profile-tab.active{color:var(--color-blue-500);border-bottom-color:var(--color-blue-500)}@keyframes statsBarShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes statsBadgePulse{0%,to{box-shadow:0 4px 20px #3d1a0847,inset 0 1px #ffdcb41f}50%{box-shadow:0 4px 28px #3d1a086b,0 0 18px #c0622a38,inset 0 1px #ffdcb42e}}@keyframes statsCardSweep{0%{transform:translate(-120%) skew(-12deg);opacity:0}60%{opacity:.6}to{transform:translate(220%) skew(-12deg);opacity:0}}@keyframes statsDashboardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-stats-dashboard{background:linear-gradient(160deg,#fdf7f1,#f9ede3 55%,#f5e4d0);border:1px solid #e2d5c3;border-radius:18px;padding:2rem;position:relative;overflow:hidden;font-family:Libre Franklin,Trebuchet MS,sans-serif;animation:statsDashboardIn .45s cubic-bezier(.22,1,.36,1) both}.profile-stats-dashboard:before{content:"";position:absolute;inset:-30% 0 0 -10%;background:radial-gradient(circle at 15% 25%,rgba(192,98,42,.1),transparent 50%),radial-gradient(circle at 85% 10%,rgba(122,52,16,.08),transparent 55%),radial-gradient(circle at 40% 85%,rgba(221,180,144,.18),transparent 50%);pointer-events:none}.profile-stats-dashboard:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-brand-dark) 0%,var(--color-brand-medium) 30%,var(--color-brand-accent) 55%,rgba(255,210,140,.9) 70%,var(--color-brand-accent) 80%,var(--color-brand-dark) 100%);background-size:200% auto;border-radius:18px 18px 0 0;animation:statsBarShimmer 4s linear infinite}.profile-stats-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;position:relative;z-index:1;margin-bottom:2rem;padding-top:.25rem}.profile-stats-title{margin:0 0 .4rem;font-size:1.35rem;font-weight:700;color:#1a1208;font-family:Playfair Display,Georgia,serif;letter-spacing:-.01em}.profile-stats-subtitle{margin:0;color:#7a6450;font-size:.875rem;max-width:520px;line-height:1.5}.profile-stats-total{background:linear-gradient(135deg,#3d1a08,#5a3018);color:#fff;padding:1rem 1.5rem;border-radius:12px;text-align:right;min-width:145px;box-shadow:0 4px 20px #3d1a0847,inset 0 1px #ffdcb41f;border:1px solid rgba(255,200,140,.15);animation:statsBadgePulse 3.5s ease-in-out infinite}.profile-stats-total-value{font-size:1.8rem;font-weight:700;line-height:1;letter-spacing:-.02em}.profile-stats-total-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#f1d3beb3;margin-top:.35rem}.profile-stats-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:1rem;position:relative;z-index:1;margin-bottom:2rem}.profile-stats-card{background:#fffcf8eb;border:1px solid #e0d5c5;border-radius:12px;padding:1.25rem 1.35rem;box-shadow:0 1px 4px #3d1a080f,0 4px 12px #3d1a080d;position:relative;animation:statsReveal .5s ease both;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),border-color .25s ease;overflow:hidden}.profile-stats-hero .profile-stats-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-brand-accent) 0%,var(--color-brand-medium) 100%);border-radius:12px 0 0 12px;opacity:.7;transition:opacity .25s ease,width .25s ease}.profile-stats-hero .profile-stats-card:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,220,170,.18) 50%,transparent 60%);transform:translate(-120%) skew(-12deg);pointer-events:none}.profile-stats-hero .profile-stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #3d1a0821,0 2px 6px #3d1a0812;border-color:#cec0ad}.profile-stats-hero .profile-stats-card:hover:before{opacity:1;width:4px}.profile-stats-hero .profile-stats-card:hover:after{animation:statsCardSweep .55s ease forwards}.profile-stats-card:nth-child(2){animation-delay:.05s}.profile-stats-card:nth-child(3){animation-delay:.1s}.profile-stats-card:nth-child(4){animation-delay:.15s}.profile-stats-card:nth-child(5){animation-delay:.2s}.profile-stats-card-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#9a8270;margin-bottom:.5rem;font-weight:600}.profile-stats-card-value{font-size:1.5rem;font-weight:700;color:#1a1208;margin-bottom:.2rem;letter-spacing:-.02em;line-height:1.1}.profile-stats-card-meta{font-size:.8rem;color:#9a8270;margin-top:.2rem}.profile-stats-stars{display:flex;gap:.2rem;margin-top:.5rem}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;position:relative;z-index:1}.profile-stats-card-chart{min-height:280px}.profile-stats-card-wide{grid-column:span 2}.profile-stats-card-header{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #ede4d8}.profile-stats-card-header h3{margin:0;font-size:.95rem;font-weight:700;color:#1a1208;font-family:Playfair Display,Georgia,serif;letter-spacing:-.01em;transition:color .2s ease}.profile-stats-card-header span{font-size:.8rem;color:#9a8270}.profile-stats-grid .profile-stats-card{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),border-color .25s ease}.profile-stats-grid .profile-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-brand-medium),var(--color-brand-accent));border-radius:12px 12px 0 0;opacity:0;transform:scaleX(.3);transition:opacity .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}.profile-stats-grid .profile-stats-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #3d1a081c,0 2px 6px #3d1a080f;border-color:#cec0ad}.profile-stats-grid .profile-stats-card:hover:before{opacity:1;transform:scaleX(1)}.profile-stats-grid .profile-stats-card:hover .profile-stats-card-header h3{color:var(--color-brand-medium)}.profile-chart-container{position:relative;width:100%;height:260px}.profile-chart-tall{height:280px}.profile-genre-cloud{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;align-items:center;justify-content:center;padding:1.5rem .5rem;min-height:180px}.profile-genre-cloud-tag{font-weight:700;cursor:default;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s ease,text-shadow .22s ease,letter-spacing .22s ease;line-height:1.3;white-space:nowrap;display:inline-block}.profile-genre-cloud-tag:hover{transform:scale(1.15);opacity:1!important;text-shadow:0 2px 10px rgba(61,26,8,.18);letter-spacing:.02em}@media(max-width:768px){.profile-genre-cloud-section{display:none}.profile-stats-card-chart{grid-column:1 / -1}}.profile-stats-empty{position:relative;z-index:1}.profile-stats-empty-card{background:#faf5eecc;border:1px dashed #cfc4b0;padding:1.5rem;border-radius:10px;text-align:center;color:#6b5444;font-size:.875rem}@keyframes statsReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes listDashboardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes listItemIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes listItemSweep{0%{transform:translate(-120%) skew(-12deg);opacity:0}60%{opacity:.5}to{transform:translate(240%) skew(-12deg);opacity:0}}@keyframes listBarShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes bookCardIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-personal-lists{display:flex;flex-direction:column;gap:1.5rem;animation:listDashboardIn .4s cubic-bezier(.22,1,.36,1) both}.profile-personal-list-item{background:#fffcf8f2;border:1px solid #e0d5c5;border-radius:16px;padding:1.6rem 1.75rem;position:relative;overflow:hidden;box-shadow:0 1px 4px #3d1a080f,0 4px 16px #3d1a080d;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s ease;animation:listItemIn .45s cubic-bezier(.22,1,.36,1) both}.profile-personal-list-item:nth-child(1){animation-delay:.05s}.profile-personal-list-item:nth-child(2){animation-delay:.1s}.profile-personal-list-item:nth-child(3){animation-delay:.15s}.profile-personal-list-item:nth-child(4){animation-delay:.2s}.profile-personal-list-item:nth-child(5){animation-delay:.25s}.profile-personal-list-item:nth-child(n+6){animation-delay:.3s}.profile-personal-list-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--color-brand-accent) 0%,var(--color-brand-medium) 100%);border-radius:16px 0 0 16px;opacity:.65;transition:opacity .28s ease,width .28s ease}.profile-personal-list-item:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,220,170,.15) 50%,transparent 60%);transform:translate(-120%) skew(-12deg);pointer-events:none}.profile-personal-list-item:hover{transform:translateY(-3px);box-shadow:0 6px 24px #3d1a081c,0 2px 8px #3d1a0812;border-color:#cec0ad}.profile-personal-list-item:hover:before{opacity:1;width:5px}.profile-personal-list-item:hover:after{animation:listItemSweep .55s ease forwards}.profile-personal-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px solid #ede4d8;gap:1rem}.profile-personal-list-name{font-size:1.15rem;font-weight:700;color:#1a1208;margin:0 0 .4rem;font-family:Playfair Display,Georgia,serif;letter-spacing:-.01em;cursor:pointer;transition:color .2s ease;line-height:1.3}.profile-personal-list-name:hover{color:var(--color-brand-medium)}.profile-personal-list-description{font-size:.85rem;color:#7a6450;margin:0 0 .6rem;line-height:1.5}.profile-personal-list-count{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;color:#5a4a35;text-transform:uppercase;letter-spacing:.07em;background:#3d1a080f;border:1px solid rgba(61,26,8,.1);border-radius:999px;padding:.22rem .7rem;margin:0;transition:background .2s ease,color .2s ease}.profile-personal-list-item:hover .profile-personal-list-count{background:#7a341017;color:var(--color-brand-medium)}.profile-personal-list-actions{display:flex;gap:.4rem;flex-shrink:0;align-items:center}.profile-list-quickadd-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3d1a08,#5a3018);color:#f1d3be;border:none;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:700;line-height:1;box-shadow:0 2px 8px #3d1a0838;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,background .2s ease}.profile-list-quickadd-btn:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 6px 16px #3d1a084d;background:linear-gradient(135deg,#2a0f04,#3d1a08)}.profile-list-quickadd-btn:active{transform:scale(.94);box-shadow:0 1px 4px #3d1a0833}.profile-list-action-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#3d1a080f;color:#3d2210;border:1px solid rgba(61,26,8,.12);border-radius:10px;cursor:pointer;font-size:.85rem;transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.profile-list-action-btn:hover{background:#e5ddd0;color:#1a1208;border-color:#3d1a0838;transform:translateY(-2px);box-shadow:0 4px 10px #3d1a081f}.profile-list-action-btn:active{transform:scale(.93)}.profile-list-delete-btn{background:#b91c1c12;color:#7f1d1d;border-color:#b91c1c24}.profile-list-delete-btn:hover{background:#b91c1c21;color:#7f1d1d;border-color:#b91c1c40;box-shadow:0 4px 10px #b91c1c26}.profile-btn-danger{background-color:var(--color-red-600);color:var(--color-white)}.profile-btn-danger:hover:not(:disabled){background-color:var(--color-red-700);box-shadow:0 4px 6px #0000001a}.profile-modal-compact{max-width:400px}.profile-modal-user-row{display:flex;align-items:center;gap:1rem;padding:.75rem;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s}.profile-modal-user-row:hover{background-color:#f9fafb}.profile-modal-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-modal-user-name{font-weight:600;color:#1f2937}.profile-modal-badges{max-width:1000px;width:95%;max-height:70vh;padding:1.5rem}.profile-badges-container{padding:1rem;background-color:var(--color-gray-50);border-radius:6px;border:1px solid var(--color-gray-200)}.profile-badges-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.profile-badge-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background-color:var(--color-white);border:2px solid var(--color-amber-500);border-radius:8px;position:relative;transition:all .2s ease}.profile-badge-item:hover{box-shadow:0 4px 6px #0000001a;border-color:var(--color-amber-500);transform:translateY(-2px)}.profile-badge-icon{font-size:2rem;line-height:1;width:2rem;height:2rem;object-fit:contain}.profile-badge-name{font-size:.875rem;font-weight:600;text-align:center;color:var(--color-gray-800);word-break:break-word}.profile-badge-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;padding:0;background-color:var(--color-red-500);color:var(--color-white);border:none;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0}.profile-badge-item:hover .profile-badge-remove{opacity:1}.profile-badge-remove:hover{background-color:var(--color-red-600);transform:scale(1.1)}.profile-badge-remove:disabled{cursor:not-allowed;opacity:.5}.profile-badges-empty-wrapper{display:flex;align-items:center;gap:1rem;padding:1rem}.profile-badges-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-gray-200)}.profile-badges-section:last-child{border-bottom:none}.profile-badges-section-title{font-size:1.125rem;font-weight:600;color:var(--color-gray-800);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.profile-badges-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.profile-badge-modal-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background-color:var(--color-white);border:2px solid var(--color-slate-500);border-radius:10px;position:relative;transition:all .2s ease}.profile-badge-modal-item.unlocked{background-color:var(--color-slate-100);border-color:var(--color-slate-500)}.profile-badge-modal-item.unlocked:hover{box-shadow:0 4px 12px #64748b40;transform:translateY(-2px)}.profile-badge-modal-item.locked{background-color:var(--color-gray-50);border-color:var(--color-gray-300);opacity:.7}.profile-badge-modal-header{position:relative;width:100%;height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,var(--color-slate-400) 0%,var(--color-slate-500) 100%)}.profile-badge-modal-header.locked-badge{background:var(--color-gray-100);border:1px solid var(--color-gray-200)}.profile-badge-modal-image{width:100%;height:100%;object-fit:contain;padding:.5rem}.profile-badge-modal-image.locked-image{opacity:.4;filter:grayscale(100%)}.profile-badge-modal-icon{font-size:3rem;line-height:1}.profile-badge-modal-icon.locked-icon{font-size:2.5rem;opacity:.4}.profile-badge-locked-overlay{position:absolute;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;font-size:2rem}.profile-badge-modal-name{font-size:.95rem;font-weight:700;text-align:center;color:var(--color-gray-800);margin:0}.profile-badge-modal-condition{font-size:.8rem;text-align:center;color:var(--color-gray-500);margin:0;min-height:2.4rem;display:flex;align-items:center;justify-content:center;word-break:break-word}.profile-badge-progress{width:100%;margin-top:.5rem}.profile-badge-progress-track{width:100%;height:6px;background-color:var(--color-gray-200);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.profile-badge-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-slate-400) 0%,var(--color-slate-500) 100%);border-radius:3px;transition:width .3s ease}.profile-badge-progress-text{font-size:.75rem;color:var(--color-gray-500);text-align:center;margin:0;font-weight:600}.profile-badge-toggle-btn{width:100%;padding:.5rem .75rem;margin-top:.5rem;background-color:var(--color-slate-500);color:var(--color-white);border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.profile-badge-toggle-btn:hover:not(:disabled){transform:scale(1.02)}.profile-badge-toggle-btn.added{background-color:var(--color-green-500)}.profile-badge-toggle-btn.added:hover:not(:disabled){background-color:var(--color-green-600)}.profile-badge-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.profile-badges-empty{text-align:center;color:var(--color-gray-400);font-size:.95rem;padding:2rem 1rem;margin:0;font-style:italic}@media(max-width:1024px){.prof-main-inner .h-feed-scroll{margin:0 40px}}@media(max-width:768px){.prof-main-inner .h-feed-scroll{margin:0 .75rem;padding:0 0 2rem}.prof-banner-wrap{height:180px;border-radius:0}.prof-hero-card{padding:0 1rem 1.5rem;border-radius:0 0 16px 16px}.prof-avatar-col{margin-top:-50px}.prof-avatar-wrap{width:100px;height:100px}.prof-avatar{width:100px;height:100px;border-width:4px}.prof-username{font-size:1.35rem}.prof-stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.45rem;width:100%}.prof-stat{min-width:0;padding:.5rem .35rem;border:1px solid #ece5db;background:#fff}.prof-stat:not(:last-child):after{display:none}.prof-stat-value{font-size:1.1rem}.prof-stat-label{font-size:.62rem;letter-spacing:0;text-transform:none;line-height:1.15;overflow-wrap:anywhere}.prof-tabs-bar{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.prof-tabs-bar::-webkit-scrollbar{display:none}.prof-tab{font-size:.82rem;padding:.7rem .75rem;flex-shrink:0;min-width:max-content}.profile-stats-header{gap:.9rem}.profile-stats-total{width:100%;text-align:left}.profile-stats-grid{display:none}.profile-personal-list-item{padding:1.05rem 1rem}.profile-personal-list-header{flex-direction:column;align-items:center;text-align:center;gap:.8rem}.profile-personal-list-actions{width:100%;justify-content:center;flex-wrap:wrap}.profile-personal-list-count{justify-content:center;max-width:100%}.profile-books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.profile-book-card{max-width:100%}.pubprof-inner{padding:1rem .875rem 2rem}}@media(max-width:480px){.prof-banner-wrap{height:140px}.prof-avatar-col{margin-top:-40px}.prof-avatar-wrap{width:86px;height:86px}.prof-avatar{width:86px;height:86px;border-width:3px}.prof-username{font-size:1.2rem}.prof-hero-card{padding:0 .75rem 1.25rem}.prof-hero-info{padding-top:.7rem}.prof-btn{font-size:.8rem;padding:.45rem 1rem}.prof-stat{padding:.15rem .5rem;min-width:45px}.prof-stat-value{font-size:1rem}.prof-stat-label{font-size:.58rem;line-height:1.1}.prof-section-title{font-size:.95rem}.prof-action-row{width:100%;flex-wrap:wrap;gap:.45rem}.prof-action-row .prof-btn{flex:1 1 100%}.profile-personal-list-item{padding:.9rem .8rem;border-radius:12px}.profile-personal-list-name{font-size:1.02rem}.profile-personal-list-description{font-size:.8rem}.profile-books-grid{grid-template-columns:1fr}.profile-list-quickadd-btn,.profile-list-action-btn{width:32px;height:32px}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.landing-root{position:relative;z-index:10;min-height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background-color:transparent}.landing-hero{position:relative;z-index:20;width:45%;padding:0 4rem 0 5rem;display:flex;flex-direction:column;gap:1.6rem;pointer-events:auto}.landing-hero-hidden{opacity:0;pointer-events:none}.landing-hero-hidden .landing-title,.landing-hero-hidden .landing-tagline,.landing-hero-hidden .landing-cta,.landing-hero-hidden .landing-footer-note{opacity:0;transform:translateY(30px)}.landing-hero-visible .landing-title{animation:fadeSlideUp .55s 0s cubic-bezier(.22,1,.36,1) both}.landing-hero-visible .landing-tagline{animation:fadeSlideUp .55s .08s cubic-bezier(.22,1,.36,1) both}.landing-hero-visible .landing-cta{animation:fadeSlideUp .55s .16s cubic-bezier(.22,1,.36,1) both}.landing-hero-visible .landing-footer-note{animation:fadeSlideUp .55s .24s cubic-bezier(.22,1,.36,1) both}.landing-hero-exit{opacity:0;transform:translate(-60px);pointer-events:none;transition:opacity .45s ease-out,transform .45s ease-out}.landing-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35);color:var(--color-brand-dark);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.45rem 1rem;border-radius:999px;width:fit-content;animation:fadeSlideUp .9s .1s cubic-bezier(.22,1,.36,1) both}.landing-title{margin:0;line-height:1.2;overflow:visible}.landing-title-main{display:block;font-size:clamp(5rem,10vw,9rem);font-weight:900;letter-spacing:-.04em;color:var(--color-brand-dark);line-height:1.2;padding-bottom:.1em}.landing-title-dot{display:inline-block;font-size:clamp(5rem,10vw,9rem);font-weight:900;color:var(--color-brand-accent);-webkit-text-fill-color:var(--color-brand-accent);line-height:1}.landing-tagline{margin:0;font-size:clamp(1rem,1.6vw,1.25rem);color:var(--color-brand-dark);line-height:1.65;font-weight:400;max-width:380px}.landing-stats{display:flex;align-items:center;gap:1.5rem;animation:fadeSlideUp .9s .45s cubic-bezier(.22,1,.36,1) both}.landing-stat{display:flex;flex-direction:column;align-items:flex-start}.landing-stat-number{font-size:1.6rem;font-weight:800;color:var(--color-brand-darkest);line-height:1}.landing-stat-label{font-size:.75rem;color:var(--color-brand-medium);font-weight:500;letter-spacing:.05em;text-transform:uppercase;margin-top:2px}.landing-stat-divider{width:1px;height:36px;background:#3d1a0833}.landing-cta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.landing-btn-primary{padding:.85rem 2rem;background:var(--color-brand-darkest);color:var(--color-brand-light);border:none;border-radius:999px;font-size:.95rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 4px 20px #30190b59}.landing-btn-primary:hover{background:var(--color-brand-dark-hover);transform:translateY(-2px);box-shadow:0 8px 28px #30190b73}.landing-btn-primary:active{transform:translateY(0)}.landing-btn-secondary{padding:.85rem 1.6rem;background:transparent;color:var(--color-brand-darkest);border:2px solid rgba(48,25,11,.4);border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;display:flex;align-items:center;gap:.4rem}.landing-btn-secondary:hover{border-color:var(--color-brand-darkest);background:#30190b12;transform:translateY(-2px)}.landing-btn-arrow{transition:transform .2s}.landing-btn-secondary:hover .landing-btn-arrow{transform:translate(4px)}.landing-footer-note{margin:0;font-size:.8rem;color:var(--color-brand-medium)}.landing-link{text-decoration:underline;cursor:pointer;font-weight:600;color:var(--color-brand-darkest)}.landing-link:hover{color:var(--color-brand-accent)}.landing-3d-wrapper{position:absolute;left:75%;top:0;width:90%;height:120vh;transform:translate(-50%);pointer-events:none;z-index:20;transition:opacity .5s ease-out}.landing-3d-exit{opacity:0}.landing-3d-inner{width:100%;height:100%}@media(max-width:768px){.landing-root{flex-direction:column;align-items:center;justify-content:flex-start;padding-top:6vh}.landing-hero{width:100%;padding:0 1.5rem;text-align:center;align-items:center;gap:1.2rem}.landing-hero-exit{opacity:0;transform:translateY(-40px)!important}.landing-title-main,.landing-title-dot{font-size:clamp(4.5rem,18vw,7rem)}.landing-tagline{max-width:100%;font-size:clamp(1.05rem,4.2vw,1.35rem)}.landing-stats{justify-content:center;gap:1rem}.landing-stat-number{font-size:1.3rem}.landing-cta{justify-content:center}.landing-cta .landing-btn-primary,.landing-cta .landing-btn-secondary{font-size:1.05rem;padding:.9rem 2rem}.landing-footer-note{text-align:center;font-size:.9rem}.landing-3d-wrapper{position:absolute;left:50%;top:75%;width:110vw;height:80vh;transform:translate(-50%,-40%)}.landing-3d-exit{opacity:0}}.home-grid{position:fixed;inset:0;z-index:10;display:flex;flex-direction:row;pointer-events:none}.home-grid__col{display:flex;flex-direction:column;min-width:0;min-height:0}.home-grid__col--left{flex:1}.home-grid__col--center{flex:1.8}.home-grid__col--right{flex:1}.home-grid__div-v{flex-shrink:0;width:36px}.home-grid__div-h{flex-shrink:0;height:36px}.home-grid__cell{position:relative;overflow:hidden;min-height:0}.home-grid__cell--lt{flex:2.2}.home-grid__cell--lb,.home-grid__cell--c{flex:1}.home-grid__cell--rt{flex:1.3}.home-grid__cell--rb{flex:1}.home-grid__cell--c{position:relative;overflow:hidden;padding:116px 2rem 0;pointer-events:auto;display:flex;flex-direction:column}.home-grid__cell--lt{overflow:hidden;padding:116px 1.2rem 0;pointer-events:auto;display:flex;flex-direction:column}.home-hero{display:none}.feed-error{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.25rem;background:#dc3c3c1a;border:1px solid rgba(220,60,60,.2);border-radius:12px;color:#e06060;font-size:.88rem;font-family:DM Sans,sans-serif;font-weight:500}.feed-empty{text-align:center;padding:3rem 1.5rem;color:#f1d3be8c;font-size:.95rem;font-family:DM Sans,sans-serif;line-height:1.7}.feed-empty p{margin:.4rem 0}.feed-list{display:flex;flex-direction:column;gap:.875rem;flex:1;min-height:0;overflow-y:auto;padding:.5rem 0 2.5rem;scrollbar-width:none}.feed-list::-webkit-scrollbar{display:none}.feed-card{background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-radius:18px;padding:1.25rem 1.4rem;transition:box-shadow .2s ease,transform .2s ease;box-shadow:0 1px 3px #1e0f050d,0 2px 12px #1e0f050a;overflow:hidden;min-width:0}.feed-card:hover{box-shadow:0 4px 24px #1e0f051a;transform:translateY(-1px)}.feed-liked-banner{display:flex;align-items:center;gap:.45rem;margin-bottom:.6rem;font-size:.8rem;color:#1e0f0573;font-family:DM Sans,sans-serif}.feed-liked-icon{font-size:.82rem;color:#1e0f0566}.feed-liked-username{color:#1e0f05a6;font-weight:600;cursor:pointer;text-decoration:none;transition:color .15s}.feed-liked-username:hover{color:var(--color-brand-dark);text-decoration:underline}.feed-card-header{display:flex;align-items:center;gap:11px;margin-bottom:1rem}.feed-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(30,15,5,.1);cursor:pointer;flex-shrink:0;transition:border-color .2s}.feed-avatar:hover{border-color:var(--color-brand-accent)}.feed-user-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.feed-username{font-weight:700;font-size:.95rem;color:#1e0f05;cursor:pointer;transition:color .15s;font-family:DM Sans,sans-serif}.feed-username:hover{color:var(--color-brand-accent)}.feed-timestamp{font-size:.78rem;color:#1e0f0573;font-family:DM Sans,sans-serif}.feed-activity-content{padding-left:53px;min-width:0;overflow:hidden}.feed-review-activity{display:flex;flex-direction:column;gap:.85rem;min-width:0}.feed-review-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.feed-review-title{font-size:.92rem;color:#1e0f05bf;line-height:1.55;font-family:DM Sans,sans-serif;word-break:break-word;overflow-wrap:break-word}.feed-review-title strong,.feed-review-title em{color:#1e0f05;font-weight:700;cursor:pointer;font-style:normal}.feed-review-title strong:hover,.feed-review-title em:hover{color:var(--color-brand-accent)}.feed-review-meta{display:flex;align-items:center;gap:.5rem}.feed-stars{display:inline-flex;gap:1px}.feed-star{font-size:.85rem;color:#1e0f0526;line-height:1}.feed-star.filled{color:#e8a020}.feed-review-rating-text{font-size:.78rem;color:#1e0f0573;font-weight:500;font-family:DM Sans,sans-serif}.feed-review-body{background:#1e0f0508;border:1px solid rgba(30,15,5,.07);border-radius:12px;padding:.875rem 1rem}.feed-review-text{margin:0;color:#1e0f05d1;line-height:1.65;font-size:.92rem;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:4;-webkit-line-clamp:4;overflow:hidden;font-family:DM Sans,sans-serif}.feed-review-text.expanded{line-clamp:unset;-webkit-line-clamp:unset}.feed-review-more{background:none;border:none;padding:0;margin-top:.5rem;color:var(--color-brand-accent);font-weight:600;font-size:.82rem;cursor:pointer;font-family:DM Sans,sans-serif;transition:color .15s}.feed-review-more:hover{color:var(--color-brand-dark)}.feed-review-book-card{display:flex;gap:.875rem;padding:.75rem;border:1px solid rgba(30,15,5,.08);border-radius:14px;background:#1e0f0506;align-items:center;cursor:pointer;transition:background .15s,border-color .15s;overflow:hidden}.feed-review-book-card:hover{background:#1e0f050d;border-color:#1e0f0524}.feed-review-book-details{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.feed-review-book-title{font-weight:700;font-size:.9rem;color:#1e0f05;cursor:pointer;font-family:DM Sans,sans-serif;word-break:break-word;overflow-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-review-book-author{color:#1e0f0580;font-size:.82rem;font-family:DM Sans,sans-serif}.feed-review-book-status{display:inline-flex;align-items:center;gap:.25rem;background:#10b9811a;color:#047857;border-radius:999px;font-size:.72rem;font-weight:600;padding:.2rem .7rem;width:max-content;font-family:DM Sans,sans-serif}.feed-review-book-status-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.feed-review-book-select{border:1.5px solid rgba(30,15,5,.25);border-radius:999px;padding:.25rem .85rem;font-size:.72rem;background:transparent;color:#1e0f05b3;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:DM Sans,sans-serif}.feed-review-book-select:hover:not(:disabled){border-color:var(--color-brand-dark);color:var(--color-brand-dark);background:#1e0f050a}.feed-review-book-select:disabled{opacity:.5;cursor:not-allowed}.feed-review-book-select option{background:#fdf7f1;color:#1e0f05;font-weight:400}.feed-review-book-error{font-size:.75rem;color:#e06060;font-family:DM Sans,sans-serif}.feed-activity-header{font-size:.9rem;color:#1e0f05b8;margin-bottom:.875rem;line-height:1.55;font-family:DM Sans,sans-serif}.feed-activity-header-with-avatar{display:flex;align-items:center;gap:.6rem;margin-bottom:.875rem}.feed-activity-profile-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(30,15,5,.1);cursor:pointer;flex-shrink:0}.feed-activity-header strong{color:var(--color-brand-accent);font-weight:700}.feed-activity-header em{color:#1e0f05;font-weight:600;font-style:normal}.feed-rating{color:#e8a020;font-weight:600}.feed-book-info{display:flex;gap:1rem;padding:.875rem;background:#1e0f0508;border:1px solid rgba(30,15,5,.07);border-radius:14px;align-items:flex-start}.feed-book-thumbnail{width:72px;height:108px;object-fit:cover;border-radius:8px;box-shadow:0 2px 10px #1e0f052e;flex-shrink:0}.feed-activity-comment-preview{margin:.5rem 0 .75rem;padding:.65rem .9rem;background:#1e0f050a;border:1px solid rgba(30,15,5,.07);border-left:3px solid rgba(30,15,5,.2);border-radius:0 10px 10px 0;font-size:.88rem;color:#1e0f05a6;font-family:DM Sans,sans-serif;font-style:italic}.feed-interaction-banner{padding:.5rem 0 .625rem;margin-bottom:.75rem;border-bottom:1px solid rgba(30,15,5,.07);display:flex;align-items:center;gap:.6rem}.feed-interaction-avatars{display:flex;align-items:center}.feed-interaction-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(253,247,241,.97);cursor:pointer;transition:transform .2s ease}.feed-interaction-avatar:hover{transform:scale(1.12)}.feed-interaction-avatar:nth-child(2){margin-left:-10px}.feed-interaction-banner-text{font-size:.8rem;color:#1e0f0580;font-family:DM Sans,sans-serif}.feed-progress-info{flex:1;display:flex;flex-direction:column;gap:.65rem}.feed-progress-text{font-size:.9rem;color:#1e0f05bf;font-weight:500;font-family:DM Sans,sans-serif}.feed-progress-bar{width:100%;height:7px;background:#1e0f0517;border-radius:999px;overflow:hidden}.feed-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-brand-accent),var(--color-brand-dark));border-radius:999px;transition:width .35s ease}.feed-card-actions{display:flex;gap:.25rem;padding:.75rem 0 0;border-top:1px solid rgba(30,15,5,.07);margin-top:.875rem}.feed-like-container,.feed-comment-container,.feed-share-container{display:flex;align-items:center;gap:.35rem}.feed-like-btn,.feed-comment-btn,.feed-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .75rem;height:34px;background:transparent;border:none;border-radius:999px;cursor:pointer;color:#1e0f0580;font-size:.82rem;font-weight:600;font-family:DM Sans,sans-serif;transition:background .15s ease,color .15s ease;white-space:nowrap}.feed-like-btn:hover:not(:disabled){background:#dc3c3c14;color:#d93025}.feed-like-btn.liked{color:#d93025}.feed-like-btn.liked:hover{background:#dc3c3c1a}.feed-like-btn:disabled{opacity:.45;cursor:not-allowed}.feed-like-icon,.feed-comment-icon,.feed-share-icon{width:16px;height:16px;flex-shrink:0}.feed-like-count,.feed-comment-count{font-size:.82rem;color:inherit;font-weight:600}.feed-comment-btn:hover,.feed-share-btn:hover{background:#1e0f050f;color:#1e0f05cc}.feed-comments-section{margin-top:.875rem;padding-top:.875rem;border-top:1px solid rgba(30,15,5,.07)}.feed-comment-form{display:flex;align-items:center;gap:.65rem;margin-bottom:.875rem;padding:.5rem .75rem .5rem .5rem;background:#1e0f0508;border:1.5px solid rgba(30,15,5,.08);border-radius:999px;transition:border-color .2s}.feed-comment-form:focus-within{border-color:#1e0f0540;background:#1e0f050d}.feed-comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.feed-comment-input{flex:1;border:none;background:transparent;padding:.3rem 0;font-size:.875rem;color:#1e0f05;outline:none;font-family:DM Sans,sans-serif}.feed-comment-input::placeholder{color:#1e0f0552}.feed-comment-submit{padding:.35rem .9rem;background:var(--color-brand-dark);color:#f1d3be;border:none;border-radius:999px;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s ease;font-family:DM Sans,sans-serif;letter-spacing:.02em}.feed-comment-submit:hover{background:var(--color-brand-darkest)}.feed-comment-submit:disabled{opacity:.45;cursor:not-allowed}.feed-comments-list{display:flex;flex-direction:column;gap:.125rem}.feed-comment{display:flex;gap:.65rem;padding:.6rem .5rem;border-radius:12px;transition:background-color .15s}.feed-comment:hover{background-color:#1e0f0508}.feed-comment-content{flex:1;min-width:0}.feed-comment-header{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.2rem}.feed-comment-username{font-size:.82rem;font-weight:700;color:#1e0f05;cursor:pointer;font-family:DM Sans,sans-serif;transition:color .15s}.feed-comment-username:hover{color:var(--color-brand-accent)}.feed-comment-date{font-size:.72rem;color:#1e0f0566;font-family:DM Sans,sans-serif}.feed-comment-text{margin:0;font-size:.875rem;color:#1e0f05c7;line-height:1.55;word-break:break-word;font-family:DM Sans,sans-serif}.feed-comment-delete{width:26px;height:26px;padding:0;background:transparent;border:none;border-radius:50%;color:#1e0f054d;font-size:1.1rem;line-height:1;cursor:pointer;transition:all .18s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.feed-comment-delete:hover{background-color:#dc3c3c1a;color:#d93025}.feed-comments-show-more{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;margin-top:.25rem;background:transparent;border:none;border-radius:999px;color:#1e0f0580;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s;width:fit-content;font-family:DM Sans,sans-serif}.feed-comments-show-more:hover{background-color:#1e0f050d;color:#1e0f05cc}.feed-comments-show-more svg{flex-shrink:0}.feed-comment-actions{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.feed-comment-like-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;padding:.15rem .35rem;border-radius:999px;cursor:pointer;color:#1e0f0566;font-size:.76rem;font-weight:600;font-family:DM Sans,sans-serif;transition:background .15s,color .15s}.feed-comment-like-btn:hover{color:#d93025;background:#d9302512}.feed-comment-like-btn.liked{color:#d93025}.feed-comment-like-btn span{font-size:.74rem;font-weight:600}.feed-comment-reply-btn{background:none;border:none;padding:.15rem .35rem;border-radius:999px;cursor:pointer;color:#1e0f0566;font-size:.76rem;font-weight:600;font-family:DM Sans,sans-serif;transition:background .15s,color .15s}.feed-comment-reply-btn:hover{color:#1e0f05bf;background:#1e0f050d}.feed-comment-thread{display:flex;flex-direction:column}.feed-comment-reply{padding:.4rem .5rem;border-radius:10px}.feed-comment-reply:hover{background-color:#1e0f0508}.feed-comment-show-replies{margin-left:2.25rem;padding:.3rem .6rem;background:none;border:none;color:#1e0f0573;font-size:.76rem;font-weight:700;font-family:DM Sans,sans-serif;cursor:pointer;transition:color .15s;text-align:left;letter-spacing:.01em}.feed-comment-show-replies:hover{color:var(--color-brand-accent)}.feed-comment-show-replies:disabled{opacity:.4;cursor:not-allowed}.feed-comment-replies{display:flex;flex-direction:column;gap:0;margin-left:2rem;border-left:2px solid rgba(30,15,5,.09);padding-left:.5rem}.feed-comment-reply-indicator{display:flex;align-items:center;justify-content:space-between;padding:.3rem .6rem;margin-bottom:.25rem;background:#1e0f050a;border-radius:8px;font-size:.76rem;color:#1e0f0580;font-family:DM Sans,sans-serif}.feed-comment-reply-indicator strong{color:#1e0f05bf}.feed-comment-reply-indicator button{background:none;border:none;cursor:pointer;color:#1e0f0559;font-size:.75rem;padding:0 .2rem;transition:color .15s;border-radius:50%}.feed-comment-reply-indicator button:hover{color:#1e0f05b3}.feed-comment-input-wrapper{flex:1;position:relative;display:flex;flex-direction:column;min-width:0}.feed-mention-dropdown{position:absolute;top:100%;left:0;right:0;background:#fdf7f1fc;border:1px solid rgba(30,15,5,.1);border-radius:14px;box-shadow:0 8px 24px #1e0f051f;z-index:20;max-height:160px;overflow-y:auto;margin-top:4px}.feed-mention-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;cursor:pointer;font-size:.85rem;color:#1e0f05bf;font-family:DM Sans,sans-serif;transition:background .1s}.feed-mention-item:hover{background:#1e0f050d}.feed-mention-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}.feed-mention-link{color:var(--color-brand-accent);font-weight:700;cursor:pointer;transition:opacity .15s;font-family:DM Sans,sans-serif}.feed-mention-link:hover{opacity:.72;text-decoration:underline}.home-layout{display:flex;gap:2rem;align-items:flex-start}.home-feed{flex:1;min-width:0;min-height:0;max-width:100%;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;overflow:hidden}.home-feed h1{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:800;color:#f1d3bed1;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;padding:0;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.45);border:none}.home-feed h1:after{display:none}.feed-preferences-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;background:#f1d3be1f;border:1px solid rgba(241,211,190,.22);border-radius:999px;font-size:.78rem;font-weight:600;font-family:DM Sans,sans-serif;color:#f1d3beb3;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease;white-space:nowrap}.feed-preferences-btn:hover{background:#f1d3be33;border-color:#f1d3be66;color:#f1d3bef2}.feed-preferences-btn:active{transform:scale(.97)}.feed-preferences-btn i{font-size:.85rem;flex-shrink:0}.feed-preferences-btn-label{display:none}@media(min-width:640px){.feed-preferences-btn-label{display:inline}}.currently-reading-sidebar{width:100%;flex:1;min-height:0;padding:0 0 1.25rem;display:flex;flex-direction:column;overflow:hidden;background:transparent}.sidebar-title{flex-shrink:0;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:700;color:#f1d3be99;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .875rem;padding-bottom:.625rem;border-bottom:1px solid rgba(241,211,190,.14)}.sidebar-empty{font-size:.82rem;color:#f1d3be61;padding:1.25rem 0;text-align:center;font-family:DM Sans,sans-serif}.sidebar-books{display:flex;flex-direction:column;gap:.75rem;flex:0 1 auto;max-height:calc(88% - 4rem);min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(192,98,42,.3) transparent;mask-image:linear-gradient(to bottom,transparent 0%,black 6px,black calc(100% - 10px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 6px,black calc(100% - 10px),transparent 100%)}.sidebar-books::-webkit-scrollbar{width:3px}.sidebar-books::-webkit-scrollbar-track{background:transparent}.sidebar-books::-webkit-scrollbar-thumb{background:#c0622a59;border-radius:999px}.sidebar-book-card{border-radius:14px;padding:.75rem;background:#fdf7f117;border:1px solid rgba(241,211,190,.13);transition:background .2s ease}.sidebar-book-card:hover{background:#fdf7f129}.sidebar-book-row{display:flex;gap:.75rem}.sidebar-book-cover{width:54px;height:80px;object-fit:cover;border-radius:8px;box-shadow:0 3px 10px #0006;flex-shrink:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.sidebar-book-cover:hover{transform:scale(1.06);box-shadow:0 6px 18px #00000080}.sidebar-book-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.sidebar-book-title{font-size:.82rem;font-weight:700;color:#f1d3bee6;font-family:DM Sans,sans-serif;cursor:pointer;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;transition:color .2s ease}.sidebar-book-title:hover{color:#fff}.sidebar-book-author{font-size:.72rem;color:#f1d3be7a;line-height:1.35;font-family:DM Sans,sans-serif}.sidebar-book-progress{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.sidebar-progress-bar{flex:1;height:5px;background:#f1d3be1a;border-radius:999px;overflow:hidden}.sidebar-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-brand-accent),rgba(241,211,190,.7));border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.sidebar-progress-text{font-size:.68rem;color:#f1d3be85;font-weight:600;font-family:DM Sans,sans-serif;white-space:nowrap}.sidebar-update-btn{margin-top:.4rem;padding:.28rem .7rem;font-size:.68rem;font-weight:700;font-family:DM Sans,sans-serif;letter-spacing:.05em;color:#f1d3beb8;background:#f1d3be12;border:1px solid rgba(241,211,190,.18);border-radius:999px;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease;width:fit-content;text-transform:uppercase}.sidebar-update-btn:hover{background:#f1d3be26;border-color:#f1d3be61;color:#f1d3bef2}.sidebar-links{flex-shrink:0;margin-top:.875rem;padding-top:.625rem;border-top:1px solid rgba(241,211,190,.1);display:flex;align-items:center;justify-content:center}.sidebar-links a{color:#f1d3be80;cursor:pointer;text-decoration:none;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:color .18s ease}.sidebar-links a:hover{color:#f1d3bee6}.sidebar-link-sep{color:#f1d3be40}.progress-modal-book{display:flex;gap:1rem;margin-bottom:1.25rem;padding:.875rem;background:#1e0f050a;border-radius:14px;border:1px solid rgba(30,15,5,.08)}.progress-modal-cover{width:52px;height:78px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #1e0f0533;flex-shrink:0}.progress-modal-book-info{display:flex;flex-direction:column;justify-content:center;gap:.25rem}.progress-modal-title{font-weight:700;font-size:.92rem;color:#1e0f05;line-height:1.3;font-family:DM Sans,sans-serif}.progress-modal-author{font-size:.8rem;color:#1e0f0580;font-family:DM Sans,sans-serif}.progress-modal-input-group{margin-bottom:1.25rem}.progress-modal-input-group label{display:block;font-size:.72rem;font-weight:700;font-family:DM Sans,sans-serif;color:#1e0f058c;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.5rem}.progress-modal-input-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.progress-modal-input{width:85px;padding:.5rem .75rem;border:1.5px solid rgba(30,15,5,.18);border-radius:10px;font-size:1rem;font-weight:600;font-family:DM Sans,sans-serif;color:#1e0f05;text-align:center;background:#1e0f050a;outline:none;transition:border-color .2s,box-shadow .2s}.progress-modal-input:focus{border-color:var(--color-brand-dark);box-shadow:0 0 0 3px #1e0f0514}.progress-modal-total{font-size:.88rem;color:#1e0f0573;font-family:DM Sans,sans-serif}.progress-modal-bar-container{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.progress-modal-bar{flex:1;height:8px;background:#1e0f0517;border-radius:999px;overflow:hidden}.progress-modal-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-brand-accent),var(--color-brand-dark));border-radius:999px;transition:width .25s ease}.progress-modal-percentage{font-size:.875rem;font-weight:700;color:var(--color-brand-dark);font-family:DM Sans,sans-serif;min-width:36px;text-align:right}.progress-modal-error{color:#d93025;font-size:.825rem;font-family:DM Sans,sans-serif;margin-bottom:.75rem}@media(max-width:1024px){.home-grid__div-v{width:24px}.home-grid__div-h{height:24px}.home-grid__cell--lt{padding-top:100px;padding-left:1rem;padding-right:.75rem}.home-grid__cell--c{padding-top:100px;padding-left:1.25rem;padding-right:1.25rem}}@media(max-width:768px){.home-grid{position:relative;inset:auto;min-height:100vh;flex-direction:column;overflow:visible;pointer-events:auto}.home-grid__col--left,.home-grid__col--right,.home-grid__div-v{display:none}.home-grid__col--center{flex:1;min-height:0}.home-grid__cell--c{overflow:visible;padding:64px .875rem calc(3.5rem + env(safe-area-inset-bottom,0px))}.home-feed{overflow:visible}.feed-list{flex:0 0 auto;min-height:auto;overflow:visible;padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px));gap:.75rem}.feed-card{padding:1rem 1.1rem;border-radius:16px}.feed-activity-content{padding-left:0;margin-top:.625rem}.feed-review-header{flex-direction:column;align-items:flex-start}.feed-book-info{flex-direction:column;align-items:center;text-align:center}.feed-review-book-card{flex-direction:column;text-align:center}.feed-book-thumbnail{width:90px;height:135px}.home-layout{flex-direction:column}.currently-reading-sidebar{width:100%;position:static;max-height:none;order:-1;margin-bottom:1rem}}.h-root{position:fixed;inset:0;z-index:10;display:flex;flex-direction:row;pointer-events:none;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5ede4}.h-sidebar{width:300px;flex-shrink:0;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:0;background:#8a7660;border-right:1px solid rgba(0,0,0,.12);padding:1.5rem .875rem 2rem;pointer-events:auto;scrollbar-width:none;box-shadow:2px 0 16px #00000026}.h-sidebar::-webkit-scrollbar{display:none}.h-logo{display:flex;align-items:baseline;gap:0;padding:0 .25rem 1.5rem;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.h-logo-text{font-family:"DM Serif Display",Georgia,serif;font-size:1.7rem;font-weight:400;color:#fff8f0;letter-spacing:-.02em;line-height:1}.h-logo-dot{font-family:"DM Serif Display",Georgia,serif;font-size:1.7rem;font-weight:400;color:#ffd088;line-height:1}.h-user-card{display:flex;align-items:center;gap:.75rem;padding:.7rem .75rem;border-radius:14px;cursor:pointer;transition:background .18s,transform .18s;margin-bottom:.625rem;text-decoration:none;background:#00000026}.h-user-card:hover{background:#00000038;transform:translate(3px)}.h-user-card:active{transform:translate(1px)}.h-user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,248,240,.35);flex-shrink:0}.h-user-info{min-width:0}.h-user-name{font-size:.92rem;font-weight:700;color:#fff8f0;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-user-handle{font-size:.74rem;color:#fff8f080;line-height:1;margin-top:2px}.h-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:.5rem}.h-nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .875rem;border-radius:12px;border:none;background:transparent;cursor:pointer;color:#fff8f0b8;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;text-align:left;transition:background .15s,color .15s,transform .15s;width:100%;position:relative}.h-nav-item i{width:20px;text-align:center;font-size:.9rem;flex-shrink:0;color:#fff8f073;transition:color .15s,transform .15s}.h-nav-item:hover{background:#00000026;color:#fff8f0;transform:translate(4px)}.h-nav-item:hover i{color:#ffd088;transform:scale(1.15)}.h-nav-item:active{transform:translate(2px)}.h-nav-item--active{background:#0003;color:#fff8f0;font-weight:700;cursor:default}.h-nav-item--active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:#ffd088;border-radius:0 3px 3px 0}.h-nav-item--active i{color:#ffd088!important}.h-nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;background:#ffd088;color:#5a2e0a;font-size:.62rem;font-weight:800;border-radius:999px;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.h-nav-item--notif{position:relative;cursor:pointer}.h-notif-bell-wrap{position:absolute;inset:0;opacity:0;pointer-events:auto}.h-notif-bell-wrap .notification-bell-container{position:absolute;inset:0;width:100%;height:100%}.h-notif-bell-wrap .notification-bell-btn{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.h-logout-btn{display:flex;align-items:center;gap:.75rem;padding:.65rem .875rem;border-radius:12px;border:none;background:transparent;cursor:pointer;color:#fff8f073;font-family:DM Sans,sans-serif;font-size:.87rem;font-weight:500;text-align:left;transition:background .15s,color .15s,transform .15s;width:100%;margin-top:auto;flex-shrink:0}.h-logout-btn i{width:20px;text-align:center;font-size:.9rem;flex-shrink:0;transition:color .15s,transform .15s}.h-logout-btn:hover{background:#0000002e;color:#ffb3b3;transform:translate(4px)}.h-logout-btn:hover i{color:#ffb3b3;transform:scale(1.15)}.h-logout-btn:active{transform:translate(2px)}.h-sidebar-sep{height:1px;background:#fff8f026;margin:.75rem .25rem 1rem;flex-shrink:0}.h-reading-widget{display:flex;flex-direction:column;gap:0;flex:1;min-height:0;overflow:hidden}.h-widget-header{display:flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:700;color:#fff8f080;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.875rem;padding:0 .25rem;flex-shrink:0}.h-widget-header i{color:#ffd088;font-size:.78rem}.h-reading-empty{font-size:.8rem;color:#fff8f061;padding:.75rem .25rem;font-style:italic;line-height:1.5}.h-reading-list{display:flex;flex-direction:column;gap:.625rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(255,248,240,.15) transparent;mask-image:linear-gradient(to bottom,transparent 0%,black 4px,black calc(100% - 12px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 4px,black calc(100% - 12px),transparent 100%)}.h-reading-item{display:flex;gap:.625rem;padding:.625rem;background:#00000026;border:1px solid rgba(255,248,240,.1);border-radius:12px;transition:background .18s}.h-reading-item:hover{background:#00000038}.h-reading-cover{width:46px;height:68px;object-fit:cover;border-radius:7px;flex-shrink:0;cursor:pointer;box-shadow:0 3px 10px #0000004d;transition:transform .2s}.h-reading-cover:hover{transform:scale(1.05)}.h-reading-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.h-reading-title{font-size:.8rem;font-weight:700;color:#fff8f0;cursor:pointer;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;transition:color .15s}.h-reading-title:hover{color:#ffd088}.h-reading-author{font-size:.72rem;color:#fff8f080;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.h-reading-progress{display:flex;align-items:center;gap:.4rem;margin-top:4px}.h-reading-bar{flex:1;height:4px;background:#fff8f026;border-radius:999px;overflow:hidden}.h-reading-fill{height:100%;background:linear-gradient(90deg,#ffd088,#e8960a);border-radius:999px;transition:width .4s ease}.h-reading-pct{font-size:.66rem;font-weight:700;color:#fff8f080;white-space:nowrap}.h-reading-update-btn{margin-top:5px;padding:.22rem .6rem;background:transparent;border:1.5px solid rgba(255,248,240,.25);border-radius:999px;font-family:DM Sans,sans-serif;font-size:.66rem;font-weight:700;color:#fff8f08c;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .15s;width:fit-content;letter-spacing:.02em}.h-reading-update-btn:hover{background:#0003;border-color:#fff8f080;color:#fff8f0;transform:translateY(-1px)}.h-reading-update-btn:active{transform:scale(.96)}.h-reading-all-link{flex-shrink:0;margin-top:.875rem;padding:.375rem .5rem;background:transparent;border:none;font-family:DM Sans,sans-serif;font-size:.76rem;font-weight:600;color:#fff8f073;cursor:pointer;transition:color .18s,transform .18s;text-align:left;letter-spacing:.01em}.h-reading-all-link:hover{color:#ffd088;transform:translate(4px)}.h-reading-all-link:active{transform:translate(2px)}.h-main{flex:1;min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column;background:transparent;pointer-events:auto}.h-main-inner{width:100%;max-width:680px;height:100%;display:flex;flex-direction:column;margin:0 auto}.h-feed-header{flex-shrink:0;padding:1.5rem 1.75rem 0;border-bottom:1px solid rgba(30,15,5,.08)}.h-feed-title{font-family:"DM Serif Display",Georgia,serif;font-size:1.45rem;font-style:italic;font-weight:400;color:#1e0f05;margin:0 0 1rem;letter-spacing:-.01em}.h-feed-tabs{display:flex;gap:.125rem;margin-bottom:-1px}.h-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border:none;border-bottom:2px solid transparent;background:transparent;border-radius:8px 8px 0 0;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;color:#1e0f0573;cursor:pointer;transition:color .15s,background .15s,border-color .15s,transform .15s;white-space:nowrap}.h-tab-icon{font-size:.75rem;transition:transform .15s}.h-tab:hover{color:#1e0f05bf;background:#1e0f050a;transform:translateY(-1px)}.h-tab:hover .h-tab-icon{transform:scale(1.2)}.h-tab:active{transform:translateY(0)}.h-tab--active .h-tab-icon{transform:scale(1.1)}.h-tab--active{color:#1e0f05;border-bottom-color:var(--color-brand-accent);background:#1e0f050a}.h-feed-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem 1.75rem 3rem;scrollbar-width:thin;scrollbar-color:rgba(30,15,5,.12) transparent}.h-feed-scroll::-webkit-scrollbar{width:4px}.h-feed-scroll::-webkit-scrollbar-track{background:transparent}.h-feed-scroll::-webkit-scrollbar-thumb{background:#1e0f0524;border-radius:999px}.h-state-error{display:flex;align-items:center;gap:.6rem;padding:.875rem 1.1rem;background:#dc3c3c14;border:1px solid rgba(220,60,60,.18);border-radius:12px;color:#c0392b;font-size:.875rem;font-weight:500;margin-bottom:1rem}.h-state-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;gap:.625rem}.h-empty-icon{font-size:2.5rem;margin-bottom:.25rem;line-height:1}.h-empty-title{font-size:1.05rem;font-weight:700;color:#1e0f05b8;margin:0}.h-empty-sub{font-size:.875rem;color:#1e0f056b;margin:0;line-height:1.6;max-width:280px}.h-empty-cta{margin-top:.75rem;display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;background:#1e0f05;color:#f1d3be;border:none;border-radius:999px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .18s,transform .18s;letter-spacing:.02em}.h-empty-cta:hover{background:#30190b;transform:translateY(-2px);box-shadow:0 6px 18px #1e0f0533}.h-empty-cta:active{transform:translateY(0);box-shadow:none}.h-aside-right{width:300px;flex-shrink:0;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:0;background:#f9ede3f2;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border-left:1px solid rgba(30,15,5,.1);padding:1.5rem .875rem 2rem;pointer-events:auto;scrollbar-width:none}.h-aside-right::-webkit-scrollbar{display:none}.h-aside-right .h-widget-header{color:#1e0f059e}.h-reco-widget{display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem}.h-reco-empty{font-size:.8rem;color:#1e0f0561;padding:.5rem .25rem;font-style:italic;line-height:1.5}.h-reco-list{display:flex;flex-direction:column;gap:.5rem}.h-reco-user-item{display:flex;align-items:center;gap:.625rem;padding:.55rem .5rem;border-radius:12px;transition:background .18s,transform .18s}.h-reco-user-item:hover{background:#1e0f050d;transform:translate(3px)}.h-reco-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid rgba(30,15,5,.1);flex-shrink:0;cursor:pointer;transition:border-color .2s}.h-reco-avatar:hover{border-color:var(--color-brand-accent)}.h-reco-user-info{flex:1;min-width:0;cursor:pointer}.h-reco-username{font-size:.84rem;font-weight:700;color:#1e0f05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.h-reco-user-info:hover .h-reco-username{color:var(--color-brand-accent)}.h-reco-mutual{font-size:.7rem;color:#1e0f056b;margin-top:1px}.h-reco-follow-btn{flex-shrink:0;padding:.3rem .75rem;background:#1e0f05;color:#f1d3be;border:none;border-radius:999px;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:700;cursor:pointer;transition:background .18s,transform .15s;letter-spacing:.01em}.h-reco-follow-btn:hover{background:#30190b;transform:translateY(-2px);box-shadow:0 4px 12px #1e0f0533}.h-reco-follow-btn:active{transform:scale(.96);box-shadow:none}.h-reco-follow-pending{flex-shrink:0;font-size:.7rem;color:#1e0f0566;font-style:italic}.h-reco-follow-done{flex-shrink:0;color:var(--color-brand-accent);font-size:.85rem}.h-reco-categories{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.h-reco-category-tag{display:inline-block;padding:.18rem .55rem;background:#1e0f0512;border:1px solid rgba(30,15,5,.12);border-radius:999px;font-size:.65rem;font-weight:600;color:#1e0f058c;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.h-reco-book-item{display:flex;gap:.625rem;padding:.5rem;border-radius:12px;cursor:pointer;transition:background .18s,transform .18s;align-items:flex-start}.h-reco-book-item:hover{background:#1e0f050d;transform:translate(3px)}.h-reco-book-item:active{transform:translate(1px)}.h-reco-book-cover{width:40px;height:58px;object-fit:cover;border-radius:6px;flex-shrink:0;box-shadow:0 2px 8px #1e0f0533;transition:transform .2s}.h-reco-book-item:hover .h-reco-book-cover{transform:scale(1.05)}.h-reco-book-cover--placeholder{background:#1e0f0512;display:flex;align-items:center;justify-content:center;color:#1e0f054d;font-size:1rem}.h-reco-book-info{flex:1;min-width:0}.h-reco-book-title{font-size:.8rem;font-weight:700;color:#1e0f05;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;transition:color .15s}.h-reco-book-item:hover .h-reco-book-title{color:var(--color-brand-accent)}.h-reco-book-author{font-size:.7rem;color:#1e0f0573;margin-top:2px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.h-reco-book-cat{margin-top:4px;display:inline-block;padding:.12rem .45rem;background:#1e0f050f;border-radius:999px;font-size:.62rem;font-weight:600;color:#1e0f0566;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:1300px){.h-aside-right{display:none}}@media(max-width:1100px){.h-sidebar{width:72px;padding:1.5rem .5rem 2rem;align-items:center;box-shadow:2px 0 16px #0a04004d}.h-logo-text,.h-logo-dot{display:none}.h-logo{padding-bottom:1.1rem;justify-content:center}.h-logo:before{content:"B";font-family:"DM Serif Display",Georgia,serif;font-size:1.35rem;color:#fff8f0;line-height:1}.h-user-info,.h-nav-item span,.h-nav-badge,.h-widget-header span,.h-reading-list,.h-reading-all-link,.h-reading-empty,.h-logout-btn span{display:none}.h-user-card{justify-content:center;padding:.65rem .35rem;width:100%;transform:none!important}.h-user-avatar{width:40px;height:40px}.h-nav-item{justify-content:center;padding:.6rem 0;transform:none!important}.h-nav-item i{width:auto;font-size:1.1rem}.h-nav-item--active:before{display:none}.h-reading-widget{align-items:center;overflow:visible}.h-widget-header{justify-content:center}.h-sidebar-sep{margin:.75rem 0 1rem}.h-main-inner{max-width:100%}.h-logout-btn{justify-content:center;padding:.65rem 0;transform:none!important}.h-logout-btn i{width:auto;font-size:1.1rem}}@media(max-width:768px){.h-root{position:relative;inset:auto;flex-direction:column;min-height:100vh;padding-top:0;overflow-x:hidden;overflow-y:visible;pointer-events:auto;background:transparent}.h-sidebar{display:none}.h-main{height:auto;overflow:visible;background:transparent}.h-main-inner{max-width:100%;height:auto}.h-feed-header{padding:1.25rem 1rem 0}.h-feed-title{font-size:1.2rem;margin-bottom:.875rem}.h-tab-label{display:none}.h-tab{padding:.5rem .65rem}.h-tab-icon{font-size:.9rem}.h-feed-scroll{overflow:visible;padding:1.2rem 1.05rem calc(5.8rem + env(safe-area-inset-bottom,0px))}.feed-list{gap:0}.h-feed-scroll .feed-list>.feed-card{margin-bottom:2.2rem}.h-feed-scroll .feed-list>.feed-card:last-child{margin-bottom:0}.feed-card{padding:1rem;border-radius:14px;box-shadow:0 1px 4px #1e0f050f}.feed-activity-content{padding-left:0;margin-top:.625rem}.feed-card-header{gap:10px;margin-bottom:.75rem}.feed-avatar{width:38px;height:38px}.feed-username{font-size:.9rem}.feed-timestamp{font-size:.74rem}.feed-review-book-card{flex-direction:row;text-align:left;padding:.65rem;gap:.75rem;border-radius:12px}.feed-book-info{flex-direction:row;align-items:flex-start;text-align:left;gap:.75rem;padding:.75rem;border-radius:12px}.feed-book-thumbnail{width:60px;height:90px;border-radius:6px}.feed-review-title{font-size:.88rem}.feed-review-body{padding:.7rem .85rem;border-radius:10px}.feed-review-text{font-size:.88rem}.feed-card-actions{gap:0;justify-content:space-around;margin-top:.65rem;padding-top:.6rem}.feed-like-btn,.feed-comment-btn,.feed-share-btn{padding:.4rem .6rem;font-size:.8rem;height:32px;border-radius:8px}.feed-progress-bar{height:6px}.feed-review-book-status-row{margin-top:.35rem;gap:.4rem}.feed-review-book-select{padding:.4rem 1.8rem .4rem .9rem;font-size:.78rem;border-radius:10px;background:#1e0f050a;border:1.5px solid rgba(30,15,5,.18);min-height:34px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%233d1a08' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;width:100%}.feed-review-book-status{font-size:.72rem;padding:.25rem .65rem}.feed-review-book-error{font-size:.7rem}}@media(max-width:480px){.h-feed-scroll{padding:.9rem .8rem calc(5.8rem + env(safe-area-inset-bottom,0px))}.h-feed-title{font-size:1.05rem}.feed-list{gap:0}.h-feed-scroll .feed-list>.feed-card{margin-bottom:2rem}.h-feed-scroll .feed-list>.feed-card:last-child{margin-bottom:0}.feed-card{padding:.8rem .75rem;border-radius:12px}.feed-avatar{width:34px;height:34px}.feed-card-header{gap:8px;margin-bottom:.6rem}.feed-username{font-size:.85rem}.feed-timestamp{font-size:.7rem}.feed-review-title{font-size:.83rem}.feed-review-body{padding:.6rem .7rem}.feed-review-text{font-size:.83rem;line-height:1.55}.feed-review-header{gap:.5rem}.feed-review-book-card{padding:.5rem;gap:.5rem;border-radius:10px}.feed-book-info{padding:.6rem;gap:.6rem;border-radius:10px}.feed-book-thumbnail{width:50px;height:75px;border-radius:5px}.feed-review-book-title{font-size:.82rem}.feed-review-book-author{font-size:.75rem}.feed-review-book-status{font-size:.68rem;padding:.15rem .55rem}.feed-review-book-status-row{margin-top:.3rem;flex-direction:column;align-items:stretch}.feed-review-book-select{padding:.35rem 1.6rem .35rem .75rem;font-size:.75rem;min-height:32px}.feed-card-actions{margin-top:.5rem;padding-top:.5rem}.feed-like-btn,.feed-comment-btn,.feed-share-btn{padding:.3rem .45rem;font-size:.75rem;height:28px;gap:.25rem}.feed-comment-form{padding:.35rem .5rem .35rem .35rem}.feed-comment-avatar{width:24px;height:24px}.feed-comment-input{font-size:.8rem}.feed-comment-submit{font-size:.72rem;padding:.25rem .6rem}.feed-interaction-banner{gap:.4rem;padding:.35rem 0 .5rem}.feed-interaction-avatar{width:24px;height:24px}.feed-interaction-banner-text{font-size:.72rem}.feed-progress-text{font-size:.82rem}.feed-progress-bar{height:5px}.feed-liked-banner{font-size:.72rem;margin-bottom:.4rem}.feed-star{font-size:.78rem}.feed-review-rating-text{font-size:.72rem}}@media(max-width:480px){.landing-hero{padding:0 1rem;gap:1rem}.landing-title-main,.landing-title-dot{font-size:clamp(3.5rem,16vw,5rem)}.landing-cta{flex-direction:column;width:100%}.landing-cta .landing-btn-primary,.landing-cta .landing-btn-secondary{width:100%;justify-content:center}.landing-stats{gap:.75rem}.landing-stat-number{font-size:1.15rem}.landing-stat-divider{height:28px}}.search-particles-canvas{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35}.search-container{position:relative;z-index:1;min-height:100vh;background:#f5ede4;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:#1e0f05;padding-bottom:6rem}.search-header{position:sticky;top:0;z-index:50;background:#f5ede4eb;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid rgba(30,15,5,.08);padding:1rem 2rem;animation:srch-slide-down .35s cubic-bezier(.22,1,.36,1) both}@keyframes srch-slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.search-input-section{display:flex;gap:.75rem;align-items:center;max-width:860px;margin:0 auto}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.search-search-icon{position:absolute;left:1rem;color:#1e0f0559;font-size:.9rem;pointer-events:none;transition:color .18s}.search-input-wrapper:focus-within .search-search-icon{color:var(--color-brand-accent)}.search-input{width:100%;padding:.75rem 2.8rem .75rem 2.6rem;background:#fdf7f1f7;border:1.5px solid rgba(30,15,5,.1);border-radius:999px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;color:#1e0f05;outline:none;transition:border-color .18s,box-shadow .18s;box-shadow:0 2px 8px #1e0f050f}.search-input::placeholder{color:#1e0f0559;font-weight:400}.search-input:focus{border-color:var(--color-brand-accent);box-shadow:0 0 0 3px #c8641e1a,0 2px 8px #1e0f0514}.search-clear-button{position:absolute;right:.875rem;background:none;border:none;padding:.25rem;cursor:pointer;color:#1e0f054d;font-size:.8rem;transition:color .15s,transform .15s;line-height:1}.search-clear-button:hover{color:#1e0f05b3;transform:scale(1.2)}.search-button{flex-shrink:0;padding:.75rem 1.6rem;background:#1e0f05;color:#f1d3be;border:none;border-radius:999px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .18s,transform .15s,box-shadow .18s;letter-spacing:.02em;white-space:nowrap;box-shadow:0 2px 10px #1e0f0533}.search-button:hover:not(:disabled){background:#30190b;transform:translateY(-2px);box-shadow:0 6px 18px #1e0f0540}.search-button:active:not(:disabled){transform:translateY(0);box-shadow:none}.search-button:disabled{opacity:.5;cursor:default}.search-content{max-width:100%;margin:0 auto;padding:2rem 2.5rem 0}.search-browse-title{font-family:"DM Serif Display",Georgia,serif;font-size:1.5rem;font-style:italic;font-weight:400;color:#1e0f05;margin:0 0 1.5rem;letter-spacing:-.01em}.search-filter-buttons{display:flex;gap:.25rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-filter-button{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:1.5px solid rgba(30,15,5,.12);border-radius:999px;background:transparent;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;color:#1e0f058c;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}.search-filter-button:hover:not(:disabled){background:#1e0f050f;color:#1e0f05;border-color:#1e0f0540;transform:translateY(-1px)}.search-filter-button:active:not(:disabled){transform:translateY(0)}.search-filter-button.active{background:#1e0f05;color:#f1d3be;border-color:#1e0f05}.search-filter-button:disabled{opacity:.4;cursor:default}.search-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.75rem;margin-bottom:2.5rem}.search-book-card{background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 4px #1e0f050f}.search-book-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1e0f051f}.search-book-card:active{transform:translateY(-2px)}.search-book-image{width:100%;aspect-ratio:2/3;overflow:hidden;background:#1e0f050d;display:flex;align-items:center;justify-content:center}.search-book-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.search-book-card:hover .search-book-image img{transform:scale(1.04)}.search-book-no-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e8ddd4;color:#8a7660;font-size:1.5rem}.search-book-info{padding:.75rem .875rem .875rem}.search-book-title{font-size:.875rem;font-weight:700;color:#1e0f05;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin-bottom:4px}.search-book-author{font-size:.76rem;color:#1e0f0573;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.search-authors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2.5rem}.search-author-card{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-radius:14px;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 1px 4px #1e0f050d}.search-author-card:hover{transform:translateY(-2px) translate(2px);box-shadow:0 6px 20px #1e0f051a;background:#fdf7f1}.search-author-card:active{transform:translateY(0) translate(1px)}.search-author-avatar{width:52px;height:52px;border-radius:50%;background:#1e0f0512;border:1.5px solid rgba(30,15,5,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#1e0f0559;font-size:1rem;transition:background .18s,color .18s}.search-author-card:hover .search-author-avatar{background:#1e0f051a;color:var(--color-brand-accent)}.search-author-info{flex:1;min-width:0}.search-author-name{font-size:.95rem;font-weight:700;color:#1e0f05;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.search-author-card:hover .search-author-name{color:var(--color-brand-accent)}.search-author-cta{font-size:.74rem;color:#1e0f0566;margin:0;transition:color .15s}.search-author-card:hover .search-author-cta{color:#1e0f0599}.search-users-grid{display:flex;flex-direction:column;gap:.625rem;margin-bottom:2rem}.search-user-card{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-radius:14px;text-decoration:none;transition:transform .18s,box-shadow .18s;box-shadow:0 1px 4px #1e0f050d;cursor:pointer}.search-user-card:hover{transform:translate(4px);box-shadow:0 4px 16px #1e0f051a}.search-user-card:active{transform:translate(2px)}.search-user-avatar-wrapper{position:relative;flex-shrink:0}.search-user-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(30,15,5,.1);display:block;transition:border-color .18s}.search-user-card:hover .search-user-avatar{border-color:var(--color-brand-accent)}.search-user-avatar-placeholder{width:46px;height:46px;border-radius:50%;background:#1e0f0512;border:2px solid rgba(30,15,5,.1);display:flex;align-items:center;justify-content:center;color:#1e0f054d;font-size:1.1rem}.search-user-status{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.58rem;border:2px solid #f5ede4}.search-user-status.public{background:#4caf50;color:#fff}.search-user-status.private{background:#1e0f0559;color:#fff}.search-user-info{flex:1;min-width:0}.search-user-name{font-size:.92rem;font-weight:700;color:#1e0f05;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.search-user-card:hover .search-user-name{color:var(--color-brand-accent)}.search-user-status-text{font-size:.75rem;color:#1e0f056b;margin:0}.search-user-action{color:#1e0f0540;font-size:.85rem;flex-shrink:0;transition:color .15s,transform .18s}.search-user-card:hover .search-user-action{color:var(--color-brand-accent);transform:translate(3px)}.search-lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;margin-bottom:2.5rem}.search-list-card{background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-radius:16px;padding:1rem;cursor:pointer;transition:transform .18s,box-shadow .18s;box-shadow:0 1px 4px #1e0f050d}.search-list-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1e0f051a}.search-list-card:active{transform:translateY(-1px)}.search-list-card-content{display:flex;gap:1rem;align-items:flex-start}.search-list-text{flex:1;min-width:0}.search-list-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.search-list-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#1e0f0512;flex-shrink:0}.search-list-avatar img{width:100%;height:100%;object-fit:cover}.search-list-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#1e0f054d;font-size:.85rem}.search-list-info{flex:1;min-width:0}.search-list-name{font-size:.9rem;font-weight:700;color:#1e0f05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.search-list-card:hover .search-list-name{color:var(--color-brand-accent)}.search-list-owner{font-size:.72rem;color:#1e0f056b}.search-list-count{font-size:.72rem;font-weight:600;color:#1e0f0566;flex-shrink:0;white-space:nowrap}.search-list-description{font-size:.8rem;color:#1e0f058c;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.search-list-preview{display:flex;gap:3px;flex-shrink:0}.search-list-preview img{width:38px;height:54px;object-fit:cover;border-radius:5px;box-shadow:0 2px 6px #1e0f0526}.search-list-preview-placeholder{width:38px;height:54px;border-radius:5px;background:#1e0f050f;border:1px dashed rgba(30,15,5,.12)}.search-groups-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.search-group-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;background:#fdf7f1f7;border:1px solid rgba(30,15,5,.08);border-radius:16px;box-shadow:0 1px 4px #1e0f050d;transition:transform .18s,box-shadow .18s}.search-group-card:hover{transform:translate(3px);box-shadow:0 4px 16px #1e0f051a}.search-group-avatar-wrapper{flex-shrink:0}.search-group-avatar{width:50px;height:50px;border-radius:12px;object-fit:cover;border:1.5px solid rgba(30,15,5,.1)}.search-group-avatar-placeholder{width:50px;height:50px;border-radius:12px;background:#1e0f0512;border:1.5px solid rgba(30,15,5,.1);display:flex;align-items:center;justify-content:center;color:#1e0f054d;font-size:1.2rem}.search-group-info{flex:1;min-width:0}.search-group-name{font-size:.95rem;font-weight:700;color:#1e0f05;margin:0 0 3px;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.search-group-community-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:700;color:var(--color-brand-accent);background:#c8641e1a;border:1px solid rgba(200,100,30,.2);border-radius:999px;padding:.15rem .5rem;letter-spacing:.02em;text-transform:uppercase}.search-group-description{font-size:.8rem;color:#1e0f058c;margin:0 0 4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.search-group-meta{font-size:.74rem;color:#1e0f0566;margin:0}.search-group-action{flex-shrink:0}.search-group-btn{padding:.45rem 1rem;border-radius:999px;border:none;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:background .18s,transform .15s,box-shadow .15s;letter-spacing:.01em}.search-group-btn--join{background:#1e0f05;color:#f1d3be;box-shadow:0 2px 8px #1e0f0533}.search-group-btn--join:hover:not(:disabled){background:#30190b;transform:translateY(-2px);box-shadow:0 5px 14px #1e0f0540}.search-group-btn--join:active:not(:disabled){transform:scale(.97);box-shadow:none}.search-group-btn--cancel{background:transparent;color:#1e0f0580;border:1.5px solid rgba(30,15,5,.18)}.search-group-btn--cancel:hover:not(:disabled){background:#1e0f050f;color:#1e0f05;border-color:#1e0f0559;transform:translateY(-1px)}.search-group-btn:disabled{opacity:.5;cursor:default}.search-browse{margin-bottom:2.5rem}.search-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.1rem;margin-bottom:0}.search-category-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.3rem;padding:1.4rem 1.5rem;background:#8a7660;border-radius:16px;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 2px 8px #1e0f051f;border:1px solid rgba(255,248,240,.1)}.search-category-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #1e0f052e;background:#7a6852}.search-category-card:active{transform:translateY(-1px) scale(1.01)}.search-category-label{font-size:1rem;font-weight:700;color:#fff8f0;line-height:1.2}.search-category-count{font-size:.75rem;color:#fff8f08c;font-weight:500}.srch-cat-section{margin-bottom:3.5rem}.srch-cat-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;cursor:pointer;width:100%;transition:opacity .15s}.srch-cat-section-header:hover{opacity:1}.srch-cat-section-title{font-family:"DM Serif Display",Georgia,serif;font-size:1.5rem;font-style:italic;font-weight:400;color:#1e0f05;margin:0;transition:color .18s}.srch-cat-section-header:hover .srch-cat-section-title{color:#30190b}.srch-cat-strip{display:flex;gap:1.1rem;overflow-x:auto;padding-bottom:.75rem;scrollbar-width:none}.srch-cat-strip::-webkit-scrollbar{display:none}.srch-cat-book{flex-shrink:0;width:175px;cursor:pointer;transition:transform .2s}.srch-cat-book:hover{transform:translateY(-4px)}.srch-cat-book:active{transform:translateY(-2px)}.srch-cat-book__cover{width:175px;height:256px;border-radius:12px;overflow:hidden;background:#1e0f0514;margin-bottom:.5rem;box-shadow:0 4px 14px #1e0f052e;transition:box-shadow .2s}.srch-cat-book:hover .srch-cat-book__cover{box-shadow:0 8px 24px #1e0f0540}.srch-cat-book__cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.srch-cat-book:hover .srch-cat-book__cover img{transform:scale(1.04)}.srch-cat-book__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#1e0f0540;font-size:1.5rem}.srch-cat-book__title{font-size:.875rem;font-weight:700;color:#1e0f05;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:color .15s}.srch-cat-book:hover .srch-cat-book__title{color:var(--color-brand-accent)}.srch-cat-book__author{font-size:.76rem;color:#1e0f056b;margin-top:2px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.search-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;gap:.75rem}.search-empty-icon{font-size:2.5rem;color:#1e0f0526;margin-bottom:.25rem}.search-empty-title{font-size:1.05rem;font-weight:700;color:#1e0f0599}.search-empty-text{font-size:.875rem;color:#1e0f0561;max-width:280px;line-height:1.6}.h-root .h-main-inner{max-width:100%}.h-root .h-feed-header,.h-root .h-feed-scroll{padding-left:2.5rem;padding-right:2.5rem}.srch-input-row{display:flex;gap:.625rem;align-items:center;margin-top:.875rem}.srch-input-wrapper{position:relative;flex:1;display:flex;align-items:center;background:#fff8f0;border:1.5px solid rgba(30,15,5,.12);border-radius:12px;transition:border-color .2s,box-shadow .2s}.srch-input-wrapper:focus-within{border-color:#ffd088;box-shadow:0 0 0 3px #ffd08833}.srch-search-icon{padding:0 .75rem;color:#1e0f0559;font-size:.875rem;pointer-events:none;flex-shrink:0}.srch-text-input{flex:1;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:.9375rem;color:#1e0f05;padding:.7rem .5rem .7rem 0;outline:none}.srch-text-input::placeholder{color:#1e0f0561}.srch-clear-btn{background:none;border:none;cursor:pointer;padding:0 .75rem;color:#1e0f0559;font-size:.8rem;line-height:1;transition:color .15s}.srch-clear-btn:hover{color:#1e0f05}.srch-search-btn{background:#1e0f05;color:#fff8f0;border:none;border-radius:10px;padding:.7rem 1.375rem;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s;flex-shrink:0}.srch-search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1e0f0540}.srch-search-btn:active:not(:disabled){transform:translateY(0)}.srch-search-btn:disabled{opacity:.5;cursor:not-allowed}.srch-results-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.srch-result-count{font-size:.875rem;color:#1e0f058c;margin:0}.srch-result-count strong{color:#1e0f05}.srch-result-count em{font-style:italic}.srch-filter-pills{display:flex;flex-wrap:wrap;gap:.5rem}.srch-filter-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .875rem;border-radius:20px;border:1.5px solid rgba(30,15,5,.15);background:transparent;color:#1e0f0599;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;cursor:pointer;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s}.srch-filter-pill i{font-size:.75rem}.srch-filter-pill:hover:not(:disabled){border-color:#1e0f054d;color:#1e0f05;transform:translateY(-1px)}.srch-filter-pill--active{background:#1e0f05;border-color:#1e0f05;color:#fff8f0;font-weight:600}.srch-filter-pill--active:hover:not(:disabled){background:#2d1a0a;border-color:#2d1a0a}.srch-filter-pill:disabled{opacity:.5;cursor:not-allowed}.search-load-more{display:flex;justify-content:center;margin-top:2rem;margin-bottom:1rem}.srch-hero-title{font-size:2.6rem!important;line-height:1.1!important;letter-spacing:-.03em!important;margin-bottom:.15rem!important}.srch-hero-sub{display:block;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:400;font-style:normal;color:#1e0f056b;letter-spacing:0;margin-top:.25rem}@keyframes srch-pop-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes srch-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.search-book-card{animation:srch-pop-in .42s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 45ms)}.search-category-card{animation:srch-pop-in .44s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * .06s)}.search-author-card,.search-user-card,.search-group-card{animation:srch-slide-in .35s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * .04s)}.search-list-card{animation:srch-pop-in .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * .05s)}.srch-cat-book{animation:srch-pop-in .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 35ms)}.search-category-icon{font-size:1.4rem;color:#fff8f0bf;transition:transform .22s cubic-bezier(.22,1,.36,1),color .18s;display:block;margin-bottom:.25rem}.search-category-card:hover .search-category-icon{transform:scale(1.25) rotate(-8deg);color:#fff8f0}.srch-cat-book__cover{position:relative;overflow:hidden}.srch-cat-book__shine{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,transparent 50%);opacity:0;transition:opacity .28s;pointer-events:none;border-radius:inherit}.srch-cat-book:hover .srch-cat-book__shine{opacity:1}.srch-carousel-wrap{position:relative;margin:0 -4px;padding:0 4px}.srch-carousel-wrap:before,.srch-carousel-wrap:after{content:"";position:absolute;top:0;bottom:1rem;width:90px;z-index:2;pointer-events:none;transition:opacity .25s}.srch-carousel-wrap:before{left:4px;background:linear-gradient(to right,#f5ede4 0%,transparent 100%)}.srch-carousel-wrap:after{right:4px;background:linear-gradient(to left,#f5ede4 0%,transparent 100%)}.srch-carousel-btn{position:absolute;top:50%;transform:translateY(calc(-50% - 1rem));z-index:5;width:44px;height:44px;border-radius:50%;background:#fdf7f1f7;border:1.5px solid rgba(30,15,5,.13);box-shadow:0 4px 20px #1e0f052e,0 1px 4px #1e0f0514;color:#1e0f05;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.82rem;opacity:0;transition:opacity .22s,transform .22s cubic-bezier(.22,1,.36,1),background .18s,box-shadow .18s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.srch-cat-section:hover .srch-carousel-btn{opacity:1}.srch-carousel-btn:hover{background:#1e0f05;color:#fff8f0;box-shadow:0 8px 28px #1e0f054d;transform:translateY(calc(-50% - 1rem)) scale(1.1)}.srch-carousel-btn:active{transform:translateY(calc(-50% - 1rem)) scale(.95)}.srch-carousel-btn--prev{left:-18px}.srch-carousel-btn--next{right:-18px}.srch-cat-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.srch-cat-section-header-left{display:flex;align-items:center;gap:.625rem}.srch-cat-section-icon{font-size:1rem;color:#1e0f0559;transition:color .18s,transform .22s cubic-bezier(.22,1,.36,1)}.srch-cat-section-header:hover .srch-cat-section-icon{color:var(--color-brand-accent);transform:scale(1.15)}.srch-cat-section-count{display:inline-flex;align-items:center;justify-content:center;background:#1e0f0512;color:#1e0f0573;font-size:.7rem;font-weight:700;border-radius:999px;padding:.15rem .55rem;letter-spacing:.03em;transition:background .15s,color .15s}.srch-cat-section-header:hover .srch-cat-section-count{background:#1e0f051c;color:#1e0f05b3}.srch-cat-voir-tout{font-size:.82rem;font-weight:600;color:var(--color-brand-accent);background:none;border:none;cursor:pointer;padding:.3rem .65rem;border-radius:8px;transition:background .15s,transform .2s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;gap:.4rem;white-space:nowrap;letter-spacing:.01em;opacity:0;transition:opacity .2s,background .15s,transform .2s}.srch-cat-section:hover .srch-cat-voir-tout{opacity:1}.srch-cat-voir-tout:hover{background:#c8641e17;transform:translate(3px)}.srch-cat-voir-tout i{font-size:.7rem;transition:transform .18s}.srch-cat-voir-tout:hover i{transform:translate(3px)}.search-book-card:hover{outline:2px solid rgba(200,100,30,.28)}.srch-input-wrapper{border-radius:999px}.srch-text-input{font-size:1rem;padding:.85rem .5rem .85rem 0}.srch-search-btn{border-radius:999px;padding:.85rem 1.75rem;font-size:.95rem}.srch-browse-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}.srch-browse-eyebrow{font-family:"DM Serif Display",Georgia,serif;font-size:1.6rem;font-style:italic;font-weight:400;color:#1e0f05;margin:0}.srch-browse-hint{font-size:.8rem;color:#1e0f0561}@media(max-width:1024px){.search-content{padding:1.5rem 1.5rem 0}.search-books-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}.search-lists-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.search-categories{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.srch-cat-book{width:150px}}@media(max-width:768px){.srch-carousel-wrap{margin:0;padding:0}.srch-carousel-wrap:before,.srch-carousel-wrap:after{display:none}.h-root .h-feed-header{padding:.9rem 1rem .7rem;text-align:center}.h-root .h-feed-scroll{padding-left:1rem;padding-right:1rem}.srch-hero-title{font-size:1.75rem!important;line-height:1.08!important;margin-bottom:.05rem!important}.srch-hero-sub{font-size:.8rem;margin-top:.2rem}.srch-input-row{flex-direction:column;align-items:stretch;gap:.5rem;margin-top:.6rem;width:min(100%,560px);margin-left:auto;margin-right:auto}.srch-search-btn{width:100%;justify-content:center;padding:.72rem 1rem}.srch-results-header{justify-content:center;text-align:center}.srch-filter-pills{justify-content:center}.search-header{padding:.875rem 1rem}.search-input-section{flex-direction:column;gap:.5rem}.search-button{width:100%}.search-content{padding:1.25rem 1rem 0}.search-browse-title{font-size:1.25rem}.search-books-grid{grid-template-columns:repeat(2,minmax(0,138px));gap:1.45rem 1.35rem;justify-content:center;justify-items:center}.srch-cat-strip{gap:1.2rem;padding:0 .5rem .95rem}.search-book-card{width:100%;max-width:138px;background:transparent;border:none;box-shadow:none;border-radius:0}.search-book-card:hover{outline:none;transform:translateY(-2px);box-shadow:none}.search-book-image{border-radius:10px;background:transparent;box-shadow:none}.search-book-info{text-align:center;padding:.6rem .25rem .15rem}.search-authors-grid,.search-lists-grid{grid-template-columns:1fr}.search-users-grid{gap:.5rem}.search-categories{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.875rem}.search-category-card{padding:1.1rem 1.2rem}.search-filter-buttons{gap:.375rem;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;scrollbar-width:none}.search-filter-buttons::-webkit-scrollbar{display:none}.search-filter-button{font-size:.78rem;padding:.45rem .75rem;flex-shrink:0}.search-group-card{flex-wrap:wrap;gap:.75rem}.search-group-action{width:100%}.search-group-btn{width:100%;justify-content:center}.srch-cat-book{width:102px}.srch-cat-book__cover{width:100%;height:auto;aspect-ratio:2 / 3;box-shadow:none}.srch-cat-section-title{font-size:1.25rem}}@media(max-width:480px){.srch-carousel-wrap{margin:0;padding:0}.srch-carousel-wrap:before,.srch-carousel-wrap:after{display:none}.h-root .h-feed-header{padding:.7rem .75rem .55rem}.h-root .h-feed-scroll{padding-left:.75rem;padding-right:.75rem}.srch-hero-title{font-size:1.48rem!important}.srch-hero-sub{font-size:.74rem}.srch-text-input{font-size:.9rem;padding-top:.65rem;padding-bottom:.65rem}.srch-search-btn{font-size:.86rem;padding:.65rem .95rem}.search-books-grid{grid-template-columns:repeat(2,1fr);gap:1.3rem 1.05rem;justify-items:center}.srch-cat-strip{gap:1rem;padding:0 .35rem .95rem}.search-book-card{max-width:124px}.search-book-title{font-size:.8rem}.search-book-author{font-size:.72rem}.search-content{padding:1rem .875rem 0}.search-categories{grid-template-columns:repeat(2,1fr);gap:.75rem}.search-category-card{padding:.9rem 1rem}.search-category-label{font-size:.88rem}.search-author-card{padding:.875rem 1rem;gap:.75rem}.search-author-avatar{width:42px;height:42px}.search-user-card{padding:.75rem .875rem}.search-user-avatar,.search-user-avatar-placeholder{width:38px;height:38px}.srch-cat-book{width:86px}.srch-cat-book__cover{width:100%;height:auto;aspect-ratio:2 / 3;box-shadow:none}.srch-cat-book__title{font-size:.8rem}.srch-cat-book__author{font-size:.7rem}}@keyframes listDetailIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes listDetailCardIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.list-detail-container{max-width:1100px;margin:0 auto;padding:1.5rem 2rem 4rem;font-family:Libre Franklin,Trebuchet MS,sans-serif;color:#1a1208;animation:listDetailIn .4s cubic-bezier(.22,1,.36,1) both}.list-detail-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.list-detail-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:#3d1a080f;border:1px solid rgba(61,26,8,.14);border-radius:999px;color:#5a3a22;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.list-detail-back-btn:hover{background:#3d1a081c;color:#1a1208;transform:translate(-3px);box-shadow:0 2px 8px #3d1a081a}.list-detail-back-btn i{font-size:.8rem;transition:transform .2s ease}.list-detail-back-btn:hover i{transform:translate(-2px)}.list-detail-add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;background:linear-gradient(135deg,#3d1a08,#5a3018);color:#f1d3be;border:none;border-radius:999px;font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 3px 12px #3d1a0840;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,background .2s ease;letter-spacing:.01em}.list-detail-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3d1a0852;background:linear-gradient(135deg,#2a0f04,#3d1a08)}.list-detail-add-btn:active{transform:scale(.96);box-shadow:0 1px 6px #3d1a0833}.list-detail-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 1.75rem;background:#fffcf8f2;border:1px solid #e0d5c5;border-radius:18px 18px 0 0;border-bottom:none;position:relative;overflow:hidden}.list-detail-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-brand-dark) 0%,var(--color-brand-medium) 40%,var(--color-brand-accent) 100%);border-radius:18px 18px 0 0}.list-detail-user{display:flex;align-items:center;gap:1rem;cursor:pointer;transition:opacity .2s ease}.list-detail-user:hover{opacity:.82}.list-detail-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#f3e8d8,#e8d4c0);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid #fff;box-shadow:0 2px 10px #3d1a0826}.list-detail-avatar img{width:100%;height:100%;object-fit:cover}.list-detail-avatar-placeholder{font-size:1.35rem;color:#9a8270}.list-detail-meta{display:flex;flex-direction:column;gap:.3rem}.list-detail-title{font-size:1.45rem;font-weight:700;color:#1a1208;font-family:Playfair Display,Georgia,serif;letter-spacing:-.01em;line-height:1.2}.list-detail-subtitle{font-size:.85rem;color:#9a8270;display:flex;align-items:center;gap:.45rem}.list-detail-username{font-weight:600;color:#7a6450}.list-detail-separator{color:#cfc4b0}.list-detail-visibility{background:#3d1a0812;color:#7a6450;padding:.15rem .55rem;border-radius:999px;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(61,26,8,.1)}.list-detail-count{font-size:.82rem;font-weight:700;color:#9a8270;background:#3d1a080f;border:1px solid rgba(61,26,8,.1);padding:.45rem 1rem;border-radius:999px;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.list-detail-description{background:#faf5eeb3;border:1px solid #e0d5c5;border-top:none;padding:1.1rem 1.75rem}.list-detail-description p{margin:0;color:#7a6450;line-height:1.65;font-size:.925rem}.list-detail-books{margin-top:0;background:#fffcf8f2;border:1px solid #e0d5c5;border-top:none;border-radius:0 0 18px 18px;padding:1.5rem 1.75rem 1.75rem}.list-detail-books-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.list-detail-books-header h3{margin:0;font-size:1rem;font-weight:700;color:#1a1208;font-family:Playfair Display,Georgia,serif;letter-spacing:-.01em}.list-detail-add-btn-inline{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;background:#3d1a0812;border:1px solid rgba(61,26,8,.14);border-radius:999px;color:#5a3a22;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease;letter-spacing:.02em}.list-detail-add-btn-inline:hover{background:#3d1a0821;color:#1a1208;transform:translateY(-1px);box-shadow:0 3px 8px #3d1a081a}.list-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1rem}.list-detail-book-card{background:#fffcf8f5;border:1px solid #e0d5c5;border-radius:12px;overflow:hidden;cursor:pointer;position:relative;animation:listDetailCardIn .4s cubic-bezier(.22,1,.36,1) both;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,border-color .25s ease}.list-detail-book-card:nth-child(1){animation-delay:.04s}.list-detail-book-card:nth-child(2){animation-delay:.08s}.list-detail-book-card:nth-child(3){animation-delay:.12s}.list-detail-book-card:nth-child(4){animation-delay:.16s}.list-detail-book-card:nth-child(n+5){animation-delay:.2s}.list-detail-book-card:after{content:"";position:absolute;top:0;left:0;right:0;height:195px;background:linear-gradient(to bottom,transparent 55%,rgba(26,18,8,.32) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:12px 12px 0 0}.list-detail-book-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 10px 28px #3d1a0821,0 3px 8px #3d1a0812;border-color:#c4b5a2}.list-detail-book-card:hover:after{opacity:1}.list-detail-book-image{width:100%;height:195px;background:linear-gradient(135deg,#f3e8d8,#e8d4c0);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1)}.list-detail-book-card:hover .list-detail-book-image{transform:scale(1.04)}.list-detail-book-image img{width:100%;height:100%;object-fit:cover;display:block}.list-detail-book-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#cfc4b0;font-size:2rem}.list-detail-book-info{padding:.8rem .9rem .9rem}.list-detail-book-title{font-size:.875rem;font-weight:700;color:#1a1208;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Playfair Display,Georgia,serif;transition:color .2s ease}.list-detail-book-card:hover .list-detail-book-title{color:var(--color-brand-medium)}.list-detail-book-author{font-size:.72rem;color:#9a8270;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.list-detail-empty{display:flex;flex-direction:column;align-items:center;gap:.875rem;padding:3rem 2rem;text-align:center;background:#faf5eeb3;border:1px dashed #cfc4b0;border-radius:14px;color:#9a8270}.list-detail-empty i{font-size:2rem;color:#cfc4b0}.list-detail-empty p{margin:0;font-size:.9rem;color:#9a8270;font-style:italic;line-height:1.5}.list-detail-error{margin:3rem auto;max-width:480px;text-align:center;padding:2.5rem 2rem;background:#fffcf8f2;border:1px solid #e0d5c5;border-radius:18px;box-shadow:0 4px 20px #3d1a0812}.list-detail-error-title{font-size:1.15rem;font-weight:700;color:#1a1208;margin-bottom:.5rem;font-family:Playfair Display,Georgia,serif}.list-detail-error-text{font-size:.9rem;color:#9a8270;line-height:1.55}@media(max-width:768px){.list-detail-container{padding:1rem 1rem 3rem}.list-detail-topbar{margin-bottom:1rem}.list-detail-back-btn span,.list-detail-add-btn span{display:none}.list-detail-back-btn,.list-detail-add-btn{padding:.55rem .85rem}.list-detail-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.1rem 1.25rem}.list-detail-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.list-detail-book-image{height:165px}.list-detail-books{padding:1.1rem 1.25rem 1.5rem}}@media(max-width:480px){.list-detail-container{padding:.75rem .75rem 2.5rem}.list-detail-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}.list-detail-book-image{height:150px}.list-detail-title{font-size:1.2rem}}.reported-reviews-container{max-width:1200px;margin:2rem auto;padding:0 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.reported-reviews-container h1{color:var(--color-flat-dark);margin-bottom:2rem;font-size:2rem}.filter-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;border-bottom:2px solid var(--color-flat-border);padding-bottom:1rem}.filter-btn{padding:.75rem 1.5rem;border:none;background:var(--color-flat-border);color:var(--color-flat-dark);border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s ease}.filter-btn:hover{background:var(--color-flat-gray-medium)}.filter-btn.active{background:var(--color-flat-blue);color:var(--color-white)}.loading{text-align:center;padding:2rem;color:var(--color-flat-gray-dark);font-size:1.1rem}.error-message{background:var(--color-red-bg-alt);color:var(--color-red-text-alt);padding:1rem;border-radius:4px;margin-bottom:1rem}.no-reports{text-align:center;padding:3rem 1rem;color:var(--color-flat-gray-dark);font-size:1.1rem}.reports-list{display:grid;gap:1.5rem}.report-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:0;padding:1.5rem;box-shadow:none;transition:all .15s ease}.report-card:hover{border-color:var(--color-blue-500);background:var(--color-gray-50)}.report-card.processing{opacity:.6;pointer-events:none}.report-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.reason-badge{background:var(--color-amber-50);color:var(--color-amber-700);padding:.5rem 1rem;border-radius:2px;font-weight:600;font-size:.9rem}.type-badge{padding:.35rem .85rem;border-radius:2px;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;background:var(--color-gray-100);color:var(--color-gray-800)}.type-badge[data-type=review]{background:#e0f2fe;color:var(--color-blue-dark)}.type-badge[data-type=user]{background:var(--color-red-100);color:var(--color-red-700)}.report-date{color:var(--color-flat-gray-dark);font-size:.9rem}.status-badge{padding:.5rem 1rem;border-radius:2px;font-weight:600;font-size:.9rem;margin-left:auto}.status-badge[data-status=pending]{background:var(--color-amber-bg);color:var(--color-amber-800)}.status-badge[data-status=approved]{background:var(--color-green-bg-alt);color:var(--color-green-800)}.status-badge[data-status=rejected]{background:var(--color-cyan-bg);color:var(--color-cyan-900)}.status-badge[data-status=resolved]{background:var(--color-green-bg-alt);color:var(--color-green-800)}.report-content{margin-bottom:1.5rem}.book-info{background:var(--color-bg-light);padding:1rem;border-radius:4px;margin-bottom:1rem}.book-info strong{display:block;margin-bottom:.5rem;color:var(--color-flat-dark)}.book-info p{margin:0;color:var(--color-flat-gray-dark);font-size:.9rem}.review-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-flat-border)}.review-section strong{display:block;margin-bottom:.5rem;color:var(--color-flat-dark)}.user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.user-info img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-flat-border)}.user-info span{color:var(--color-flat-dark);font-weight:500}.btn-profile{margin-left:auto;border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-slate-900);padding:.35rem .75rem;border-radius:999px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-profile:hover:not(:disabled){background:#f8fafc;border-color:#cbd5f5}.btn-profile:disabled{opacity:.6;cursor:not-allowed}.rating{color:var(--color-flat-orange);font-weight:600}.review-text{background:var(--color-bg-light);padding:1rem;border-radius:4px;margin-top:.75rem;color:var(--color-flat-dark);line-height:1.6;border-left:4px solid var(--color-flat-blue)}.account-report-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-flat-border)}.account-report-section strong{display:block;margin-bottom:.5rem;color:var(--color-flat-dark)}.report-details{background:var(--color-bg-light);padding:1rem;border-radius:4px;margin-top:.75rem;color:var(--color-flat-dark);line-height:1.6;border-left:4px solid var(--color-red-500)}.reporter-section{background:var(--color-bg-info);padding:1rem;border-radius:4px}.reporter-section strong{display:block;margin-bottom:.5rem;color:var(--color-flat-dark)}.report-actions{display:flex;gap:.75rem;flex-wrap:wrap}.admin-confirm-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-confirm-modal{background:var(--color-white);border-radius:12px;max-width:520px;width:92%;box-shadow:0 20px 40px #0f172a33;overflow:hidden;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-confirm-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-gray-200)}.admin-confirm-header h3{margin:0;font-size:1.1rem;color:var(--color-gray-900)}.admin-confirm-close{border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-500);width:32px;height:32px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.admin-confirm-close:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.admin-confirm-body{padding:1.5rem;color:var(--color-gray-700);font-size:.95rem}.admin-confirm-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem}.admin-confirm-cancel,.admin-confirm-submit{border:1px solid transparent;padding:.65rem 1.4rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease}.admin-confirm-cancel{background:var(--color-gray-100);color:var(--color-gray-900);border-color:var(--color-gray-200)}.admin-confirm-cancel:hover{background:var(--color-gray-200)}.admin-confirm-submit{background:var(--color-gray-900);color:var(--color-white)}.admin-confirm-submit:hover{background:var(--color-slate-900)}button[class^=btn-]{padding:.75rem 1.25rem;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;flex:1;min-width:150px}.btn-approve{background:var(--color-flat-green);color:var(--color-white)}.btn-approve:hover:not(:disabled){background:var(--color-flat-green-dark)}.btn-delete{background:var(--color-flat-red);color:var(--color-white)}.btn-delete:hover:not(:disabled){background:var(--color-flat-red-dark)}.btn-reject{background:var(--color-flat-gray);color:var(--color-white)}.btn-reject:hover:not(:disabled){background:var(--color-flat-gray-dark)}button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.report-card{padding:1rem}.report-header{flex-direction:column;align-items:flex-start}.status-badge{margin-left:0}.filter-tabs{flex-direction:column}.filter-btn{width:100%}.report-actions{flex-direction:column}button[class^=btn-]{width:100%;min-width:unset}}.admin-badges-container{max-width:1200px;margin:2rem auto;padding:0 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.admin-badges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-badges-header h1{color:var(--color-flat-dark);font-size:2rem;margin:0}.admin-badges-btn-create{padding:.75rem 1.5rem;background:var(--color-blue-500);color:var(--color-white);border:none;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s}.admin-badges-btn-create:hover{background:var(--color-blue-600)}.admin-badges-success{background:var(--color-green-100);color:var(--color-green-700);padding:1rem 1.25rem;border-radius:6px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;font-weight:500}.admin-badges-dismiss{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--color-green-700);padding:0 .25rem}.admin-badges-error{background:var(--color-red-100);color:var(--color-red-800);padding:1rem 1.25rem;border-radius:6px;margin-bottom:1.5rem;font-weight:500}.admin-badges-empty{text-align:center;padding:4rem 2rem;color:var(--color-gray-500)}.admin-badges-empty-icon{font-size:4rem;display:block;margin-bottom:1rem}.admin-badges-empty p{font-size:1.1rem;margin:.5rem 0}.admin-badges-empty-hint{font-size:.95rem!important;color:var(--color-gray-400)!important}.admin-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.admin-badges-card{background:var(--color-white);border:1px solid var(--color-gray-200);padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;transition:border-color .15s,background .15s}.admin-badges-card:hover{border-color:var(--color-blue-500);background:var(--color-gray-50)}.admin-badges-card-icon{font-size:2.5rem;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-blue-light);border-radius:12px}.admin-badges-card-content{flex:1;min-width:0}.admin-badges-card-content h3{margin:0 0 .25rem;font-size:1.1rem;color:var(--color-gray-800)}.admin-badges-card-condition{color:var(--color-gray-500);font-size:.875rem;margin:0 0 .25rem}.admin-badges-card-pages{color:var(--color-blue-500);font-weight:600;font-size:.85rem;margin:0 0 .5rem}.admin-badges-card-id{display:inline-block;background:var(--color-gray-100);color:var(--color-gray-500);padding:.15rem .5rem;border-radius:3px;font-size:.75rem;font-family:monospace}.admin-badges-card-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.admin-badges-btn-edit,.admin-badges-btn-delete{background:none;border:1px solid var(--color-gray-200);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .15s}.admin-badges-btn-edit:hover{background:var(--color-blue-50);border-color:var(--color-blue-500)}.admin-badges-btn-delete:hover{background:#fef2f2;border-color:var(--color-red-500)}.admin-badges-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-badges-modal{background:var(--color-white);border-radius:12px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000026}.admin-badges-modal-compact{max-width:440px}.admin-badges-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-gray-200)}.admin-badges-modal-header h2{margin:0;font-size:1.25rem;color:var(--color-gray-800)}.admin-badges-modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-gray-500);padding:.25rem}.admin-badges-modal-close:hover{color:var(--color-gray-800)}.admin-badges-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.admin-badges-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-gray-200)}.admin-badges-form-group{margin-bottom:1.25rem}.admin-badges-form-label{display:block;font-weight:600;font-size:.875rem;color:var(--color-gray-700);margin-bottom:.5rem}.admin-badges-form-input{width:100%;padding:.625rem .75rem;border:1px solid var(--color-gray-300);border-radius:6px;font-size:.9375rem;color:var(--color-gray-800);background:var(--color-white);transition:border-color .15s;box-sizing:border-box}.admin-badges-form-input:focus{outline:none;border-color:var(--color-blue-500);box-shadow:0 0 0 3px #3b82f61a}.admin-badges-form-input:disabled{background:var(--color-gray-100);color:var(--color-gray-400);cursor:not-allowed}.admin-badges-form-hint{display:block;font-size:.75rem;color:var(--color-gray-400);margin-top:.35rem}.admin-badges-icon-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.admin-badges-icon-option{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid var(--color-gray-200);border-radius:8px;background:var(--color-white);cursor:pointer;transition:all .15s;padding:4px;overflow:hidden}.admin-badges-icon-option-img{width:100%;height:100%;object-fit:contain;border-radius:4px}.admin-badges-icon-option:hover{border-color:#93c5fd;background:var(--color-blue-50)}.admin-badges-icon-option.selected{border-color:var(--color-blue-500);background:#dbeafe}.admin-badges-custom-icon{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.admin-badges-file-upload{margin-top:.75rem;margin-bottom:.5rem}.admin-badges-file-upload-label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:.5rem}.admin-badges-file-upload-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.admin-badges-file-upload-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--color-white);border:2px dashed var(--color-gray-300);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .15s}.admin-badges-file-upload-btn:hover{border-color:var(--color-blue-500);background:var(--color-blue-50);color:var(--color-blue-600)}.admin-badges-file-upload-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.admin-badges-file-upload-preview{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px}.admin-badges-file-upload-thumb{width:36px;height:36px;object-fit:contain;border-radius:4px;border:1px solid var(--color-gray-200);background:var(--color-white)}.admin-badges-file-upload-name{font-size:.8rem;color:var(--color-gray-600);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-badges-file-upload-remove{background:none;border:none;color:var(--color-gray-400);font-size:.9rem;cursor:pointer;padding:.15rem .3rem;line-height:1;transition:color .15s}.admin-badges-file-upload-remove:hover{color:var(--color-red-500)}.admin-badges-condition-types{display:flex;gap:.75rem;flex-wrap:wrap}.admin-badges-condition-type-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:2px solid var(--color-gray-200);border-radius:.5rem;background:var(--color-white);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-gray-700);transition:all .2s}.admin-badges-condition-type-btn:hover{border-color:var(--color-indigo-500);background:#f5f3ff}.admin-badges-condition-type-btn.selected{border-color:var(--color-indigo-500);background:var(--color-indigo-50);color:var(--color-indigo-700)}.admin-badges-condition-type-icon{font-size:1.25rem}.admin-badges-subject-search-wrapper{position:relative}.admin-badges-selected-subject{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-indigo-50);border:1px solid var(--color-indigo-500);border-radius:6px;color:var(--color-indigo-700);font-weight:500;font-size:.9rem}.admin-badges-subject-remove{background:none;border:none;color:var(--color-indigo-500);font-size:1rem;font-weight:700;cursor:pointer;padding:0 .25rem;line-height:1;transition:color .15s}.admin-badges-subject-remove:hover{color:var(--color-red-500)}.admin-badges-subject-dropdown{position:absolute;top:100%;left:0;right:0;max-height:220px;overflow-y:auto;background:var(--color-white);border:1px solid var(--color-gray-300);border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 12px #0000001a;z-index:50}.admin-badges-subject-option{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;text-align:left;font-size:.875rem;color:var(--color-gray-700);cursor:pointer;transition:background .12s}.admin-badges-subject-option:hover{background:var(--color-indigo-50);color:var(--color-indigo-700)}.admin-badges-subject-more{padding:.5rem .75rem;font-size:.8rem;color:var(--color-gray-400);text-align:center;font-style:italic}.admin-badges-subject-empty{padding:.75rem;font-size:.875rem;color:var(--color-gray-400);text-align:center}.admin-badges-card-category{color:var(--color-indigo-500);font-weight:500}.admin-badges-card-icon-img{width:36px;height:36px;object-fit:contain;border-radius:4px}.admin-badges-preview-icon-img{width:36px;height:36px;object-fit:contain;border-radius:6px}.admin-badges-preview{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-gray-200)}.admin-badges-preview-card{display:flex;align-items:center;gap:1rem;background:var(--color-gray-50);padding:1rem;border-radius:8px;border:1px solid var(--color-gray-200);margin-top:.5rem}.admin-badges-preview-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-blue-light);border-radius:10px;flex-shrink:0}.admin-badges-preview-card strong{color:var(--color-gray-800);display:block;margin-bottom:.15rem}.admin-badges-preview-card p{color:var(--color-gray-500);font-size:.85rem;margin:0 0 .15rem}.admin-badges-preview-card small{color:var(--color-blue-500);font-weight:600;font-size:.8rem}.admin-badges-btn-cancel{padding:.625rem 1.25rem;background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300);border-radius:6px;font-weight:500;cursor:pointer;transition:background .15s}.admin-badges-btn-cancel:hover{background:var(--color-gray-100)}.admin-badges-btn-save{padding:.625rem 1.25rem;background:var(--color-blue-500);color:var(--color-white);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .15s}.admin-badges-btn-save:hover{background:var(--color-blue-600)}.admin-badges-btn-save:disabled,.admin-badges-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.admin-badges-btn-danger{padding:.625rem 1.25rem;background:var(--color-red-500);color:var(--color-white);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .15s}.admin-badges-btn-danger:hover{background:var(--color-red-600)}.admin-badges-btn-danger:disabled{opacity:.6;cursor:not-allowed}.admin-badges-delete-preview{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef2f2;border-radius:8px;margin-bottom:1rem}.admin-badges-delete-icon{font-size:2rem}.admin-badges-delete-warning{color:var(--color-gray-500);font-size:.9375rem;line-height:1.5}@media(max-width:768px){.admin-badges-header{flex-direction:column;align-items:flex-start}.admin-badges-grid{grid-template-columns:1fr}.admin-badges-modal{max-width:100%;margin:.5rem}}@keyframes notif-pop-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-main .h-main-inner{max-width:560px}.notif-hero-title{font-size:2.2rem!important;letter-spacing:-.03em!important;color:#1e0f05!important;margin-bottom:0!important}.notif-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.notif-header-sub{margin:.35rem 0 0;font-size:.88rem;color:#8a7660;display:flex;align-items:center;gap:.5rem}.notif-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;background:var(--color-brand-accent);color:#fff;font-size:.72rem;font-weight:700;border-radius:999px}.notif-mark-all-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.52rem 1.1rem;background:#fff;border:1.5px solid rgba(30,15,5,.13);border-radius:999px;font-size:.82rem;font-weight:600;color:#1e0f05;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s;white-space:nowrap}.notif-mark-all-btn:hover{background:var(--color-brand-accent);border-color:var(--color-brand-accent);color:#fff;box-shadow:0 4px 16px #c0622a40}.notif-mark-all-btn i{font-size:.85rem}.notif-header-actions{display:flex;gap:.5rem;flex-shrink:0}.notif-delete-all-btn:hover{background:#c0392b;border-color:#c0392b;color:#fff;box-shadow:0 4px 16px #c0392b40}.notif-empty{text-align:center;padding:3.5rem 2rem;color:#8a7660}.notif-empty-icon{font-size:2.8rem;color:#1e0f0526;margin-bottom:1rem}.notif-empty-title{margin:0 0 .4rem;font-family:"DM Serif Display",serif;font-size:1.25rem;color:#1e0f05}.notif-empty-sub{margin:0;font-size:.9rem}.notif-list{display:flex;flex-direction:column;gap:.65rem;padding-bottom:2rem}.notif-card{position:relative;display:flex;align-items:flex-start;gap:.95rem;padding:1rem 1.1rem;background:#fff;border:1.5px solid rgba(30,15,5,.08);border-radius:16px;transition:border-color .2s,box-shadow .2s,transform .2s;animation:notif-pop-in .42s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 45ms)}.notif-card:hover{border-color:#c0622a38;box-shadow:0 6px 24px #1e0f0514;transform:translateY(-1px)}.notif-card--unread{background:#fdf7f1;border-color:#c0622a2e}.notif-card--clickable{cursor:pointer}.notif-card--clickable:hover{border-color:#c0622a59;box-shadow:0 8px 28px #c0622a1f}.notif-dot{position:absolute;top:1.05rem;left:.45rem;width:7px;height:7px;border-radius:50%;background:var(--color-brand-accent);box-shadow:0 0 0 2px #c0622a2e;flex-shrink:0}.notif-avatar-wrap{position:relative;flex-shrink:0}.notif-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(30,15,5,.08);background:#f5ede4;display:block}.notif-type-icon{position:absolute;bottom:-3px;right:-5px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;color:#fff;font-size:.62rem}.notif-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.notif-text{margin:0;font-size:.9rem;color:#1e0f05;line-height:1.45;word-break:break-word}.notif-card--unread .notif-text{font-weight:500}.notif-time{font-size:.78rem;color:#8a7660}.notif-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}.notif-btn{display:inline-flex;align-items:center;gap:.38rem;padding:.38rem .9rem;font-size:.8rem;font-weight:600;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .15s}.notif-btn:active{transform:scale(.96)}.notif-btn--accept{background:var(--color-brand-accent);color:#fff;border-color:var(--color-brand-accent)}.notif-btn--accept:hover{background:#a8521f;border-color:#a8521f;box-shadow:0 3px 12px #c0622a4d}.notif-btn--reject{background:#fff;color:#8a7660;border-color:#1e0f0524}.notif-btn--reject:hover{background:#f5ede4;border-color:#1e0f0538}.notif-book-cover{flex-shrink:0;width:46px;height:66px;border-radius:7px;overflow:hidden;background:#f5ede4;border:1px solid rgba(30,15,5,.1);display:flex;align-items:center;justify-content:center}.notif-book-cover img{width:100%;height:100%;object-fit:cover;display:block}.notif-book-placeholder{font-size:1.1rem;color:#1e0f0540}.notif-controls{flex-shrink:0;display:flex;flex-direction:column;gap:.3rem;align-self:flex-start}.notif-ctrl-btn{width:32px;height:32px;padding:0;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.78rem;transition:background .18s,color .18s}.notif-ctrl-btn--read{color:var(--color-brand-accent)}.notif-ctrl-btn--read:hover{background:#c0622a1a}.notif-ctrl-btn--delete{color:#1e0f054d}.notif-ctrl-btn--delete:hover{background:#c0622a14;color:#c0392b}@media(max-width:768px){.notif-hero-title{font-size:1.85rem!important}.notif-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.notif-header-actions{flex-direction:column;width:100%}.notif-mark-all-btn{width:100%;justify-content:center}.notif-card{padding:.9rem 1rem;gap:.8rem}.notif-avatar{width:40px;height:40px}.notif-text{font-size:.85rem}}@media(max-width:480px){.notif-hero-title{font-size:1.5rem!important}.notif-card{padding:.75rem .75rem .75rem .9rem;gap:.65rem;border-radius:12px}.notif-avatar{width:36px;height:36px}.notif-type-icon{width:17px;height:17px;font-size:.55rem}.notif-book-cover{display:none}.notif-text{font-size:.82rem}.notif-controls{flex-direction:row}.notif-btn{font-size:.75rem;padding:.32rem .7rem}}.mb-main-inner{max-width:100%!important}.mb-main-inner .h-feed-header,.mb-main-inner .h-feed-scroll{padding-left:2.5rem;padding-right:2.5rem}.mb-shelf-section{padding:0 .25rem;flex:1;overflow-y:auto;min-height:0;scrollbar-width:none}.mb-shelf-section::-webkit-scrollbar{display:none}.mb-shelf-section-title{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff8f073;padding:.5rem .875rem .35rem}.mb-shelf-section-title--mt{margin-top:.75rem}.mb-shelf-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .875rem;border:none;background:transparent;border-radius:10px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;color:#fff8f0b8;text-align:left;transition:background .18s,color .18s,transform .18s;margin-bottom:1px;position:relative}.mb-shelf-item i{width:1.1rem;text-align:center;font-size:.8rem;opacity:.65;flex-shrink:0;transition:transform .18s,opacity .18s}.mb-shelf-item:hover{background:#0000001f;color:#fff8f0;transform:translate(3px)}.mb-shelf-item:hover i{opacity:1;transform:scale(1.1)}.mb-shelf-item--active{background:#0003;color:#fff8f0;font-weight:600}.mb-shelf-item--active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:#ffd088;border-radius:0 2px 2px 0}.mb-shelf-item--active i{opacity:1}.mb-shelf-count{margin-left:auto;font-size:.73rem;background:#fff8f01a;color:#fff8f099;padding:.1rem .45rem;border-radius:10px;font-weight:500;min-width:1.5rem;text-align:center;flex-shrink:0}.mb-shelf-item--active .mb-shelf-count{background:#ffd08833;color:#ffd088}.mb-stats-bar{display:flex;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.mb-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:1.1rem 2rem;background:#fdf7f1f7;border:1.5px solid rgba(30,15,5,.08);border-radius:16px;cursor:pointer;text-align:center;min-width:120px;font-family:DM Sans,sans-serif;box-shadow:0 2px 10px #1e0f050d;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,background .18s,border-color .18s;animation:mb-pop-in .42s cubic-bezier(.22,1,.36,1) both}.mb-stat-card:nth-child(1){animation-delay:.05s}.mb-stat-card:nth-child(2){animation-delay:.1s}.mb-stat-card:nth-child(3){animation-delay:.15s}.mb-stat-card:nth-child(4){animation-delay:.2s}.mb-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #1e0f051c;border-color:#1e0f0529}.mb-stat-card--active{background:var(--color-brand-accent);border-color:var(--color-brand-accent);box-shadow:0 6px 22px #c0622a59}.mb-stat-card--active:hover{transform:translateY(-3px);box-shadow:0 10px 28px #f5ede4cc}.mb-stat-card--total{background:#f5ede4cc;border-style:dashed;cursor:default}.mb-stat-card--total:hover{transform:none;box-shadow:0 2px 10px #1e0f050d}.mb-stat-card i{font-size:1rem;color:#1e0f054d;margin-bottom:.1rem;transition:color .15s}.mb-stat-card:hover i{color:#1e0f0580}.mb-stat-card--active i{color:#fff8f0d9}.mb-stat-card--total i{color:#1e0f0533}.mb-stat-num{font-family:"DM Serif Display",Georgia,serif;font-size:2rem;font-weight:400;color:#1e0f05;line-height:1;letter-spacing:-.03em}.mb-stat-card--active .mb-stat-num{color:#fff8f0}.mb-stat-card--total .mb-stat-num{color:#1e0f0566}.mb-stat-label{font-size:.68rem;font-weight:700;color:#1e0f0561;letter-spacing:.06em;text-transform:uppercase;margin-top:.1rem;white-space:nowrap}.mb-stat-card--active .mb-stat-label{color:#fff8f0b3}.mb-header-left{flex:1;min-width:0}.mb-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:1.25rem;border-top:1px solid rgba(30,15,5,.07);padding-top:1.25rem}.mb-header-count{font-size:.88rem;color:#1e0f056b;margin:.3rem 0 0;display:flex;align-items:center;gap:.75rem}.mb-header-count strong{color:#1e0f05;font-weight:700}.mb-clear-filter{display:inline-flex;align-items:center;gap:.3rem;background:#1e0f050d;border:1px solid rgba(30,15,5,.14);border-radius:999px;padding:.2rem .7rem;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:500;color:#1e0f0580;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.mb-clear-filter:hover{background:#1e0f0517;color:#1e0f05;border-color:#1e0f0540}.mb-toolbar{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.mb-view-toggle{display:flex;background:#1e0f050f;border-radius:999px;padding:3px;gap:2px}.mb-view-btn{background:transparent;border:none;cursor:pointer;padding:.42rem .7rem;border-radius:999px;color:#1e0f0561;font-size:.88rem;transition:background .15s,color .15s}.mb-view-btn.active{background:#fff8f0;color:#1e0f05;box-shadow:0 1px 4px #1e0f051f}.mb-view-btn:hover:not(.active){color:#1e0f05a6}.mb-sort-group{display:flex;align-items:center;gap:.4rem}.mb-select{appearance:none;background:#fdf7f1f7;border:1.5px solid rgba(30,15,5,.12);border-radius:999px;padding:.42rem 1rem;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:500;color:#1e0f05;cursor:pointer;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 4px #1e0f050f}.mb-select:focus{outline:none;border-color:#ffd088;box-shadow:0 0 0 3px #ffd08833}.mb-sort-dir-btn{background:#fdf7f1f7;border:1.5px solid rgba(30,15,5,.12);border-radius:999px;padding:.42rem .7rem;cursor:pointer;color:#1e0f0580;font-size:.84rem;transition:background .15s,color .15s,transform .15s;box-shadow:0 1px 4px #1e0f050f}.mb-sort-dir-btn:hover{background:#1e0f05;color:#fff8f0;transform:rotate(180deg)}.mb-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5rem 2rem;gap:.6rem}.mb-empty i{font-size:2.8rem;color:#1e0f051f;margin-bottom:.5rem}.mb-empty-title{font-size:1.05rem;font-weight:600;color:#1e0f0580}.mb-empty-sub{font-size:.875rem;color:#1e0f0559}.mb-empty-cta{margin-top:.5rem;background:#1e0f05;color:#fff8f0;border:none;border-radius:10px;padding:.65rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:transform .18s,box-shadow .18s}.mb-empty-cta:hover{transform:translateY(-2px);box-shadow:0 4px 14px #1e0f0533}.mybooks-table-wrapper{overflow-x:auto;border-radius:16px;border:1px solid rgba(30,15,5,.09);background:#fff8f0b3;box-shadow:0 2px 12px #1e0f050d}.mybooks-table{width:100%;border-collapse:collapse;font-family:DM Sans,sans-serif;font-size:.92rem}.mybooks-table thead tr{border-bottom:1px solid rgba(30,15,5,.09)}.mybooks-table th{padding:1rem 1.1rem;text-align:left;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#1e0f056b;white-space:nowrap;background:#f5ede480}.mybooks-row{border-bottom:1px solid rgba(30,15,5,.06);transition:background .15s;animation:mb-row-in .35s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * .03s)}.mybooks-row:last-child{border-bottom:none}.mybooks-row:hover{background:#1e0f0508}.mybooks-table td{padding:.875rem 1.1rem;vertical-align:middle}.mybooks-th-cover,.mybooks-td-cover{width:64px;padding-left:1.1rem}.mybooks-cover{width:44px;height:64px;object-fit:cover;border-radius:6px;cursor:pointer;display:block;box-shadow:0 2px 8px #1e0f0524;transition:transform .2s,box-shadow .2s}.mybooks-cover:hover{transform:scale(1.07) rotate(-1deg);box-shadow:0 6px 16px #1e0f0533}.mybooks-cover-placeholder{width:44px;height:64px;background:#e8ddd4;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#8a7660;font-size:1rem;cursor:pointer}.mybooks-td-title{max-width:320px;min-width:140px}.mybooks-title-link{font-size:.95rem;font-weight:600;color:#1e0f05;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;line-height:1.4;transition:color .15s}.mybooks-title-link:hover{color:#7a4520}.mybooks-td-author{color:#1e0f058c;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mybooks-td-rating{color:#1e0f0599}.mybooks-td-shelves{position:relative}.mybooks-shelf-badge{display:inline-flex;align-items:center;gap:.25rem;background:#8a76601f;color:#5c3d22;border-radius:6px;padding:.2rem .6rem;font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s}.mybooks-shelf-badge:hover{background:#8a766038}.mybooks-shelf-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:40;background:#fff8f0;border:1px solid rgba(30,15,5,.12);border-radius:10px;box-shadow:0 6px 20px #1e0f0524;min-width:140px;overflow:hidden}.mybooks-shelf-option{padding:.55rem 1rem;font-size:.85rem;color:#1e0f05;cursor:pointer;transition:background .12s}.mybooks-shelf-option:hover{background:#1e0f050d}.mybooks-shelf-option--remove{color:#c0392b}.mybooks-shelf-option--remove:hover{background:#c0392b12}.mybooks-td-date{color:#1e0f056b;font-size:.82rem;white-space:nowrap}.mybooks-td-actions{text-align:right;white-space:nowrap;vertical-align:middle}.mybooks-actions-inner{display:inline-flex;align-items:center;gap:.5rem;justify-content:flex-end}.mybooks-action-link{font-size:.8rem;font-weight:500;color:#7a4520;cursor:pointer;padding:.2rem .5rem;border-radius:6px;transition:background .12s,color .12s}.mybooks-action-link:hover{background:#7a452014;color:#5c3010}.mybooks-remove-btn{background:none;border:none;cursor:pointer;color:#1e0f0540;font-size:.78rem;padding:.25rem .4rem;border-radius:6px;transition:color .15s,background .15s;line-height:1}.mybooks-remove-btn:hover{color:#c0392b;background:#c0392b14}.mybooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1.75rem;padding:.25rem 0 1rem}.mybooks-grid-card{background:#fff8f0e6;border-radius:14px;overflow:hidden;cursor:pointer;border:1px solid rgba(30,15,5,.08);box-shadow:0 2px 8px #1e0f050f;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s;animation:mb-pop-in .42s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * .04s)}.mybooks-grid-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #1e0f0524;outline:2px solid rgba(200,100,30,.25)}.mybooks-grid-cover-wrap{position:relative;overflow:hidden}.mybooks-grid-cover{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;transition:transform .3s}.mybooks-grid-card:hover .mybooks-grid-cover{transform:scale(1.04)}.mybooks-grid-shine{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity .28s;pointer-events:none}.mybooks-grid-card:hover .mybooks-grid-shine{opacity:1}.mybooks-grid-cover-placeholder{width:100%;aspect-ratio:2/3;background:#e8ddd4;display:flex;align-items:center;justify-content:center;color:#8a7660;font-size:2rem}.mybooks-grid-info{padding:.75rem .875rem .875rem}.mybooks-grid-title{font-size:.88rem;font-weight:600;color:#1e0f05;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.mybooks-grid-author{font-size:.78rem;color:#1e0f0580;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mybooks-grid-shelf{display:inline-block;margin-top:.5rem;background:#8a76601f;color:#5c3d22;border-radius:999px;padding:.15rem .6rem;font-size:.72rem;font-weight:600}.mb-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1.25rem 0 .75rem;border-top:1px solid rgba(30,15,5,.07);margin-top:.25rem}.mb-pagination-left{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:#1e0f0573;font-family:DM Sans,sans-serif}.mb-page-buttons{display:flex;gap:.25rem;flex-wrap:wrap}.mb-page-btn{min-width:2rem;padding:.3rem .5rem;border-radius:7px;border:1.5px solid rgba(30,15,5,.12);background:transparent;font-family:DM Sans,sans-serif;font-size:.82rem;color:#1e0f058c;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.mb-page-btn.active{background:#1e0f05;border-color:#1e0f05;color:#fff8f0;font-weight:600}.mb-page-btn:hover:not(.active){border-color:#1e0f054d;color:#1e0f05}.mb-stars{display:inline-flex;align-items:center;gap:.18rem;white-space:nowrap}.mb-star{font-size:.72rem;transition:transform .15s}.mb-star--full,.mb-star--half{color:#d4860a}.mb-star--empty{color:#1e0f052e}.mb-stars:hover .mb-star{transform:scale(1.15)}.mb-stars-val{font-size:.78rem;font-weight:600;color:#1e0f058c;margin-left:.3rem}.mb-rating-empty{color:#1e0f0538}.mybooks-grid-rating-badge{position:absolute;bottom:.5rem;right:.5rem;display:inline-flex;align-items:center;gap:.25rem;background:#0f0600c7;color:#ffd088;font-size:.72rem;font-weight:700;border-radius:999px;padding:.2rem .55rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);letter-spacing:.01em}.mybooks-grid-rating-badge i{font-size:.6rem}.mybooks-row{position:relative}.mybooks-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-brand-accent);border-radius:0 2px 2px 0;opacity:0;transform:scaleY(.4);transition:opacity .18s,transform .18s}.mybooks-row:hover:before{opacity:1;transform:scaleY(1)}.mb-page-btn--nav{color:#1e0f0580;font-size:.75rem}.mb-page-btn--nav:hover:not(:disabled){background:#1e0f05;color:#fff8f0;border-color:#1e0f05}.mb-page-btn--nav:disabled{opacity:.3;cursor:default}.mb-page-ellipsis{display:flex;align-items:center;padding:0 .35rem;color:#1e0f0559;font-size:.82rem;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.mb-empty i{width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;background:#1e0f050d;border-radius:50%;font-size:1.75rem;color:#1e0f0533;margin-bottom:.5rem}.mb-empty-cta{border-radius:999px;padding:.75rem 1.5rem;box-shadow:0 4px 16px #1e0f052e}.mb-empty-cta:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1e0f0540}@keyframes mb-pop-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mb-row-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.mb-main-inner .h-feed-title{font-size:2.4rem!important;letter-spacing:-.03em!important;line-height:1.1!important;margin-bottom:0!important}.mb-toolbar{gap:.75rem}.mb-view-btn{padding:.42rem .7rem;font-size:.88rem}.mb-select{padding:.42rem 1rem .42rem .75rem;font-size:.88rem}.mb-sort-dir-btn{padding:.42rem .65rem;font-size:.84rem}.mb-pagination{padding:1.5rem 0 1rem}.mb-page-btn{min-width:2.2rem;padding:.38rem .6rem;font-size:.85rem}@media(max-width:1024px){.mb-main-inner .h-feed-header,.mb-main-inner .h-feed-scroll{padding-left:1.5rem;padding-right:1.5rem}.mb-stat-card{padding:.9rem 1.5rem;min-width:100px}.mybooks-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}}@media(max-width:768px){.mb-main-inner .h-feed-header,.mb-main-inner .h-feed-scroll{padding-left:1rem;padding-right:1rem}.mb-main-inner .h-feed-title{font-size:1.6rem!important}.mb-stats-bar{gap:.625rem}.mb-stat-card{padding:.75rem 1rem;min-width:80px;flex:1}.mb-stat-num{font-size:1.5rem}.mb-stat-label{font-size:.62rem}.mb-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.mb-toolbar{width:100%;flex-wrap:wrap}.mybooks-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.875rem}.mybooks-table{font-size:.82rem}.mybooks-th-author,.mybooks-td-author,.mybooks-th-date,.mybooks-td-date{display:none}.mybooks-th-cover,.mybooks-td-cover{width:48px;padding-left:.75rem}.mybooks-cover,.mybooks-cover-placeholder{width:36px;height:52px}.mybooks-table th{padding:.75rem}.mybooks-table td{padding:.65rem .75rem}.mb-pagination{flex-direction:column;align-items:center;gap:.625rem}}@media(max-width:480px){.mb-main-inner .h-feed-header,.mb-main-inner .h-feed-scroll{padding-left:.75rem;padding-right:.75rem}.mb-main-inner .h-feed-title{font-size:1.35rem!important}.mb-stats-bar{gap:.5rem}.mb-stat-card{padding:.6rem .75rem;min-width:70px}.mb-stat-num{font-size:1.25rem}.mybooks-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.mybooks-grid-info{padding:.5rem .625rem .625rem}.mybooks-grid-title{font-size:.8rem}.mybooks-grid-author{font-size:.7rem}.mybooks-th-rating,.mybooks-td-rating{display:none}.mybooks-table th{padding:.6rem .5rem;font-size:.65rem}.mybooks-table td{padding:.5rem}.mybooks-shelf-badge{font-size:.7rem;padding:.15rem .45rem}.mybooks-action-link{font-size:.72rem;padding:.15rem .35rem}}.rv-main-inner{max-width:100%!important}.rv-main-inner .h-feed-header{padding-left:2.5rem;padding-right:2.5rem}.rv-feed-scroll{padding:0 2.5rem 3rem}.rv-sidebar-section{padding:0 .25rem;flex:1;min-height:0}.rv-sidebar-section-title{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff8f073;padding:.5rem .875rem .35rem}.rv-sidebar-book-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-layout{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:start;margin-top:1.5rem;margin-bottom:1.5rem}.rv-cover-col{display:flex;justify-content:center}.rv-cover{width:180px;height:265px;object-fit:cover;border-radius:10px;box-shadow:0 10px 30px #00000040;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.rv-cover:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000004d}.rv-book-meta{margin-bottom:1.25rem}.rv-book-title{font-family:"DM Serif Display",Georgia,serif;font-size:1.7rem;font-weight:400;font-style:italic;margin:0 0 .2rem;color:var(--color-beige-900, #2f1a0f);letter-spacing:-.01em;line-height:1.25}.rv-book-author{margin:0;color:#2f1a0f80;font-size:.95rem;font-weight:500}.rv-card{background:var(--color-white);border:1px solid rgba(122,52,16,.1);border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #30190b0d}.rv-card-header{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.rv-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid rgba(122,52,16,.1);transition:border-color .2s ease}.rv-avatar:hover{border-color:#7a34104d}.rv-user{flex:1;min-width:0}.rv-user-line{display:flex;align-items:center;justify-content:space-between;gap:1rem}.rv-user-label{font-weight:700;color:var(--color-beige-900, #2f1a0f);font-size:.95rem}.rv-date{font-size:.82rem;color:#2f1a0f66;white-space:nowrap}.rv-rating{display:flex;align-items:center;gap:.2rem;margin-top:.3rem}.rv-body{color:var(--color-beige-900, #2f1a0f);line-height:1.8;font-size:1rem;white-space:pre-wrap;padding-top:.5rem;border-top:1px solid rgba(122,52,16,.06)}.rv-actions{display:flex;align-items:center;gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(122,52,16,.06)}.rv-like-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(122,52,16,.12);background:transparent;color:#2f1a0f66;cursor:pointer;transition:all .2s ease;font-size:.95rem}.rv-like-btn:hover:not(:disabled){border-color:#7a341040;color:var(--color-red-500);background:#dc26260a}.rv-like-btn.liked{border-color:var(--color-red-500);color:var(--color-red-500);background:var(--color-red-50)}.rv-like-btn:disabled{opacity:.4;cursor:not-allowed}.rv-like-count{font-size:.85rem;color:#2f1a0f80;font-weight:600}.rv-comments{background:var(--color-white);border:1px solid rgba(122,52,16,.1);border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #30190b0d}.rv-comments-title{margin:0 0 1rem;font-family:"DM Serif Display",Georgia,serif;font-size:1.15rem;font-weight:400;font-style:italic;color:var(--color-beige-900, #2f1a0f)}.rv-state-card{text-align:center;padding:3.5rem 2rem;color:#2f1a0f80;font-size:1rem;background:#0000000a;border:1px solid rgba(122,52,16,.08);border-radius:16px;margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.rv-state-error{color:var(--color-red-600);background:var(--color-red-50);border-color:var(--color-red-200)}.rv-state-icon{font-size:2rem;opacity:.4}.rv-state-card p{margin:0}@media(max-width:1024px){.rv-layout{grid-template-columns:170px 1fr;gap:1.5rem}.rv-cover{width:155px;height:230px}}@media(max-width:768px){.rv-feed-scroll{padding:0 1rem 3rem}.rv-main-inner .h-feed-header{padding-left:1rem;padding-right:1rem}.rv-layout{grid-template-columns:1fr;gap:1rem}.rv-cover-col{justify-content:flex-start}.rv-cover{width:110px;height:165px;border-radius:8px}.rv-book-title{font-size:1.35rem}.rv-card{padding:1.125rem;border-radius:14px}.rv-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.rv-comments{padding:1.125rem;border-radius:14px}}@media(max-width:480px){.rv-feed-scroll{padding:0 .75rem 3rem}.rv-main-inner .h-feed-header{padding-left:.75rem;padding-right:.75rem}.rv-book-title{font-size:1.2rem}.rv-cover{width:90px;height:135px}.rv-state-card{padding:2.5rem 1.25rem;border-radius:14px}}.mr-main-inner{max-width:100%!important}.mr-main-inner .h-feed-header{padding-left:2.5rem;padding-right:2.5rem}.mr-subtitle{margin:-.5rem 0 0;font-size:.92rem;color:#fff8f080;font-weight:400}.mr-feed-scroll{padding:0 2.5rem 3rem}.mr-sidebar-section{padding:0 .25rem;flex:1;min-height:0}.mr-sidebar-section-title{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff8f073;padding:.5rem .875rem .35rem}.mr-sidebar-count{margin-left:auto;font-size:.72rem;font-weight:700;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff8f01f;color:#fff8f0b3}.mr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem}.mr-state-card{text-align:center;padding:3.5rem 2rem;color:#fff8f080;font-size:1rem;background:#00000014;border:1px solid rgba(255,248,240,.08);border-radius:16px;margin-top:1.5rem}.mr-state-error{color:var(--color-red-300);background:#dc262614;border-color:#dc262626}.mr-state-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem}.mr-empty-icon{font-size:2rem;color:#fff8f033}.mr-state-card p{margin:0}@media(max-width:768px){.mr-feed-scroll{padding:0 1rem 3rem}.mr-main-inner .h-feed-header{padding-left:1rem;padding-right:1rem}.mr-grid{grid-template-columns:1fr;gap:1rem}.mr-subtitle{font-size:.85rem}}@media(max-width:480px){.mr-feed-scroll{padding:0 .75rem 3rem}.mr-main-inner .h-feed-header{padding-left:.75rem;padding-right:.75rem}.mr-state-card{padding:2.5rem 1.25rem;border-radius:14px}}.create-group-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.create-group-modal{background:var(--color-white);border-radius:8px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.create-group-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border-message)}.create-group-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-twitter-dark)}.create-group-modal-close{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--color-text-twitter-dark);font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.create-group-modal-close:hover{background-color:var(--color-gray-100)}.create-group-modal-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.create-group-photo-section{display:flex;flex-direction:column;gap:.75rem}.create-group-photo-label{font-size:.875rem;font-weight:600;color:var(--color-text-twitter-dark)}.create-group-photo-container{display:flex;justify-content:center}.create-group-photo-upload{width:120px;height:120px;border-radius:50%;border:2px dashed var(--color-border-message);background:var(--color-white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .15s ease;color:var(--color-text-twitter-muted)}.create-group-photo-upload:hover{border-color:var(--color-gray-800);background-color:var(--color-gray-50);color:var(--color-text-twitter-dark)}.create-group-photo-upload i{font-size:1.5rem}.create-group-photo-upload span{font-size:.75rem;font-weight:500}.create-group-photo-preview{position:relative;width:120px;height:120px}.create-group-photo-preview img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--color-border-message)}.create-group-photo-remove{position:absolute;top:-8px;right:-8px;width:32px;height:32px;border-radius:50%;border:2px solid var(--color-white);background:var(--color-gray-800);color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.create-group-photo-remove:hover{background:var(--color-gray-900)}.create-group-photo-change{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:50%;border:2px solid var(--color-white);background:var(--color-gray-800);color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;font-size:.875rem}.create-group-photo-change:hover{background:var(--color-gray-900)}.create-group-field{display:flex;flex-direction:column;gap:.5rem;position:relative}.create-group-field label{font-size:.875rem;font-weight:600;color:var(--color-text-twitter-dark)}.create-group-input,.create-group-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border-message);border-radius:6px;font-size:.9375rem;color:var(--color-text-twitter-dark);background:var(--color-white);transition:all .15s ease;font-family:inherit}.create-group-input:focus,.create-group-textarea:focus{outline:none;border-color:var(--color-gray-800);box-shadow:0 0 0 1px var(--color-gray-800)}.create-group-textarea{resize:vertical;min-height:80px}.create-group-char-count{position:absolute;bottom:8px;right:12px;font-size:.75rem;color:var(--color-text-twitter-muted);pointer-events:none}.create-group-members-section{display:flex;flex-direction:column;gap:.75rem}.create-group-members-section>label{font-size:.875rem;font-weight:600;color:var(--color-text-twitter-dark)}.create-group-members-list{max-height:280px;overflow-y:auto;border:1px solid var(--color-border-message);border-radius:6px;padding:.5rem}.create-group-member-row{display:flex;align-items:center;gap:12px;padding:.75rem;border-radius:6px;cursor:pointer;transition:background-color .15s ease}.create-group-member-row:hover{background-color:var(--color-gray-50)}.create-group-member-row.selected{background-color:var(--color-blue-50)}.create-group-member-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.create-group-member-name{flex:1;font-size:.9375rem;font-weight:500;color:var(--color-text-twitter-dark)}.create-group-member-checkbox{width:24px;height:24px;border-radius:4px;border:2px solid var(--color-border-message);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.create-group-member-row.selected .create-group-member-checkbox{background:var(--color-gray-800);border-color:var(--color-gray-800);color:var(--color-white)}.create-group-member-checkbox i{font-size:.75rem}.create-group-empty,.create-group-loading{text-align:center;padding:1.5rem;color:var(--color-text-twitter-muted);font-size:.875rem}.create-group-load-more{width:100%;padding:.75rem;margin-top:.5rem;border:1px solid var(--color-border-message);border-radius:6px;background:var(--color-white);color:var(--color-text-twitter-dark);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.create-group-load-more:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.create-group-modal-footer{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--color-border-message)}.create-group-btn-cancel,.create-group-btn-create{flex:1;padding:.875rem 1.25rem;border-radius:6px;border:none;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.create-group-btn-cancel{background:var(--color-white);color:var(--color-text-twitter-dark);border:1px solid var(--color-border-message)}.create-group-btn-cancel:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.create-group-btn-create{background:var(--color-gray-800);color:var(--color-white)}.create-group-btn-create:hover:not(:disabled){background:var(--color-gray-900)}.create-group-btn-cancel:disabled,.create-group-btn-create:disabled{opacity:.5;cursor:not-allowed}.create-group-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;background:var(--color-gray-800);color:var(--color-white);padding:1rem 1.25rem;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10001;animation:toastSlideUp .2s ease-out}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.create-group-toast i{font-size:1.125rem}.create-group-toast span{font-size:.875rem;font-weight:500}.create-group-toast-close{background:transparent;border:none;color:var(--color-white);cursor:pointer;padding:.25rem;opacity:.8;transition:opacity .15s ease}.create-group-toast-close:hover{opacity:1}.create-group-visibility-toggle{display:flex;gap:.5rem;margin-top:.5rem}.create-group-visibility-btn{flex:1;padding:.6rem 1rem;border:2px solid var(--color-border-message, #e5e7eb);border-radius:8px;background:transparent;color:var(--color-text-secondary, #6b7280);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.create-group-visibility-btn.active{border-color:var(--color-accent, #6366f1);background:var(--color-accent, #6366f1);color:#fff}.create-group-visibility-btn:not(.active):hover{border-color:var(--color-accent, #6366f1);color:var(--color-accent, #6366f1)}.create-group-visibility-hint{margin:.4rem 0 0;font-size:.78rem;color:var(--color-text-secondary, #6b7280);line-height:1.4}.create-group-community-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border:1px solid var(--color-border-message);border-radius:8px;background:var(--color-gray-50, #f9fafb)}.create-group-community-info{flex:1}.create-group-community-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text-twitter-dark);margin-bottom:.25rem}.create-group-community-label i{color:var(--color-accent, #6366f1);margin-right:.25rem}.create-group-community-hint{margin:0;font-size:.75rem;color:var(--color-text-twitter-muted);line-height:1.4}.create-group-community-switch{flex-shrink:0;width:44px;height:24px;border-radius:12px;border:none;background:var(--color-border-message, #e5e7eb);cursor:pointer;position:relative;transition:background-color .2s ease;padding:0}.create-group-community-switch.active{background:var(--color-accent, #6366f1)}.create-group-community-switch-thumb{display:block;width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.create-group-community-switch.active .create-group-community-switch-thumb{transform:translate(20px)}@media(max-width:768px){.create-group-modal{max-width:100%;max-height:100vh;border-radius:0}.create-group-modal-content,.create-group-modal-header,.create-group-modal-footer{padding:1rem}}.create-group-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-start;overflow:hidden;padding-top:calc(110px + env(safe-area-inset-top,0px));padding-bottom:1.5rem}.create-group-modal{background:linear-gradient(180deg,var(--color-modal-light-surface) 0%,var(--color-modal-light-bg) 100%);border:1px solid var(--color-modal-light-border);border-radius:24px;max-width:680px;max-height:min(88vh,900px);box-shadow:0 18px 42px #30190b24;contain:layout paint}.create-group-modal-header{position:relative;justify-content:center;padding:1.75rem 2rem 1rem;border-bottom:none}.create-group-modal-header h3{width:100%;text-align:center;font-family:Cinzel,serif;font-size:1.55rem;color:var(--color-modal-light-text)}.create-group-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffffb8;color:var(--color-modal-light-text);box-shadow:0 6px 16px #30190b14}.create-group-modal-close:hover{background:#fff;color:var(--color-modal-light-accent)}.create-group-modal-content{padding:0 2rem 1.75rem;align-items:center;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.create-group-photo-section,.create-group-field,.create-group-members-section{width:100%;max-width:470px}.create-group-photo-section,.create-group-members-section>label,.create-group-photo-label{text-align:center}.create-group-photo-label,.create-group-field label,.create-group-members-section>label,.create-group-community-label{color:var(--color-modal-light-text)}.create-group-input,.create-group-textarea,.create-group-load-more,.create-group-visibility-btn,.create-group-community-toggle{background:var(--color-modal-light-surface-soft);border:1px solid var(--color-modal-light-border)}.create-group-input,.create-group-textarea{border-radius:14px;color:var(--color-modal-light-text)}.create-group-input:focus,.create-group-textarea:focus{border-color:var(--color-modal-light-border-strong);box-shadow:0 0 0 4px var(--color-modal-light-accent-soft)}.create-group-char-count,.create-group-empty,.create-group-loading,.create-group-visibility-hint,.create-group-community-hint{color:var(--color-modal-light-muted)}.create-group-members-list{border:1px solid var(--color-modal-light-border);border-radius:18px;padding:.65rem;background:#ffffff6b;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.create-group-member-row{border-radius:14px;transition:background-color .15s ease}.create-group-member-row:hover{background-color:#7a34100f}.create-group-member-row.selected{background-color:#7a34101f}.create-group-member-name{color:var(--color-modal-light-text)}.create-group-member-checkbox{border-color:var(--color-modal-light-border-strong)}.create-group-member-row.selected .create-group-member-checkbox{background:var(--color-modal-light-accent);border-color:var(--color-modal-light-accent)}.create-group-load-more{border-radius:14px;color:var(--color-modal-light-text)}.create-group-load-more:hover{background:#fff;border-color:var(--color-modal-light-border-strong)}.create-group-visibility-toggle{width:100%}.create-group-visibility-btn{border-radius:14px;color:var(--color-modal-light-muted)}.create-group-visibility-btn.active{border-color:var(--color-modal-light-accent);background:var(--color-modal-light-accent)}.create-group-visibility-btn:not(.active):hover{border-color:var(--color-modal-light-border-strong);color:var(--color-modal-light-text)}.create-group-visibility-hint{text-align:center}.create-group-community-toggle{border-radius:16px}.create-group-community-label i{color:var(--color-modal-light-accent)}.create-group-community-switch{background:#7a341029}.create-group-community-switch.active{background:var(--color-modal-light-accent)}.create-group-modal-footer{justify-content:center;padding:1.25rem 2rem 1.75rem;border-top:none}.create-group-btn-cancel{background:var(--color-modal-light-surface-soft);color:var(--color-modal-light-text);border:1px solid var(--color-modal-light-border)}.create-group-btn-cancel:hover:not(:disabled){background:#fff;border-color:var(--color-modal-light-border-strong)}.create-group-btn-create{background:linear-gradient(140deg,var(--color-modal-light-accent) 0%,var(--color-modal-light-accent-hover) 100%)}.create-group-btn-create:hover:not(:disabled){background:linear-gradient(140deg,var(--color-modal-light-accent) 0%,var(--color-modal-light-accent-hover) 100%);filter:brightness(1.06)}.create-group-toast{background:linear-gradient(140deg,var(--color-modal-light-accent) 0%,var(--color-modal-light-accent-hover) 100%)}@media(max-width:768px){.create-group-modal{max-height:94vh;border-radius:22px}.create-group-modal-overlay{align-items:center;padding-top:1rem;padding-bottom:1rem}.create-group-modal-content{padding:0 1rem 1rem}.create-group-modal-header,.create-group-modal-footer{padding-left:1rem;padding-right:1rem}.create-group-modal-footer{flex-direction:column-reverse}}:root{--msg-bg: #fdf7f1;--msg-list-bg: #f5ede4;--msg-text: #1e0f05;--msg-text-muted: rgba(30, 15, 5, .48);--msg-border: rgba(30, 15, 5, .09);--msg-hover: rgba(30, 15, 5, .05);--msg-active: rgba(30, 15, 5, .08);--msg-sent-bg: #5c3419;--msg-sent-text: #fffaf5;--msg-recv-bg: rgba(253, 247, 241, .97);--msg-accent: #7a4a2e;--msg-accent-lite: rgba(122, 74, 46, .12)}.messages-container{display:flex;height:100%;background:var(--msg-bg);flex:1;overflow:hidden;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}.messages-sidebar{width:340px;flex-shrink:0;background:var(--msg-list-bg);border-right:1px solid var(--msg-border);display:flex;flex-direction:column;overflow:hidden}.messages-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--msg-border);flex-shrink:0}.messages-sidebar-header h2{margin:0;font-family:"DM Serif Display",Georgia,serif;font-size:1.35rem;font-weight:400;font-style:italic;color:var(--msg-text);letter-spacing:-.01em}.messages-header-buttons{display:flex;gap:.4rem}.messages-new-btn{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--msg-border);background:transparent;color:var(--msg-text-muted);font-size:.875rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.messages-new-btn:hover{background:var(--msg-active);color:var(--msg-text);border-color:#1e0f0533;transform:translateY(-1px)}.messages-conversations-list{flex:1;overflow-y:auto;padding:.5rem .5rem 1rem;scrollbar-width:thin;scrollbar-color:rgba(30,15,5,.1) transparent}.messages-conversations-list::-webkit-scrollbar{width:4px}.messages-conversations-list::-webkit-scrollbar-track{background:transparent}.messages-conversations-list::-webkit-scrollbar-thumb{background:#1e0f051f;border-radius:4px}.messages-section-header{padding:.75rem .875rem .4rem;font-size:.68rem;font-weight:700;color:var(--msg-text-muted);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:.4rem}.messages-section-header i{font-size:.75rem}.messages-section-invites{background:#f59e0b0f;border-radius:8px;margin-bottom:.25rem}.messages-conversation-item{display:flex;align-items:center;gap:11px;padding:.75rem .875rem;margin-bottom:2px;border-radius:12px;cursor:pointer;transition:background .15s ease}.messages-conversation-item:hover{background:var(--msg-hover)}.messages-conversation-item.active{background:var(--msg-active);box-shadow:inset 3px 0 0 var(--msg-accent)}.messages-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--msg-border)}.messages-conversation-info{flex:1;min-width:0}.messages-conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;gap:6px}.messages-username-with-status{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.messages-username{font-weight:600;font-size:.9rem;color:var(--msg-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-status-indicator{flex-shrink:0;display:flex;align-items:center}.messages-time{font-size:.72rem;color:var(--msg-text-muted);white-space:nowrap;flex-shrink:0}.messages-last-message{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--msg-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-last-message .unread{font-weight:600;color:var(--msg-text)}.messages-unread-badge{background:var(--msg-accent);color:#fffaf5;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:700;min-width:18px;text-align:center;flex-shrink:0}.messages-group-members-count{font-size:.72rem;color:var(--msg-text-muted);font-weight:400;margin-left:3px}.messages-group-item{position:relative}.messages-group-avatar{position:relative;flex-shrink:0}.messages-group-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:#1e0f0512;display:flex;align-items:center;justify-content:center;color:var(--msg-text-muted);font-size:1.1rem;border:2px solid var(--msg-border)}.messages-invite-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem .875rem;border-radius:12px;margin-bottom:2px;background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);transition:background .15s ease}.messages-invite-item:hover{background:#f59e0b1a}.messages-invite-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.messages-invite-avatar{width:42px!important;height:42px!important;flex-shrink:0;border-radius:50%;border:1px solid var(--msg-border)}.messages-invite-text{display:flex;flex-direction:column;min-width:0;gap:1px}.messages-invite-group-name{font-size:.875rem;font-weight:600;color:var(--msg-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-invite-from,.messages-invite-members{font-size:.72rem;color:var(--msg-text-muted)}.messages-invite-actions{display:flex;gap:.5rem;flex-shrink:0;margin-left:.5rem}.messages-invite-btn{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--msg-border);background:var(--msg-bg);color:var(--msg-text-muted);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-size:.8rem}.messages-invite-accept:hover{background:#22c55e1a;border-color:#22c55e;color:#16a34a}.messages-invite-reject:hover{background:#ef44441a;border-color:#ef4444;color:#dc2626}.messages-main{flex:1;display:flex;flex-direction:column;background:var(--msg-bg);min-height:0;overflow:hidden}.messages-header{display:flex;align-items:center;gap:12px;padding:1rem 1.5rem;border-bottom:1px solid var(--msg-border);background:#fdf7f1f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-shrink:0}.messages-back-btn{display:none;width:34px;height:34px;border-radius:10px;border:1.5px solid var(--msg-border);background:transparent;color:var(--msg-text-muted);align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.messages-back-btn:hover{background:var(--msg-hover);color:var(--msg-text)}.messages-header-info{flex:1}.messages-header-username{margin:0;font-size:1rem;font-weight:700;cursor:pointer;color:var(--msg-text);transition:color .15s ease;font-family:DM Sans,sans-serif}.messages-header-username:hover{color:var(--msg-accent)}.messages-header-username-with-status{display:flex;align-items:center;gap:8px}.messages-header-status{display:flex;align-items:center}.messages-header-subtitle{font-size:.78rem;color:var(--msg-text-muted);font-weight:400;display:block;margin-top:2px}.messages-community-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.67rem;font-weight:700;color:#6d28d9;background:#6d28d914;border:1px solid rgba(109,40,217,.2);border-radius:999px;padding:.1rem .5rem;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}.messages-list{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;scrollbar-width:thin;scrollbar-color:rgba(30,15,5,.1) transparent}.messages-list::-webkit-scrollbar{width:4px}.messages-list::-webkit-scrollbar-track{background:transparent}.messages-list::-webkit-scrollbar-thumb{background:#1e0f051f;border-radius:4px}@keyframes messageSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.messages-message{display:flex;flex-direction:column;max-width:68%;animation:messageSlide .2s ease-out;cursor:pointer;-webkit-user-select:text;user-select:text}.messages-message.sent{align-self:flex-end;align-items:flex-end}.messages-message.received{align-self:flex-start;align-items:flex-start}.messages-message-content{padding:.65rem 1rem;border-radius:18px;word-wrap:break-word;line-height:1.45;width:fit-content;max-width:100%;font-size:.9rem;transition:opacity .15s ease}.messages-message.sent .messages-message-content{background:var(--msg-sent-bg);color:var(--msg-sent-text);border-bottom-right-radius:5px}.messages-message.received .messages-message-content{background:var(--msg-recv-bg);color:var(--msg-text);border:1px solid var(--msg-border);border-bottom-left-radius:5px;box-shadow:0 1px 4px #1e0f050f}.messages-message:hover .messages-message-content{opacity:.92}.messages-message-time{font-size:.68rem;color:var(--msg-text-muted);margin-top:3px;padding:0 6px;display:flex;align-items:center;gap:4px}.messages-message-edited-tag{font-style:italic;opacity:.75}.messages-message-deleted{font-style:italic;opacity:.55;display:flex;align-items:center;gap:6px}.messages-message-deleted i{font-size:.72rem}.messages-message.sent .messages-message-deleted{background:#5c3419bf!important;color:var(--msg-sent-text)!important}.messages-message.received .messages-message-deleted{background:var(--msg-recv-bg)!important;color:var(--msg-text-muted)!important}@keyframes messageFadeOut{0%{opacity:1;max-height:200px;margin-bottom:4px;transform:scale(1)}to{opacity:0;max-height:0;margin-bottom:0;transform:scale(.95);padding:0}}.messages-message.fading-out{animation:messageFadeOut .5s ease forwards;pointer-events:none}@keyframes highlightFlash{0%{background:#7a4a2e26;border-radius:14px}to{background:transparent}}.messages-message.highlight-flash{animation:highlightFlash 1.5s ease}.messages-message.group-message{display:flex;flex-direction:row;align-items:flex-end;gap:8px;max-width:72%}.messages-message.group-message.sent{flex-direction:row-reverse}.messages-message-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid var(--msg-border);cursor:pointer}.messages-message-wrapper{display:flex;flex-direction:column;max-width:100%;position:relative}.messages-message.sent .messages-message-wrapper{align-items:flex-end}.messages-message.received .messages-message-wrapper{align-items:flex-start}.messages-message-sender{font-size:.72rem;font-weight:600;color:var(--msg-accent);margin-bottom:4px;padding:0 6px}.messages-message.sent .messages-message-sender{display:none}.messages-reply-ref{display:flex;align-items:stretch;gap:0;padding:5px 10px;border-radius:8px;margin-bottom:3px;cursor:pointer;max-width:100%;width:fit-content;overflow:hidden;transition:opacity .15s ease}.messages-reply-ref:hover{opacity:.8}.messages-reply-ref.sent{background:#ffffff1f}.messages-reply-ref.received{background:#1e0f050f}.messages-reply-ref-bar{width:3px;min-height:100%;border-radius:2px;flex-shrink:0;margin-right:8px}.messages-reply-ref.sent .messages-reply-ref-bar{background:#ffffff8c}.messages-reply-ref.received .messages-reply-ref-bar{background:var(--msg-accent)}.messages-reply-ref-content{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.messages-reply-ref-author{font-size:.68rem;font-weight:700}.messages-reply-ref.sent .messages-reply-ref-author{color:#fffaf5b3}.messages-reply-ref.received .messages-reply-ref-author{color:var(--msg-accent)}.messages-reply-ref-text{font-size:.68rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:220px;word-break:break-word}.messages-reply-ref.sent .messages-reply-ref-text{color:#fffaf58c}.messages-reply-ref.received .messages-reply-ref-text{color:var(--msg-text-muted)}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes menuFadeInAbove{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.messages-context-menu{position:absolute;z-index:100;background:var(--msg-bg);border:1px solid var(--msg-border);border-radius:12px;box-shadow:0 6px 20px #1e0f0521;overflow:hidden;min-width:148px;animation:menuFadeIn .15s ease-out}.messages-context-menu.sent{right:0;top:calc(100% + 5px)}.messages-context-menu.received{left:0;top:calc(100% + 5px)}.messages-context-menu.menu-above{top:auto;bottom:calc(100% + 5px);animation:menuFadeInAbove .15s ease-out}.messages-context-menu-item{width:100%;padding:.6rem 1rem;border:none;background:transparent;color:var(--msg-text);text-align:left;cursor:pointer;font-size:.82rem;font-weight:500;font-family:DM Sans,sans-serif;transition:background .12s ease;display:flex;align-items:center;gap:.6rem}.messages-context-menu-item:hover{background:var(--msg-hover)}.messages-context-menu-item i{width:14px;font-size:.78rem;color:var(--msg-text-muted)}.messages-context-menu-delete{color:#dc2626!important}.messages-context-menu-delete:hover{background:#dc26260f!important}.messages-context-menu-delete i{color:#dc2626!important}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.35}40%{transform:scale(1);opacity:1}}.messages-typing-indicator{display:flex;align-items:center;gap:4px;padding:.2rem 1.5rem .4rem;color:var(--msg-text-muted);font-size:.78rem;flex-shrink:0}.messages-typing-dot{width:5px;height:5px;border-radius:50%;background:var(--msg-text-muted);animation:typingBounce 1.4s infinite ease-in-out}.messages-typing-dot:nth-child(1){animation-delay:0s}.messages-typing-dot:nth-child(2){animation-delay:.2s}.messages-typing-dot:nth-child(3){animation-delay:.4s}.messages-typing-text{margin-left:5px;font-style:italic}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.messages-input-preview{display:flex;align-items:center;gap:0;padding:.6rem 1.25rem;background:#f5ede4b3;border-top:1px solid var(--msg-border);animation:slideUp .15s ease-out;flex-shrink:0}.messages-input-preview-bar{width:3px;min-height:30px;border-radius:2px;background:var(--msg-accent);flex-shrink:0;margin-right:10px}.messages-input-preview-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.messages-input-preview-label{font-size:.72rem;font-weight:700;color:var(--msg-accent);display:flex;align-items:center;gap:5px}.messages-input-preview-label i{font-size:.68rem}.messages-input-preview-text{font-size:.72rem;color:var(--msg-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-input-preview-close{width:26px;height:26px;border:none;background:transparent;color:var(--msg-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease;flex-shrink:0;font-size:.8rem}.messages-input-preview-close:hover{background:var(--msg-active);color:var(--msg-text)}.messages-community-readonly{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:#f5ede4b3;border-top:1px solid var(--msg-border);color:var(--msg-text-muted);font-size:.82rem;font-family:DM Sans,sans-serif;flex-shrink:0}.messages-community-readonly i{color:#6d28d9;flex-shrink:0}.messages-input-form{display:flex;gap:10px;padding:1rem 1.25rem;border-top:1px solid var(--msg-border);background:#fdf7f1f7;padding-bottom:calc(1rem + env(safe-area-inset-bottom));flex-shrink:0;align-items:center}.messages-input{flex:1;padding:.65rem 1.1rem;border:1.5px solid var(--msg-border);border-radius:999px;font-size:.9rem;color:var(--msg-text);background:var(--msg-bg);outline:none;transition:border-color .2s,box-shadow .2s;font-family:DM Sans,sans-serif}.messages-input:focus{border-color:#1e0f0540;box-shadow:0 0 0 3px #7a4a2e1a}.messages-input::placeholder{color:var(--msg-text-muted)}.messages-send-btn{width:42px;height:42px;border-radius:50%;border:none;background:var(--msg-sent-bg);color:#fffaf5;font-size:1rem;cursor:pointer;transition:all .18s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #5c34194d}.messages-send-btn:hover:not(:disabled){background:#4a2812;transform:scale(1.06);box-shadow:0 4px 12px #5c341966}.messages-send-btn:active:not(:disabled){transform:scale(.97)}.messages-send-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.messages-no-selection{display:flex;justify-content:center;align-items:center;height:100%;background:var(--msg-bg)}.messages-no-selection-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--msg-text-muted);padding:2rem}.messages-no-selection-content h2{font-family:"DM Serif Display",Georgia,serif;font-size:1.75rem;font-weight:400;font-style:italic;color:var(--msg-text);margin:0}.messages-no-selection-content p{font-size:.9rem;margin:0;color:var(--msg-text-muted)}.messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--msg-text-muted);gap:.75rem}.messages-empty p{margin:0;font-size:.9rem}.messages-empty-conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--msg-text-muted);font-size:.9rem;padding:2rem;text-align:center}.messages-start-btn{padding:.65rem 1.5rem;border:none;border-radius:999px;background:var(--msg-sent-bg);color:#fffaf5;font-size:.875rem;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px #5c341940}.messages-start-btn:hover{background:#4a2812;transform:translateY(-1px);box-shadow:0 4px 12px #5c341959}.messages-book-share-card,.messages-list-share-card,.messages-profile-share-card,.messages-post-share-card{background:#fdf7f1f7;border:1px solid var(--msg-border);border-radius:14px;cursor:pointer;transition:all .18s ease;box-shadow:0 1px 4px #1e0f050f}.messages-book-share-card:hover,.messages-list-share-card:hover,.messages-profile-share-card:hover,.messages-post-share-card:hover{box-shadow:0 6px 18px #1e0f051f;border-color:#1e0f052e;transform:translateY(-2px)}.messages-message.sent .messages-book-share-card,.messages-message.sent .messages-list-share-card,.messages-message.sent .messages-profile-share-card,.messages-message.sent .messages-post-share-card{background:#ffffff26;border-color:#fff3}.messages-book-share-card{display:flex;flex-direction:column;align-items:center;padding:.875rem;max-width:170px}.messages-book-share-cover{width:96px;height:144px;object-fit:cover;border-radius:8px;box-shadow:0 3px 10px #1e0f0533;margin-bottom:.5rem}.messages-book-share-title{font-size:.8rem;font-weight:600;color:var(--msg-accent);text-align:center;line-height:1.3;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.messages-book-share-card:hover .messages-book-share-title{text-decoration:underline}.messages-list-share-card{display:flex;flex-direction:column;align-items:center;padding:.875rem;max-width:170px;gap:.5rem}.messages-list-share-icon,.messages-list-share-cover{width:96px;height:144px;border-radius:8px;background:#1e0f050d;display:flex;align-items:center;justify-content:center;color:var(--msg-text-muted);object-fit:cover;font-size:2rem}.messages-list-share-title,.messages-list-share-description{text-align:center;color:var(--msg-text);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.messages-list-share-title{font-size:.8rem;font-weight:600;-webkit-line-clamp:2;line-clamp:2}.messages-list-share-description{font-size:.72rem;color:var(--msg-text-muted);-webkit-line-clamp:3;line-clamp:3;line-height:1.35}.messages-profile-share-card{display:flex;flex-direction:column;align-items:center;padding:1rem .875rem;max-width:190px;gap:.4rem}.messages-profile-share-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--msg-border);margin-bottom:.25rem}.messages-profile-share-username{font-size:.875rem;font-weight:700;color:var(--msg-accent);word-break:break-word;text-align:center}.messages-profile-share-card:hover .messages-profile-share-username{text-decoration:underline}.messages-profile-share-private{font-size:.72rem;color:var(--msg-text-muted);display:flex;align-items:center;gap:.3rem}.messages-profile-share-stats{display:flex;gap:.875rem;margin-top:.25rem}.messages-profile-share-stat{display:flex;flex-direction:column;align-items:center;gap:1px}.messages-profile-share-stat-value{font-size:.82rem;font-weight:700;color:var(--msg-text)}.messages-profile-share-stat-label{font-size:.62rem;color:var(--msg-text-muted);text-transform:uppercase;letter-spacing:.03em}.messages-post-share-card{display:flex;flex-direction:column;align-items:center;padding:.875rem;max-width:210px;gap:.5rem}.messages-post-share-header{display:flex;align-items:center;gap:.5rem;width:100%}.messages-post-share-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;cursor:pointer;border:1.5px solid var(--msg-border);flex-shrink:0}.messages-post-share-username{font-size:.8rem;font-weight:600;color:var(--msg-accent);cursor:pointer}.messages-post-share-username:hover{text-decoration:underline}.messages-post-share-book-cover{width:80px;height:120px;object-fit:cover;border-radius:6px;cursor:pointer;box-shadow:0 2px 8px #1e0f052e}.messages-post-share-book-title{font-size:.8rem;font-weight:600;color:var(--msg-text);text-align:center;word-break:break-word}.messages-post-share-likes{font-size:.72rem;color:var(--msg-text-muted);display:flex;align-items:center;gap:.3rem}.messages-post-share-likes i{color:#e05353;font-size:.68rem}.messages-modal-overlay{position:fixed;inset:0;background:#1e0f0566;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.messages-modal{background:var(--msg-bg);border-radius:18px;width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #1e0f0538;border:1px solid var(--msg-border)}.messages-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--msg-border)}.messages-modal-header h3{margin:0;font-family:"DM Serif Display",Georgia,serif;font-size:1.2rem;font-weight:400;font-style:italic;color:var(--msg-text)}.messages-modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--msg-text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s ease;font-size:1rem}.messages-modal-close:hover{background:var(--msg-hover);color:var(--msg-text)}.messages-modal-content{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(30,15,5,.1) transparent}.messages-modal-content::-webkit-scrollbar{width:4px}.messages-modal-content::-webkit-scrollbar-thumb{background:#1e0f051f;border-radius:4px}.messages-modal-subtitle{font-weight:700;color:var(--msg-text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.messages-modal-empty{text-align:center;color:var(--msg-text-muted);padding:2rem;font-size:.88rem}.messages-modal-buttons{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.messages-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--msg-border);display:flex;justify-content:center}.messages-modal-footer .messages-btn-primary{display:flex;align-items:center;gap:.5rem}.messages-btn-secondary{padding:.55rem 1.1rem;border:1.5px solid var(--msg-border);background:transparent;color:var(--msg-text);border-radius:999px;font-size:.875rem;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s ease}.messages-btn-secondary:hover{background:var(--msg-hover);border-color:#1e0f0533}.messages-btn-primary{padding:.55rem 1.1rem;border:none;background:var(--msg-sent-bg);color:#fffaf5;border-radius:999px;font-size:.875rem;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s ease}.messages-btn-primary:hover{background:#4a2812}.messages-confirm-modal{background:var(--msg-bg);border-radius:18px;width:90%;max-width:400px;border:1px solid var(--msg-border);box-shadow:0 16px 40px #1e0f0533}.messages-confirm-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--msg-border)}.messages-confirm-modal-header h3{font-family:"DM Serif Display",serif;font-size:1.1rem;font-weight:400;font-style:italic;color:var(--msg-text);margin:0}.messages-confirm-modal-body{padding:1.25rem 1.5rem}.messages-confirm-modal-body p{font-size:.9rem;color:#1e0f05b3;line-height:1.55;margin:0;font-family:DM Sans,sans-serif}.messages-confirm-modal-buttons{padding:1rem 1.5rem;border-top:1px solid var(--msg-border);display:flex;gap:.75rem;justify-content:flex-end}.messages-following-list{display:flex;flex-direction:column;gap:2px}.messages-following-item{display:flex;align-items:center;gap:11px;padding:.65rem .75rem;border-radius:10px;cursor:pointer;transition:background .15s}.messages-following-item:hover{background:var(--msg-hover)}.messages-members-list{padding:.75rem 0;max-height:400px;overflow-y:auto}.messages-member-item{display:flex;align-items:center;gap:.875rem;padding:.65rem .75rem;border-radius:10px;transition:background .15s ease;position:relative}.messages-member-item:hover{background:var(--msg-hover)}.messages-member-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid var(--msg-border)}.messages-member-info{flex:1;min-width:0}.messages-member-username{font-size:.9rem;font-weight:600;color:var(--msg-text);display:flex;align-items:center;gap:.5rem;font-family:DM Sans,sans-serif}.messages-admin-badge{display:inline-block;padding:.1rem .45rem;background:var(--msg-accent);color:#fffaf5;font-size:.62rem;font-weight:700;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.messages-member-dropdown{position:absolute;right:.75rem;top:100%;margin-top:.4rem;background:var(--msg-bg);border:1px solid var(--msg-border);border-radius:12px;box-shadow:0 6px 18px #1e0f051f;z-index:10;min-width:176px;overflow:hidden}.messages-member-dropdown button{width:100%;padding:.65rem 1rem;border:none;background:transparent;color:var(--msg-text);font-size:.82rem;font-weight:500;text-align:left;cursor:pointer;transition:background .12s ease;display:flex;align-items:center;gap:.625rem;font-family:DM Sans,sans-serif}.messages-member-dropdown button:hover{background:var(--msg-hover)}.messages-member-dropdown button i{width:15px;font-size:.8rem;color:var(--msg-text-muted)}.messages-member-dropdown-remove{color:#dc2626!important}.messages-member-dropdown-remove:hover{background:#dc26260f!important}.messages-group-menu{position:relative;margin-left:auto}.messages-group-menu-btn{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:var(--msg-text-muted);font-size:.9rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.messages-group-menu-btn:hover{background:var(--msg-hover);color:var(--msg-text)}.messages-group-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--msg-bg);border:1px solid var(--msg-border);border-radius:14px;box-shadow:0 8px 24px #1e0f0524;min-width:200px;z-index:1000;overflow:hidden}.messages-group-menu-dropdown button{width:100%;padding:.7rem 1rem;border:none;background:transparent;color:var(--msg-text);text-align:left;cursor:pointer;font-size:.85rem;font-weight:500;font-family:DM Sans,sans-serif;transition:background .12s ease;display:flex;align-items:center;gap:.75rem}.messages-group-menu-dropdown button:hover{background:var(--msg-hover)}.messages-group-menu-dropdown button i{width:15px;font-size:.85rem;color:var(--msg-text-muted)}.messages-group-menu-divider{height:1px;background:var(--msg-border);margin:.25rem 0}.messages-group-menu-delete{color:#dc2626!important}.messages-group-menu-delete:hover{background:#dc26260f!important}.messages-group-menu-delete i{color:#dc2626!important}.messages-group-menu-leave{color:#c2410c!important}.messages-group-menu-leave:hover{background:#c2410c0f!important}.messages-group-menu-leave i{color:#c2410c!important}.messages-group-menu-requests{color:#b45309!important}.messages-group-menu-requests:hover{background:#b453090f!important}.messages-group-menu-requests i{color:#b45309!important}.messages-group-menu-badge{margin-left:auto;background:#ef4444;color:#fff;font-size:.68rem;font-weight:700;border-radius:999px;padding:.1rem .45rem}.messages-join-requests-badge{display:inline-flex;align-items:center;gap:.35rem;margin-top:3px;padding:.2rem .55rem;background:#b453091a;border:1px solid rgba(180,83,9,.25);border-radius:999px;font-size:.7rem;font-weight:600;color:#92400e;cursor:pointer;transition:background .15s ease}.messages-join-requests-badge:hover{background:#b453092e}.messages-join-requests-list{padding:.5rem 0;max-height:420px;overflow-y:auto}.messages-join-requests-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:var(--msg-text-muted)}.messages-join-requests-empty i{font-size:1.75rem}.messages-join-requests-empty p{margin:0;font-size:.88rem}.messages-join-request-item{display:flex;align-items:center;gap:.875rem;padding:.65rem .875rem;border-radius:10px;margin:0 .5rem;transition:background .12s ease}.messages-join-request-item:hover{background:var(--msg-hover)}.messages-join-request-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid var(--msg-border)}.messages-join-request-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.messages-join-request-username{font-size:.9rem;font-weight:600;color:var(--msg-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:DM Sans,sans-serif}.messages-edit-group-form{padding:1.25rem 1.5rem}.messages-form-group{margin-bottom:1.1rem}.messages-form-group label{display:block;font-size:.8rem;font-weight:700;color:var(--msg-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.messages-form-group input,.messages-form-group textarea{width:100%;padding:.6rem .9rem;border:1.5px solid var(--msg-border);border-radius:10px;font-size:.9rem;color:var(--msg-text);background:var(--msg-bg);font-family:DM Sans,sans-serif;transition:border-color .15s,box-shadow .15s;outline:none;box-sizing:border-box}.messages-form-group input:focus,.messages-form-group textarea:focus{border-color:#1e0f0540;box-shadow:0 0 0 3px #7a4a2e1a}.messages-form-group textarea{resize:vertical;font-family:inherit}.messages-photo-container{display:flex;justify-content:center;margin-bottom:1rem}.messages-photo-upload{width:110px;height:110px;border-radius:50%;border:2px dashed var(--msg-border);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .15s ease;color:var(--msg-text-muted)}.messages-photo-upload:hover{border-color:#1e0f0540;background:var(--msg-hover);color:var(--msg-text)}.messages-photo-upload i{font-size:1.4rem}.messages-photo-upload span{font-size:.72rem;font-weight:600}.messages-photo-preview{position:relative;width:110px;height:110px}.messages-photo-preview img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--msg-border)}.messages-photo-remove{position:absolute;top:-6px;right:-6px;width:28px;height:28px;border-radius:50%;border:2px solid var(--msg-bg);background:#ef4444;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.72rem;transition:background .15s ease}.messages-photo-remove:hover{background:#dc2626}.messages-photo-upload-container{margin-bottom:1.25rem;padding:1rem;background:var(--msg-hover);border-radius:12px}.messages-photo-upload-container label{display:block;font-size:.8rem;font-weight:700;color:var(--msg-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem}.messages-photo-upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:var(--msg-bg);border:1.5px solid var(--msg-border);border-radius:999px;font-size:.82rem;font-weight:600;color:var(--msg-text);cursor:pointer;transition:all .15s ease;font-family:DM Sans,sans-serif}.messages-photo-upload-btn:hover{background:var(--msg-hover);border-color:#1e0f0533}.messages-photo-upload-btn input[type=file]{display:none}.messages-add-members-form{padding:1.25rem 1.5rem}.messages-members-selection{max-height:380px;overflow-y:auto;margin-bottom:1.25rem}.messages-member-checkbox{display:flex;align-items:center;gap:.875rem;padding:.6rem .75rem;border-radius:10px;cursor:pointer;transition:background .15s ease}.messages-member-checkbox:hover{background:var(--msg-hover)}.messages-member-checkbox input[type=checkbox]{width:17px;height:17px;cursor:pointer;accent-color:var(--msg-accent)}.messages-member-checkbox span{font-size:.9rem;font-weight:500;color:var(--msg-text);font-family:DM Sans,sans-serif}.messages-no-friends{padding:2rem;text-align:center;color:var(--msg-text-muted);font-size:.875rem}@media(max-width:1024px){.messages-sidebar{width:280px}.messages-header{padding:.875rem 1.25rem}.messages-list{padding:1.25rem 1.25rem 1rem}.messages-message{max-width:75%}}@media(max-width:768px){.messages-container{flex-direction:column;height:calc(100dvh - 3.5rem - env(safe-area-inset-bottom,0px))}.messages-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--msg-border);display:flex;flex:1;min-height:0}.messages-main{width:100%;display:flex;flex:1;min-height:0}.messages-container.conversation-open .messages-sidebar,.messages-container.conversation-closed .messages-main{display:none}.messages-back-btn{display:inline-flex}.messages-list{padding:1rem;gap:.4rem}.messages-message{max-width:84%}.messages-message.group-message{max-width:82%}.messages-input-form{padding:.75rem 1rem;padding-bottom:calc(4rem + env(safe-area-inset-bottom,0px))}.messages-context-menu{min-width:132px}.messages-context-menu-item{padding:.55rem .875rem;font-size:.8rem}.messages-reply-ref-text{max-width:140px}.messages-input-preview{padding:.4rem .875rem}.messages-conversation-item{padding:.7rem .75rem}.messages-avatar{width:44px;height:44px}.messages-modal{width:95%;max-height:90vh;border-radius:14px}.messages-confirm-modal{width:90%}.messages-modal-buttons,.messages-confirm-modal-buttons{flex-direction:column-reverse}.messages-modal-buttons button,.messages-confirm-modal-buttons button{width:100%;justify-content:center}.messages-member-avatar{width:34px;height:34px}.messages-member-item{padding:.5rem;gap:.625rem}.messages-member-username{font-size:.875rem}.messages-message-avatar{width:26px;height:26px}.messages-section-header{padding:.6rem .75rem .35rem}}@media(max-width:480px){.messages-modal-header,.messages-confirm-modal-header,.messages-confirm-modal-body,.messages-modal-content{padding:1rem}.messages-photo-preview{max-width:130px;height:130px}.messages-admin-badge{font-size:.58rem}}.sett-main-inner{max-width:100%!important;margin:0!important;padding:0!important}.sett-layout{display:flex;gap:2rem;padding:2.5rem 3rem 4rem;min-height:calc(100vh - 4rem);align-items:flex-start;max-width:1000px;margin:0 auto;width:100%}.sett-sidenav{width:220px;flex-shrink:0;background:#fff;border:1px solid #e8e3db;border-radius:16px;padding:1rem .5rem;position:sticky;top:2rem;box-shadow:0 2px 12px #0000000a}.sett-sidenav-title{font-size:.7rem;font-weight:700;color:#8a7660;text-transform:uppercase;letter-spacing:.08em;padding:.4rem 1rem .8rem}.sett-sidenav-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.65rem 1rem;border:none;background:transparent;border-radius:10px;font-size:.875rem;font-weight:500;color:#4a3f2f;cursor:pointer;transition:all .18s ease;text-align:left}.sett-sidenav-item i{width:18px;font-size:.85rem;color:#8a7660;transition:color .18s ease;flex-shrink:0}.sett-sidenav-item:hover{background:#f5f0e8;color:#2d2418}.sett-sidenav-item:hover i{color:#5a4a35}.sett-sidenav-item--active{background:#2d2418;color:#fff;font-weight:600}.sett-sidenav-item--active i{color:#e8c4a8}.sett-sidenav-item--active:hover{background:#1a1208;color:#fff}.sett-sidenav-item--danger{color:#b91c1c;margin-top:.5rem}.sett-sidenav-item--danger i{color:#dc2626}.sett-sidenav-item--danger:hover{background:#fef2f2;color:#991b1b}.sett-sidenav-item--danger.sett-sidenav-item--active{background:#dc2626;color:#fff}.sett-sidenav-item--danger.sett-sidenav-item--active i{color:#fecaca}.sett-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.25rem}.sett-section{display:flex;flex-direction:column;gap:1.25rem}.sett-section-header{display:flex;align-items:flex-start;gap:1rem;padding-bottom:.5rem}.sett-section-icon{font-size:1.6rem;color:#c0622a;margin-top:.1rem;flex-shrink:0}.sett-section-icon--danger{color:#dc2626}.sett-section-title{font-size:1.35rem;font-weight:800;color:#1a1208;margin:0 0 .25rem;letter-spacing:-.02em}.sett-section-title--danger{color:#b91c1c}.sett-section-desc{font-size:.875rem;color:#8a7660;margin:0}.sett-card{background:#fff;border:1px solid #e8e3db;border-radius:14px;padding:1.5rem;box-shadow:0 2px 8px #00000009}.sett-card--muted{background:#faf8f5}.sett-card--danger{border-color:#fecaca;background:#fff}.sett-card-label{font-size:.75rem;font-weight:700;color:#8a7660;text-transform:uppercase;letter-spacing:.07em;margin-bottom:1rem}.sett-email-display{display:flex;align-items:center;gap:.6rem;font-size:.975rem;color:#2d2418;font-weight:500;background:#faf8f5;border:1px solid #e8e3db;border-radius:10px;padding:.75rem 1rem}.sett-email-display i{color:#8a7660}.sett-oauth-badge{margin-left:auto;font-size:.72rem;background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:99px;padding:.2rem .65rem;font-weight:600;display:flex;align-items:center;gap:.35rem}.sett-muted-text{font-size:.9rem;color:#8a7660;line-height:1.6;margin:0;display:flex;align-items:center;gap:.5rem}.sett-form{display:flex;flex-direction:column;gap:1rem}.sett-field{display:flex;flex-direction:column;gap:.4rem}.sett-label{font-size:.825rem;font-weight:600;color:#4a3f2f}.sett-input{padding:.65rem .9rem;border:1.5px solid #d4c9b8;border-radius:10px;font-size:.9rem;color:#1a1208;background:#fdf7f1;outline:none;transition:border-color .18s ease,box-shadow .18s ease;font-family:inherit;width:100%;box-sizing:border-box}.sett-input:focus{border-color:#c0622a;box-shadow:0 0 0 3px #c0622a1f;background:#fff}.sett-input::placeholder{color:#b0a090}.sett-pwd-strength{display:flex;align-items:center;gap:.5rem;margin-top:.2rem}.sett-pwd-bar{height:4px;border-radius:99px;flex:1;transition:background .2s ease}.sett-pwd-bar.weak{background:#ef4444;width:33%}.sett-pwd-bar.medium{background:#f59e0b}.sett-pwd-bar.strong{background:#10b981}.sett-pwd-strength span{font-size:.75rem;font-weight:600;color:#8a7660;white-space:nowrap}.sett-match-hint{font-size:.78rem;font-weight:600;margin-top:.15rem}.sett-match-hint.match{color:#10b981}.sett-match-hint.no-match{color:#ef4444}.sett-msg{font-size:.86rem;font-weight:600;padding:.65rem 1rem;border-radius:10px;border:1px solid transparent}.sett-msg--success{background:#f0fdf4;color:#065f46;border-color:#a7f3d0}.sett-msg--error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.sett-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:99px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap;font-family:inherit}.sett-btn:disabled{opacity:.55;cursor:not-allowed}.sett-btn:active:not(:disabled){transform:scale(.97)}.sett-btn--primary{background:#2d2418;color:#fff;align-self:flex-start;margin-top:.25rem}.sett-btn--primary:hover:not(:disabled){background:#1a1208;box-shadow:0 4px 16px #0000002e}.sett-btn--ghost{background:transparent;color:#2d2418;border:1.5px solid #d4c9b8}.sett-btn--ghost:hover:not(:disabled){background:#f5f0e8;border-color:#8a7660}.sett-btn--danger{background:#dc2626;color:#fff}.sett-btn--danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 16px #dc262640}.sett-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:sett-spin .7s linear infinite;flex-shrink:0}@keyframes sett-spin{to{transform:rotate(360deg)}}.sett-toggle{position:relative;width:46px;height:26px;background:#d4c9b8;border:none;border-radius:99px;cursor:pointer;transition:background .2s ease;flex-shrink:0;padding:0}.sett-toggle--on{background:#c0622a}.sett-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 4px #0000002e}.sett-toggle--on .sett-toggle-thumb{transform:translate(20px)}.sett-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1rem}.sett-toggle-info{flex:1;min-width:0}.sett-toggle-label{font-size:.975rem;font-weight:700;color:#1a1208;margin-bottom:.3rem}.sett-toggle-desc{font-size:.86rem;color:#8a7660;line-height:1.5}.sett-privacy-info{margin-bottom:1rem}.sett-privacy-status{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.45rem .9rem;border-radius:99px;font-weight:600}.sett-privacy-status.public{background:#f0fdf4;color:#065f46;border:1px solid #a7f3d0}.sett-privacy-status.private{background:#faf5ff;color:#6b21a8;border:1px solid #d8b4fe}.sett-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.sett-feature-list li{display:flex;align-items:center;gap:.7rem;font-size:.875rem;padding:.45rem 0;border-bottom:1px solid #f5f0e8}.sett-feature-list li:last-child{border-bottom:none}.sett-feature-list li i{width:16px;font-size:.875rem;flex-shrink:0}.sett-feature--visible i{color:#10b981}.sett-feature--visible{color:#2d2418}.sett-feature--hidden i,.sett-feature--hidden{color:#94a3b8}.sett-feed-options{display:flex;flex-direction:column;gap:0;margin-bottom:1.25rem}.sett-feed-option{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #f0ece4;cursor:default;gap:1rem}.sett-feed-option:last-child{border-bottom:none}.sett-feed-option-info{display:flex;align-items:center;gap:.9rem;flex:1;min-width:0}.sett-feed-icon{width:36px;height:36px;border-radius:10px;background:#faf5ee;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#c0622a;flex-shrink:0}.sett-feed-option-title{font-size:.925rem;font-weight:700;color:#1a1208}.sett-feed-option-desc{font-size:.82rem;color:#8a7660;margin-top:.15rem}.sett-export-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.1rem}.sett-export-count{display:inline-flex;align-items:center;gap:.55rem;width:fit-content;padding:.4rem .75rem;border-radius:999px;border:1px solid #f3d9c5;background:#fff8f2;color:#7c3f1d;font-size:.85rem;font-weight:700}.sett-export-note{font-size:.85rem;color:#8a7660;line-height:1.55}.sett-export-actions{display:flex;flex-wrap:wrap;gap:.65rem}.sett-export-actions .sett-btn{min-width:180px;justify-content:center}.sett-danger-row{display:flex;align-items:center;gap:2rem;justify-content:space-between;flex-wrap:wrap}.sett-danger-info{flex:1;min-width:0}.sett-danger-title{font-size:.975rem;font-weight:700;color:#b91c1c;margin-bottom:.35rem}.sett-danger-desc{font-size:.86rem;color:#8a7660;line-height:1.55}.sett-modal-backdrop{position:fixed;inset:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sett-modal{background:#fff;border-radius:18px;padding:2rem;max-width:440px;width:100%;box-shadow:0 20px 60px #00000038;display:flex;flex-direction:column;gap:1rem}.sett-modal-header{display:flex;align-items:center;gap:.75rem}.sett-modal-icon{font-size:1.4rem;color:#dc2626}.sett-modal-header h3{font-size:1.2rem;font-weight:800;color:#1a1208;margin:0}.sett-modal-body{font-size:.9rem;color:#4a3f2f;line-height:1.6;margin:0}.sett-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;flex-wrap:wrap}.sett-theme-cards{display:flex;gap:1.25rem;flex-wrap:wrap}.sett-theme-card{flex:1;min-width:160px;max-width:220px;border:2px solid #e8e3db;border-radius:14px;background:transparent;cursor:pointer;padding:0;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;font-family:inherit}.sett-theme-card:hover{border-color:#c0622a;transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.sett-theme-card--active{border-color:#c0622a;box-shadow:0 0 0 3px #c0622a26}html[data-theme=dark] .sett-theme-card{border-color:var(--dm-border)}html[data-theme=dark] .sett-theme-card:hover{border-color:var(--dm-accent);box-shadow:0 6px 20px #60a5fa26}html[data-theme=dark] .sett-theme-card--active{border-color:var(--dm-accent);box-shadow:0 0 0 3px #60a5fa2e}.sett-theme-card-preview{display:flex;height:100px;gap:6px;padding:10px}.sett-theme-card-preview--light{background:#f5ede4}.sett-theme-card-preview--dark{background:#070d1b}.stcp-sidebar{width:28px;border-radius:6px;flex-shrink:0}.sett-theme-card-preview--light .stcp-sidebar{background:#8a7660}.sett-theme-card-preview--dark .stcp-sidebar{background:#0b1525}.stcp-content{flex:1;display:flex;flex-direction:column;gap:5px;padding-top:2px}.stcp-bar{height:8px;border-radius:4px}.stcp-bar--1{width:80%}.stcp-bar--2{width:55%}.sett-theme-card-preview--light .stcp-bar{background:#1e0f0526}.sett-theme-card-preview--dark .stcp-bar{background:#e2e8f01f}.stcp-card{margin-top:4px;flex:1;border-radius:6px}.sett-theme-card-preview--light .stcp-card{background:#fff}.sett-theme-card-preview--dark .stcp-card{background:#0f1e36}.sett-theme-card-footer{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;font-size:.875rem;font-weight:600;color:#4a3f2f;border-top:1px solid #e8e3db;background:#fff}html[data-theme=dark] .sett-theme-card-footer{color:var(--dm-text-secondary);border-top-color:var(--dm-border);background:var(--dm-bg-surface)}.sett-theme-card-footer i:first-child{color:#8a7660;font-size:.9rem}html[data-theme=dark] .sett-theme-card-footer i:first-child{color:var(--dm-accent)}.sett-theme-check{margin-left:auto;color:#c0622a!important;font-size:1rem!important}html[data-theme=dark] .sett-theme-check{color:var(--dm-accent)!important}@media(max-width:1024px){.sett-layout{padding:2rem 1.5rem 4rem;gap:1.5rem}.sett-sidenav{width:190px}}@media(max-width:768px){.sett-layout{flex-direction:column;padding:0 0 5rem;gap:0}.sett-sidenav{width:100%;position:sticky;top:0;z-index:50;border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:1px solid #e8e3db;box-shadow:0 2px 16px #00000012;background:#fffffff7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:.625rem .75rem;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:.375rem;scrollbar-width:none;align-items:center}.sett-sidenav::-webkit-scrollbar{display:none}.sett-sidenav-title{display:none}.sett-sidenav-item{flex-direction:row;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.8rem;font-weight:500;white-space:nowrap;flex-shrink:0;border-radius:99px;background:#f0ece4;color:#6b5c45;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.sett-sidenav-item i{width:auto;font-size:.82rem;color:inherit}.sett-sidenav-item:hover{background:#e5ddd0;color:#2d2418}.sett-sidenav-item:hover i{color:inherit}.sett-sidenav-item--active{background:#2d2418;color:#fff;font-weight:600;box-shadow:0 2px 10px #2d241838}.sett-sidenav-item--active i{color:#e8c4a8}.sett-sidenav-item--active:hover{background:#1a1208;color:#fff}.sett-sidenav-item--danger{color:#991b1b;background:#fef2f2;margin-left:.375rem;margin-top:0;border-left:1px solid #fecaca;padding-left:1rem;border-radius:99px}.sett-sidenav-item--danger i{color:#dc2626}.sett-sidenav-item--danger:hover{background:#fee2e2;color:#991b1b}.sett-sidenav-item--danger.sett-sidenav-item--active{background:#dc2626;color:#fff;border-left:none;box-shadow:0 2px 10px #dc262647}.sett-sidenav-item--danger.sett-sidenav-item--active i{color:#fecaca}.sett-content{padding:1.25rem 1rem 0}.sett-card{padding:1.25rem}.sett-section-header{gap:.75rem}.sett-section-icon{font-size:1.3rem}.sett-section-title{font-size:1.15rem}.sett-toggle-row{gap:1rem}.sett-danger-row{flex-direction:column;align-items:flex-start;gap:1rem}.sett-danger-row .sett-btn--danger{width:100%;justify-content:center}.sett-modal-actions{flex-direction:column-reverse}.sett-modal-actions .sett-btn,.sett-btn--primary{width:100%;justify-content:center}.sett-feed-option{gap:.75rem}.sett-export-actions{flex-direction:column}.sett-export-actions .sett-btn{width:100%;min-width:0}}@media(max-width:480px){.sett-layout{padding:.75rem .75rem 5.5rem}.sett-modal{padding:1.5rem}.sett-email-display{flex-wrap:wrap}.sett-oauth-badge{margin-left:0}}.header{position:sticky;top:0;left:0;right:0;width:100%;padding:1rem 2rem;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);display:flex;align-items:center;gap:2rem;flex-wrap:wrap;z-index:1001;box-shadow:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.header-title{margin:0;cursor:pointer;font-weight:700;color:var(--color-gray-900);transition:all .2s ease;letter-spacing:-.5px}.header-title:hover{color:var(--color-blue-500)}.header-nav{display:flex;gap:1rem;margin-left:auto;align-items:center;flex-wrap:wrap}.header-mobile-logout{display:none;margin-left:auto;width:40px;height:40px;border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-red-500);font-size:1.1rem;cursor:pointer;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.header-mobile-logout:hover{background-color:var(--color-red-50, #fef2f2);border-color:var(--color-red-500)}.header-menu-toggle{display:none;margin-left:auto;width:40px;height:40px;border:1px solid var(--color-gray-300);background:var(--color-white);color:var(--color-gray-900);font-size:1.1rem;cursor:pointer;align-items:center;justify-content:center}.header-menu-toggle:hover{background-color:var(--color-gray-200);border-radius:4px}.header-menu-overlay{display:none}.header-username{color:var(--color-gray-650);font-size:.875rem;font-weight:500;padding:0 1rem;border-right:1px solid var(--color-gray-200)}.header-btn{padding:.625rem 1.25rem;font-size:.875rem;border-radius:4px;cursor:pointer;border:none;font-family:inherit;font-weight:500;transition:all .15s ease}.header-btn-outline{background-color:transparent;color:var(--color-gray-900);border:1px solid var(--color-gray-300)}.header-btn-outline:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-800);color:var(--color-gray-900)}.header-btn-primary{background-color:var(--color-gray-800);color:var(--color-white);border:1px solid var(--color-gray-800)}.header-btn-primary:hover{background-color:var(--color-gray-900);border-color:var(--color-gray-900)}.header-btn-danger{background-color:var(--color-red-500);color:var(--color-white);border:1px solid var(--color-red-500)}.header-btn-danger:hover{background-color:var(--color-red-600);border-color:var(--color-red-600)}.header-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:transparent;border:1px solid transparent;color:var(--color-gray-900);font-size:1.25rem;cursor:pointer;transition:all .15s ease}.header-icon-btn:hover{background-color:var(--color-gray-200);border-radius:4px;border-color:transparent}.header-icon-btn-relative{position:relative}.header-icon-badge{position:absolute;top:4px;right:6px;background-color:var(--color-red-500);color:var(--color-white);border-radius:50%;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;padding:0 3px;line-height:1;pointer-events:none}.header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer;border:none;transition:all .2s ease}.header-avatar:hover{opacity:.8}.header-profile-container{position:relative;display:inline-block}.header-status-badge{position:absolute;bottom:-5px;right:-5px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;padding:2px}@media(max-width:768px){.header{padding:1rem;gap:1rem}.header-mobile-logout{display:inline-flex}.header-menu-toggle{display:none}.header .header-nav{display:none;width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.75rem;padding:.75rem 0;background:var(--color-white);position:relative;z-index:1002}.header-nav.is-open{display:flex}.header-btn,.header-icon-btn,.header-avatar,.header-nav .notification-bell-container{width:100%}.header-nav .notification-bell-btn{width:100%;height:44px;border:1px solid var(--color-gray-300);border-radius:10px}.header-icon-btn,.header-avatar{height:44px;border-radius:10px}.header-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;align-self:center}.header-menu-overlay{display:block;position:fixed;inset:0;background:#0006;border:none;z-index:1000}.header-username{display:none}.header-btn{padding:.5rem 1rem;font-size:.8125rem}}.notification-bell-container{position:relative;display:inline-block}.notification-bell-btn{position:relative;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:inherit;transition:color .2s ease;border-radius:4px}.notification-bell-btn:hover{background-color:#0000000d;color:var(--color-blue-500)}.notification-badge{position:absolute;top:2px;right:2px;background-color:var(--color-red-500);color:var(--color-white);border-radius:50%;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;padding:0 3px;line-height:1;pointer-events:none}.notification-dropdown{position:absolute;top:100%;right:0;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:0;box-shadow:none;width:380px;max-height:500px;display:flex;flex-direction:column;z-index:1000;margin-top:8px}@media(max-width:480px){.notification-dropdown{position:fixed;top:72px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 96px)}}.notification-header{padding:16px;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center}.notification-header h3{margin:0;font-size:16px;font-weight:600}.notification-header-buttons{display:flex;gap:8px;align-items:center}.mark-all-read-btn,.view-all-btn{background:none;border:none;color:var(--color-blue-500);cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;text-decoration:none}.mark-all-read-btn:hover,.view-all-btn:hover{background-color:#3b82f61a}.notification-list{flex:1;overflow-y:auto;min-height:0}.notification-item{padding:12px 16px;border-bottom:1px solid var(--color-gray-100);display:flex;flex-direction:column;gap:8px;transition:background-color .2s ease}.notification-item:hover{background-color:var(--color-gray-50)}.notification-item.clickable{cursor:pointer}.notification-item.clickable:hover{background-color:#f0f9ff}.notification-item.unread{background-color:#eff6ff}.notification-content{display:flex;gap:12px;align-items:flex-start}.notification-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:var(--color-gray-200);display:flex;align-items:center;justify-content:center}.notification-avatar-img{width:100%;height:100%;object-fit:cover}.notification-avatar-fallback{font-size:20px}.notification-text{flex:1;min-width:0}.notification-text p{margin:0;font-size:14px;line-height:1.4;color:var(--color-gray-800);word-break:break-word}.notification-text small{display:block;font-size:12px;color:var(--color-gray-500);margin-top:4px}.notification-time{font-size:12px;color:var(--color-gray-400)}.mark-read-btn{background:none;border:none;color:var(--color-red-500);cursor:pointer;font-size:20px;padding:0;flex-shrink:0;transition:color .2s ease}.mark-read-btn:hover{color:var(--color-red-600)}.delete-notification-btn{background:none;border:none;color:var(--color-gray-300);cursor:pointer;padding:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease;border-radius:4px}.delete-notification-btn:hover{color:var(--color-gray-500);background-color:#0000000d}.notification-actions{display:flex;gap:8px;padding:8px 0 0 52px}.action-btn{flex:1;padding:6px 12px;border:1px solid var(--color-gray-300);border-radius:4px;background:var(--color-white);cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease}.action-btn:focus-visible{outline:2px solid var(--color-blue-500);outline-offset:2px}.accept-btn{color:var(--color-green-500);border-color:var(--color-green-500)}.accept-btn:hover{background-color:#10b98122}.reject-btn{color:var(--color-red-500);border-color:var(--color-red-500)}.reject-btn:hover{background-color:#ef444422}.empty-state{padding:32px 16px;text-align:center;color:var(--color-gray-400);font-size:14px}.notification-overlay{position:fixed;inset:0;z-index:999}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}.notification-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.notification-bell-btn{border-radius:999px;transition:background-color .2s ease,color .2s ease,transform .2s ease}.notification-bell-btn:hover{background:var(--nav-text-hover-bg);color:var(--nav-text);transform:translateY(-1px)}.notification-badge{top:0;right:0;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--nav-bg-mid);background:linear-gradient(140deg,#8f2416,#c43a24);box-shadow:0 4px 10px #00000038;font-size:9px}.notification-dropdown{top:calc(100% + 12px);right:-8px;width:min(420px,86vw);max-height:min(72vh,620px);background:linear-gradient(180deg,#fdf6effa,#f5e8dbfa);border:1px solid rgba(122,52,16,.16);border-radius:24px;box-shadow:0 24px 60px #160a0447;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-dropdown:before{content:"";position:absolute;top:-8px;right:28px;width:16px;height:16px;background:#fbf3ebfa;border-top:1px solid rgba(122,52,16,.12);border-left:1px solid rgba(122,52,16,.12);transform:rotate(45deg)}.notification-header{padding:1.15rem 1.2rem 1rem;border-bottom:1px solid rgba(122,52,16,.12);background:linear-gradient(180deg,#fffaf5eb,#f7ede3e0)}.notification-header h3{font-family:Cinzel,serif;font-size:1.02rem;letter-spacing:.05em;color:var(--nav-text)}.notification-header-buttons{gap:.45rem}.mark-all-read-btn,.view-all-btn{padding:.45rem .7rem;border-radius:999px;background:#7a341014;color:var(--color-brand-medium);font-weight:600}.mark-all-read-btn:hover,.view-all-btn:hover{background:#7a341024}.notification-list{padding:.55rem;background:transparent}.notification-item{padding:.9rem;border:1px solid transparent;border-radius:18px;gap:.75rem;background:transparent}.notification-item:hover,.notification-item.clickable:hover{background:#ffffff8c;border-color:#7a341024}.notification-item.unread{background:#7a341014;border-color:#7a34101f}.notification-content{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;align-items:start}.notification-avatar{width:44px;height:44px;background:#7a341014;border:1px solid rgba(122,52,16,.12);box-shadow:0 6px 14px #30190b14}.notification-text{display:flex;flex-direction:column;gap:.35rem;padding-top:.15rem}.notification-text p{color:var(--color-modal-light-text, #2b160c);font-size:.92rem;line-height:1.5;font-weight:500}.notification-text small,.notification-time{display:inline-flex;align-items:center;gap:.35rem;color:#2b160c94;font-size:.76rem;letter-spacing:.02em}.notification-item-controls{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-top:.05rem}.mark-read-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-brand-accent);font-size:1.8rem;line-height:1;border-radius:999px;background:#7a341014}.mark-read-btn:hover{color:var(--color-brand-medium);background:#7a341024}.delete-notification-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#2b160c57;border-radius:999px}.delete-notification-btn:hover{color:var(--color-modal-light-text, #2b160c);background:#7a341014}.notification-actions{gap:.55rem;padding:.15rem 0 0 3.55rem}.action-btn{min-height:36px;padding:.55rem .9rem;border-radius:999px;font-weight:600;border-width:1px}.action-btn.accept-btn{background:linear-gradient(140deg,var(--color-brand-dark) 0%,var(--color-brand-medium) 60%,var(--color-brand-accent) 100%);color:var(--color-brand-light);border-color:#7a341033}.action-btn.accept-btn:hover{background:linear-gradient(140deg,var(--color-brand-dark) 0%,var(--color-brand-medium) 60%,var(--color-brand-accent) 100%);filter:brightness(1.07)}.action-btn.reject-btn{background:#7a341012;color:var(--color-modal-light-text, #2b160c);border-color:#7a341029}.action-btn.reject-btn:hover{background:#7a341021}.empty-state{padding:2rem 1rem;color:#2b160c94}.notification-list::-webkit-scrollbar-track{background:#7a34100f}.notification-list::-webkit-scrollbar-thumb{background:#7a34103d}.notification-list::-webkit-scrollbar-thumb:hover{background:#7a341057}@media(max-width:480px){.notification-dropdown{top:78px;left:10px;right:10px;width:auto;max-height:calc(100dvh - 100px);border-radius:22px}.notification-dropdown:before{display:none}.notification-header{flex-direction:column;align-items:flex-start;gap:.75rem}.notification-header-buttons{width:100%;justify-content:space-between}.notification-actions{padding-left:0;flex-wrap:wrap}.notification-content{grid-template-columns:auto minmax(0,1fr)}.notification-item-controls{grid-column:2;flex-direction:row;justify-content:flex-end;margin-top:0}}.bottom-nav{display:none}@media(max-width:768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1100;background:linear-gradient(160deg,#f9ede3,#f1d3be,#e8c4a8);border-top:1px solid rgba(122,74,46,.15);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom,0px));justify-content:space-around;align-items:center}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;background:none;border:none;color:var(--color-brand-dark, #3d1a08);opacity:.5;font-size:.6rem;font-family:inherit;cursor:pointer;padding:.35rem .75rem;min-width:3.2rem;-webkit-tap-highlight-color:transparent}.bottom-nav-item i{font-size:1.2rem;line-height:1}.bottom-nav-item span{font-weight:500}.bottom-nav-item.active{color:var(--color-brand-darkest, #30190B);opacity:1}.bottom-nav-item.active i{font-weight:900}.bottom-nav-item.active span{font-weight:600}.bottom-nav-avatar{width:1.45rem;height:1.45rem;border-radius:50%;object-fit:cover;border:2px solid transparent}.bottom-nav-item.active .bottom-nav-avatar{border-color:var(--color-brand-dark, #3d1a08)}.bottom-nav-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.bottom-nav-badge{position:absolute;top:-5px;right:-9px;background:var(--color-red-500, #ef4444);color:#fff;border-radius:10px;min-width:15px;height:15px;display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:700;padding:0 3.5px;line-height:1;pointer-events:none}body{padding-bottom:calc(3.5rem + env(safe-area-inset-bottom,0px))}}.loading-screen{position:fixed;inset:0;background:var(--color-white);display:flex;align-items:center;justify-content:center;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}:root{--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #555;--color-gray-650: #666;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-green-50: #f0fdf4;--color-green-100: #d1fae5;--color-green-200: #a7f3d0;--color-green-500: #10b981;--color-green-600: #059669;--color-green-700: #065f46;--color-green-800: #155724;--color-amber-50: #fef3c7;--color-amber-500: #f59e0b;--color-amber-700: #92400e;--color-amber-800: #856404;--color-indigo-50: #eef2ff;--color-indigo-100: #e0e7ff;--color-indigo-500: #6366f1;--color-indigo-600: #4f46e5;--color-indigo-700: #4338ca;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-900: #0f172a;--color-cyan-50: #ecfeff;--color-cyan-100: #cffafe;--color-cyan-800: #155e75;--color-cyan-900: #0c5460;--color-cyan-bg: #d1ecf1;--color-brand-darkest: #30190B;--color-brand-dark: #3d1a08;--color-brand-dark-hover: #4a2510;--color-brand-medium: #7a3410;--color-brand-accent: #c0622a;--color-brand-light: #F1D3BE;--color-beige-25: #fdf7f1;--color-beige-50: #f9ede3;--color-beige-100: #f3dfcd;--color-beige-200: #e8c4a8;--color-beige-300: #ddb490;--color-beige-700: #7a4a2e;--color-beige-900: #2f1a0f;--color-surface-beige-soft: rgba(249, 237, 227, .92);--color-surface-beige-medium: rgba(241, 211, 190, .86);--color-surface-beige-glass: rgba(241, 211, 190, .2);--messages-bg-base-1: #201309;--messages-bg-base-2: #321d10;--messages-bg-base-3: #140c07;--messages-bg-glow-left: rgba(241, 211, 190, .09);--messages-bg-glow-right: rgba(157, 94, 48, .16);--messages-surface: rgba(18, 12, 8, .62);--messages-surface-strong: rgba(15, 10, 7, .78);--color-modal-light-bg: #f8efe5;--color-modal-light-surface: rgba(255, 249, 242, .97);--color-modal-light-surface-soft: #fffaf5;--color-modal-light-border: rgba(122, 52, 16, .14);--color-modal-light-border-strong: rgba(122, 52, 16, .22);--color-modal-light-shadow: rgba(48, 25, 11, .18);--color-modal-light-text: #2b160c;--color-modal-light-muted: rgba(43, 22, 12, .64);--color-modal-light-accent: #7a3410;--color-modal-light-accent-hover: #8c431b;--color-modal-light-accent-soft: rgba(122, 52, 16, .08);--nav-bg-start: #f8dfc8;--nav-bg-mid: #F1D3BE;--nav-bg-end: #e8c4a4;--nav-text: #2a1005;--nav-text-hover-bg: rgba(100, 45, 10, .07);--nav-underline: #7a3e12;--nav-separator: rgba(100, 50, 10, .2);--nav-divider: rgba(100, 50, 10, .25);--nav-highlight-top: rgba(255, 245, 230, .8);--nav-highlight-inner: rgba(255, 220, 180, .4);--nav-shadow-inner: rgba(120, 60, 10, .15);--nav-cta-bg: #2a1005;--nav-cta-bg-hover: #3d1a08;--nav-cta-text: #F1D3BE;--nav-badge-bg: #c0392b;--nav-avatar-gradient-start: #c8956a;--nav-avatar-gradient-end: #6b3510;--nav-avatar-border: rgba(100, 50, 10, .25);--nav-online-dot: #3dca5e;--lib-bg: #30190B;--lib-shelf: #5c3318;--lib-shelf-gold: rgba(232, 184, 74, .25);--lib-shelf-shadow: rgba(0, 0, 0, .6);--lib-shelf-inset-dark: rgba(0, 0, 0, .3);--auth-bg: #30190B;--auth-blob: #F1D3BE;--auth-text: #1e0f05;--auth-text-muted: rgba(30, 15, 5, .62);--auth-text-faint: rgba(30, 15, 5, .4);--auth-border: rgba(30, 15, 5, .2);--auth-input-bg: rgba(30, 15, 5, .07);--auth-input-focus-border: rgba(30, 15, 5, .5);--auth-input-focus-bg: rgba(30, 15, 5, .04);--auth-input-focus-shadow: rgba(30, 15, 5, .08);--auth-btn-bg: #1e0f05;--auth-btn-text: #F1D3BE;--color-flat-dark: #2c3e50;--color-flat-blue: #3498db;--color-flat-red: #e74c3c;--color-flat-red-dark: #c0392b;--color-flat-green: #27ae60;--color-flat-green-dark: #229954;--color-flat-gray: #95a5a6;--color-flat-gray-dark: #7f8c8d;--color-flat-gray-medium: #bdc3c7;--color-flat-border: #ecf0f1;--color-flat-orange: #f39c12;--color-material-blue: #1976d2;--color-material-blue-bg: #e3f2fd;--color-material-green: #388e3c;--color-material-green-bg: #e8f5e9;--color-material-orange: #f57c00;--color-material-orange-bg: #fff3e0;--color-material-red: #d32f2f;--color-material-red-bg: #ffebee;--color-link: #0066cc;--color-link-hover: #0052a3;--color-bootstrap-red: #dc3545;--color-text-twitter: #14171a;--color-text-twitter-dark: #1a1a1a;--color-text-twitter-muted: #657786;--color-bg-light: #f8f9fa;--color-bg-light-alt: #fafafa;--color-bg-info: #f0f4f8;--color-bg-hover: #f7f9fa;--color-bg-blue-light: #f0f4ff;--color-border-light: #f0f0f0;--color-placeholder: #999;--color-amber-bg: #fff3cd;--color-green-bg-alt: #d4edda;--color-green-light: #d5f4e6;--color-red-bg-alt: #fee;--color-red-text-alt: #c33;--color-blue-dark: #075985;--color-border-message: #e1e8ed;--color-input-border: #999;--color-primary: var(--color-gray-800);--color-primary-dark: var(--color-gray-900);--color-secondary: var(--color-blue-500);--color-secondary-hover: var(--color-blue-600);--color-text: var(--color-gray-800);--color-text-light: rgba(255, 255, 255, .87);--color-background: var(--color-white);--color-background-dark: var(--color-gray-50);--color-border: var(--color-gray-200);--color-error: var(--color-red-500);--color-success: var(--color-green-500)}html[data-theme=dark]{--dm-bg-root: #070d1b;--dm-bg-sidebar: #0b1525;--dm-bg-surface: #0f1e36;--dm-bg-elevated: #152844;--dm-bg-hover: rgba(96, 165, 250, .06);--dm-bg-input: #0f1830;--dm-border: rgba(96, 165, 250, .12);--dm-border-strong: rgba(96, 165, 250, .22);--dm-border-input: rgba(96, 165, 250, .22);--dm-text-primary: #e2e8f0;--dm-text-secondary: #b0c4d8;--dm-text-muted: #8fa8be;--dm-accent: #60a5fa;--dm-accent-hover: #3b82f6;--dm-accent-soft: rgba(96, 165, 250, .12);--msg-bg: #0f1e36;--msg-list-bg: #0b1525;--msg-text: #e2e8f0;--msg-text-muted: rgba(226, 232, 240, .5);--msg-border: rgba(96, 165, 250, .12);--msg-hover: rgba(96, 165, 250, .06);--msg-active: rgba(96, 165, 250, .1);--msg-sent-bg: #1d4ed8;--msg-sent-text: #f0f9ff;--msg-recv-bg: rgba(15, 30, 54, .97);--msg-accent: #60a5fa;--msg-accent-lite: rgba(96, 165, 250, .12);--color-modal-light-bg: #0f1e36;--color-modal-light-surface: rgba(15, 30, 54, .97);--color-modal-light-surface-soft: #0f1e36;--color-modal-light-border: rgba(96, 165, 250, .14);--color-modal-light-border-strong: rgba(96, 165, 250, .25);--color-modal-light-shadow: rgba(0, 0, 0, .6);--color-modal-light-text: #e2e8f0;--color-modal-light-muted: rgba(226, 232, 240, .55);--color-modal-light-accent: #60a5fa;--color-modal-light-accent-hover: #3b82f6;--color-modal-light-accent-soft: rgba(96, 165, 250, .1);--color-brand-dark: #60a5fa;--color-brand-darkest: #3b82f6;--color-brand-medium: #60a5fa;--color-brand-light: rgba(96, 165, 250, .12);--color-white: #0f1e36;--color-background: #070d1b;--dm-accent-warm: #93c5fd;--dm-shadow-sm: 0 2px 8px rgba(0, 0, 0, .45);--dm-shadow-md: 0 4px 20px rgba(0, 0, 0, .55);--dm-shadow-lg: 0 8px 40px rgba(0, 0, 0, .65);--color-beige-25: #070d1b;--color-beige-50: #0f1e36;--color-beige-100: #152844;--color-beige-200: #1e3a5f;--color-beige-900: #e2e8f0;--color-brand-accent: #60a5fa;--color-brand-light: #1e3a5f;--color-text: #e2e8f0}html[data-theme=dark],html[data-theme=dark] body{background-color:var(--dm-bg-root);color:var(--dm-text-primary);color-scheme:dark}html[data-theme=dark] #root{background-color:var(--dm-bg-root)}html[data-theme=dark] .h-root{background:var(--dm-bg-root)}html[data-theme=dark] .h-sidebar{background:var(--dm-bg-sidebar);border-right-color:var(--dm-border);box-shadow:2px 0 24px #00000080}html[data-theme=dark] .h-logo-text{color:var(--dm-text-primary)}html[data-theme=dark] .h-logo-dot{color:var(--dm-accent)}html[data-theme=dark] .h-sidebar-sep{background:#e2e8f014}html[data-theme=dark] .h-nav-item{color:#e2e8f0a6}html[data-theme=dark] .h-nav-item i{color:#e2e8f061}html[data-theme=dark] .h-nav-item:hover{background:var(--dm-bg-hover);color:var(--dm-text-primary)}html[data-theme=dark] .h-nav-item:hover i{color:var(--dm-accent)}html[data-theme=dark] .h-nav-item--active{background:#60a5fa1f;color:var(--dm-text-primary)}html[data-theme=dark] .h-nav-item--active:before{background:var(--dm-accent)}html[data-theme=dark] .h-nav-item--active i{color:var(--dm-accent)!important}html[data-theme=dark] .h-nav-badge,html[data-theme=dark] .h-badge{background:var(--dm-accent);color:#fff}html[data-theme=dark] .h-user-card{background:#ffffff0a}html[data-theme=dark] .h-user-card:hover{background:#60a5fa14}html[data-theme=dark] .h-user-name{color:var(--dm-text-primary)}html[data-theme=dark] .h-user-handle{color:var(--dm-text-muted)}html[data-theme=dark] .h-user-avatar{border-color:#e2e8f026}html[data-theme=dark] .h-widget-header{color:var(--dm-text-muted)}html[data-theme=dark] .h-widget-header i{color:var(--dm-accent)}html[data-theme=dark] .h-reading-empty{color:#e2e8f04d}html[data-theme=dark] .h-logout-btn{color:#e2e8f061}html[data-theme=dark] .h-logout-btn:hover{background:#1d1213;color:#fca5a5}html[data-theme=dark] .h-logout-btn:hover i{color:#fca5a5}html[data-theme=dark] .h-feed-header{border-bottom-color:var(--dm-border)}html[data-theme=dark] .h-feed-title{color:var(--dm-text-primary)}html[data-theme=dark] .h-tab{color:var(--dm-text-muted)}html[data-theme=dark] .h-tab:hover{color:var(--dm-text-secondary);background:var(--dm-bg-hover)}html[data-theme=dark] .h-tab--active{color:var(--dm-text-primary);border-bottom-color:var(--dm-accent);background:var(--dm-accent-soft)}html[data-theme=dark] .h-feed-scroll{scrollbar-color:rgba(96,165,250,.18) transparent}html[data-theme=dark] .h-feed-scroll::-webkit-scrollbar-thumb{background:#60a5fa2e}html[data-theme=dark] .h-empty-title{color:var(--dm-text-secondary)}html[data-theme=dark] .h-empty-sub{color:var(--dm-text-muted)}html[data-theme=dark] .h-empty-cta{background:var(--dm-accent);color:#fff}html[data-theme=dark] .h-empty-cta:hover{background:var(--dm-accent-hover);box-shadow:0 6px 18px #60a5fa40}html[data-theme=dark] .h-aside-right{background:#0f1e36f7;border-left-color:var(--dm-border)}html[data-theme=dark] .h-aside-right .h-widget-header,html[data-theme=dark] .h-reco-empty{color:var(--dm-text-muted)}html[data-theme=dark] .h-reco-username{color:var(--dm-text-primary)}html[data-theme=dark] .h-reco-mutual{color:var(--dm-text-muted)}html[data-theme=dark] .h-reco-follow-btn{background:var(--dm-accent);color:#fff}html[data-theme=dark] .h-reco-follow-btn:hover{background:var(--dm-accent-hover);box-shadow:0 4px 12px #60a5fa40}html[data-theme=dark] .h-reco-avatar{border-color:var(--dm-border)}html[data-theme=dark] .h-reco-category-tag{background:#60a5fa14;border-color:#60a5fa26;color:var(--dm-text-secondary)}html[data-theme=dark] .h-reco-book-title{color:var(--dm-text-primary)!important}html[data-theme=dark] .h-reco-book-item:hover .h-reco-book-title{color:#93c5fd!important}html[data-theme=dark] .h-reco-book-author{color:var(--dm-text-muted)!important}html[data-theme=dark] .h-reco-book-cat{background:#60a5fa12;color:var(--dm-text-muted)!important}html[data-theme=dark] .h-reco-book-item:hover{background:#60a5fa0f}html[data-theme=dark] .h-reco-book-cover--placeholder{background:#60a5fa12;color:var(--dm-text-muted)}html[data-theme=dark] .h-reco-user-item:hover{background:#60a5fa0f}html[data-theme=dark] .h-reco-follow-pending{color:var(--dm-text-muted)}html[data-theme=dark] .h-reco-follow-done{color:var(--dm-accent)}html[data-theme=dark] .h-card,html[data-theme=dark] .feed-card,html[data-theme=dark] .h-post-card{background:var(--dm-bg-surface);border-color:var(--dm-border);box-shadow:var(--dm-shadow-sm)}html[data-theme=dark] .h-card:hover,html[data-theme=dark] .feed-card:hover{border-color:var(--dm-border-strong)}html[data-theme=dark] .prof-hero-card{background:var(--dm-bg-surface);border-color:var(--dm-border);box-shadow:var(--dm-shadow-sm)}html[data-theme=dark] .prof-username{color:var(--dm-text-primary)}html[data-theme=dark] .prof-private-badge{background:#60a5fa1a;border-color:#60a5fa40;color:var(--dm-accent-warm)}html[data-theme=dark] .prof-stats-row{background:#0f1e36cc;border-color:var(--dm-border)}html[data-theme=dark] .prof-stat-value{color:var(--dm-text-primary)}html[data-theme=dark] .prof-stat-label{color:var(--dm-text-muted)}html[data-theme=dark] .prof-stat:not(:last-child):after{background:var(--dm-border)}html[data-theme=dark] .prof-stat--clickable:hover{background:var(--dm-bg-hover)}html[data-theme=dark] .prof-stat--clickable:hover .prof-stat-value{color:var(--dm-accent)}html[data-theme=dark] .prof-bio{color:var(--dm-text-secondary)}html[data-theme=dark] .prof-bio--empty{color:var(--dm-text-muted)}html[data-theme=dark] .prof-tabs-bar{border-bottom-color:var(--dm-border)}html[data-theme=dark] .prof-tab{color:var(--dm-text-muted)}html[data-theme=dark] .prof-tab:hover{color:var(--dm-text-secondary);background:var(--dm-bg-hover)}html[data-theme=dark] .prof-tab--active{color:var(--dm-text-primary);border-bottom-color:var(--dm-accent)}html[data-theme=dark] .prof-tab-badge,html[data-theme=dark] .prof-btn--primary{background:var(--dm-accent);color:#fff}html[data-theme=dark] .prof-btn--primary:hover{background:var(--dm-accent-hover);box-shadow:0 4px 16px #60a5fa4d}html[data-theme=dark] .prof-btn--ghost{color:var(--dm-text-secondary);border-color:var(--dm-border-strong);background:transparent}html[data-theme=dark] .prof-btn--ghost:hover{background:var(--dm-bg-hover);border-color:var(--dm-accent);color:var(--dm-text-primary)}html[data-theme=dark] .profile-empty-list{background:var(--dm-bg-elevated);border-color:var(--dm-border);color:var(--dm-text-muted)}html[data-theme=dark] .prof-shelf-list{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .prof-shelf-row-wrap{border-bottom-color:var(--dm-border)}html[data-theme=dark] .prof-shelf-row:hover{background:var(--dm-bg-hover)}html[data-theme=dark] .prof-shelf-label{color:var(--dm-text-primary)}html[data-theme=dark] .prof-shelf-count,html[data-theme=dark] .prof-shelf-chevron{color:var(--dm-text-muted)}html[data-theme=dark] .prof-shelf-row:hover .prof-shelf-chevron{color:var(--dm-accent)}html[data-theme=dark] .prof-shelf-empty{background:var(--dm-bg-elevated);border-color:var(--dm-border);color:var(--dm-text-muted)}html[data-theme=dark] .prof-shelf-expanded{background:var(--dm-bg-elevated);border-top-color:var(--dm-border)}html[data-theme=dark] .prof-avatar{border-color:var(--dm-bg-surface)}html[data-theme=dark] .prof-section-title{color:var(--dm-text-primary)}html[data-theme=dark] .prof-section-title:before{background:var(--dm-accent)}html[data-theme=dark] .prof-banner-placeholder{background:linear-gradient(135deg,#070d1b,#0b1525 40%,#0f1e36)}html[data-theme=dark] .pubprof-page{background:var(--dm-bg-root)}html[data-theme=dark] .profile-book-card{background:var(--dm-bg-elevated);border-color:transparent;box-shadow:0 2px 12px #00000059,inset 0 0 0 1px #60a5fa12}html[data-theme=dark] .profile-book-card:hover{border-color:transparent;box-shadow:0 10px 32px #0000008c,inset 0 0 0 1px #60a5fa2e;transform:translateY(-5px) scale(1.01)}html[data-theme=dark] .profile-book-info{background:var(--dm-bg-elevated)}html[data-theme=dark] .profile-book-title{color:var(--dm-text-primary)}html[data-theme=dark] .profile-book-author{color:var(--dm-text-muted)}html[data-theme=dark] .profile-book-image{background:linear-gradient(135deg,#0d1a2e 0%,var(--dm-bg-elevated) 100%)}html[data-theme=dark] .profile-progress-track{background:#60a5fa1f}html[data-theme=dark] .profile-progress-text{color:var(--dm-text-muted)}html[data-theme=dark] .profile-review-card{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .profile-review-card:hover{border-color:var(--dm-border-strong);box-shadow:0 6px 20px #0006}html[data-theme=dark] .profile-review-title{color:var(--dm-text-primary)}html[data-theme=dark] .profile-review-title:hover{color:var(--dm-accent)}html[data-theme=dark] .profile-review-author{color:var(--dm-text-secondary)}html[data-theme=dark] .profile-review-content{background:var(--dm-bg-elevated);color:var(--dm-text-secondary);border-left-color:var(--dm-accent)}html[data-theme=dark] .profile-review-date{color:var(--dm-text-muted)}html[data-theme=dark] .profile-modal{background:var(--dm-bg-surface);border:1px solid var(--dm-border)}html[data-theme=dark] .profile-modal-title{color:var(--dm-text-primary)}html[data-theme=dark] .profile-modal-user-row{border-bottom-color:var(--dm-border)}html[data-theme=dark] .profile-modal-user-row:hover{background:var(--dm-bg-hover)}html[data-theme=dark] .profile-modal-user-name{color:var(--dm-text-primary)}html[data-theme=dark] .profile-form-label{color:var(--dm-text-secondary)}html[data-theme=dark] .profile-form-hint,html[data-theme=dark] .profile-form-counter{color:var(--dm-text-muted)}html[data-theme=dark] .profile-form-input,html[data-theme=dark] .profile-form-textarea{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .profile-form-input:focus,html[data-theme=dark] .profile-form-textarea:focus{border-color:var(--dm-accent);box-shadow:0 0 0 3px #60a5fa26}html[data-theme=dark] .profile-modal-buttons{border-top-color:var(--dm-border)}html[data-theme=dark] .profile-btn-primary{background:var(--dm-accent);color:#fff}html[data-theme=dark] .profile-btn-primary:hover:not(:disabled){background:var(--dm-accent-hover);box-shadow:0 4px 16px #60a5fa4d}html[data-theme=dark] .profile-btn-secondary{background:var(--dm-bg-elevated);color:var(--dm-text-secondary);border-color:var(--dm-border)}html[data-theme=dark] .profile-btn-secondary:hover:not(:disabled){background:var(--dm-bg-hover);color:var(--dm-text-primary)}html[data-theme=dark] .profile-toggle-row{background:var(--dm-bg-elevated);border-color:var(--dm-border)}html[data-theme=dark] .profile-toggle-text{color:var(--dm-text-primary)}html[data-theme=dark] .profile-toggle-track{background:var(--dm-text-muted)}html[data-theme=dark] .profile-toggle-input:checked+.profile-toggle-track{background:var(--dm-accent)}html[data-theme=dark] .profile-toggle-help{color:var(--dm-text-muted)}html[data-theme=dark] .profile-avatar-upload-label{background:var(--dm-bg-elevated);border-color:var(--dm-border);color:var(--dm-text-secondary)}html[data-theme=dark] .profile-avatar-upload-label:hover{background:var(--dm-bg-hover);border-color:var(--dm-accent)}html[data-theme=dark] .report-modal{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .report-modal-header{background:var(--dm-bg-surface);border-bottom-color:var(--dm-border)}html[data-theme=dark] .report-modal-title{color:var(--dm-text-primary)}html[data-theme=dark] .report-modal-subtitle{color:var(--dm-text-secondary)}html[data-theme=dark] .report-modal-close{background:var(--dm-bg-elevated);border-color:var(--dm-border);color:var(--dm-text-secondary)}html[data-theme=dark] .report-modal-close:hover{background:var(--dm-bg-hover);border-color:var(--dm-border-strong);color:var(--dm-text-primary)}html[data-theme=dark] .report-section-title{color:var(--dm-text-secondary)}html[data-theme=dark] .report-reason-card{background:var(--dm-bg-elevated);border-color:var(--dm-border)}html[data-theme=dark] .report-reason-card:hover{border-color:var(--dm-accent);background:var(--dm-bg-hover)}html[data-theme=dark] .report-reason-card.active{border-color:var(--dm-accent);box-shadow:0 0 0 3px #60a5fa26}html[data-theme=dark] .report-reason-title{color:var(--dm-text-primary)}html[data-theme=dark] .report-reason-desc{color:var(--dm-text-muted)}html[data-theme=dark] .report-details-textarea{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .report-details-label{color:var(--dm-text-secondary)}html[data-theme=dark] .report-details-hint{color:var(--dm-text-muted)}html[data-theme=dark] .report-modal-footer{background:var(--dm-bg-surface);border-top-color:var(--dm-border)}html[data-theme=dark] .profile-section-title{color:var(--dm-text-primary);border-bottom-color:var(--dm-border)}html[data-theme=dark] .profile-hero{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .profile-hero .profile-header h1,html[data-theme=dark] .profile-stat-value{color:var(--dm-text-primary)}html[data-theme=dark] .profile-stat-label{color:var(--dm-text-muted)}html[data-theme=dark] .profile-bio{color:var(--dm-text-secondary)}html[data-theme=dark] .profile-bio-empty{color:var(--dm-text-muted)}html[data-theme=dark] .profile-reviews-btn{background:var(--dm-bg-elevated);color:var(--dm-text-secondary);border-color:var(--dm-border)}html[data-theme=dark] .profile-reviews-btn:hover{border-color:var(--dm-accent);color:var(--dm-text-primary)}html[data-theme=dark] .profile-edit-btn{background:var(--dm-accent);color:#fff}html[data-theme=dark] .profile-edit-btn:hover{background:var(--dm-accent-hover)}html[data-theme=dark] .profile-stats-dashboard{background:linear-gradient(160deg,#0b1525,#0f1e36 55%,#101e38);border-color:var(--dm-border)}html[data-theme=dark] .profile-stats-dashboard:before{background:radial-gradient(circle at 15% 25%,rgba(96,165,250,.06),transparent 50%),radial-gradient(circle at 85% 10%,rgba(59,130,246,.05),transparent 55%),radial-gradient(circle at 40% 85%,rgba(96,165,250,.04),transparent 50%)}html[data-theme=dark] .profile-stats-dashboard:after{background:linear-gradient(90deg,var(--dm-accent) 0%,#93c5fd 30%,var(--dm-accent) 55%,rgba(147,197,253,.6) 70%,var(--dm-accent) 80%,var(--dm-accent-hover) 100%)}html[data-theme=dark] .profile-stats-title{color:var(--dm-text-primary)}html[data-theme=dark] .profile-stats-subtitle{color:var(--dm-text-secondary)}html[data-theme=dark] .profile-stats-total{background:linear-gradient(135deg,#1d3461,#1e3a5f);border-color:#60a5fa2e;box-shadow:0 4px 20px #00000073,inset 0 1px #60a5fa1f}html[data-theme=dark] .profile-stats-total-label{color:#93c5fdb3}html[data-theme=dark] .profile-stats-card{background:var(--dm-bg-elevated);border-color:transparent;box-shadow:0 2px 10px #00000059,inset 0 0 0 1px #60a5fa12}html[data-theme=dark] .profile-stats-hero .profile-stats-card:hover{box-shadow:0 8px 28px #0000008c,inset 0 0 0 1px #60a5fa33;border-color:transparent}html[data-theme=dark] .profile-stats-hero .profile-stats-card:before{background:linear-gradient(180deg,var(--dm-accent) 0%,var(--dm-accent-hover) 100%);opacity:.6}html[data-theme=dark] .profile-stats-hero .profile-stats-card:hover:before{opacity:1}html[data-theme=dark] .profile-stats-hero .profile-stats-card:after{background:linear-gradient(105deg,transparent 40%,rgba(96,165,250,.08) 50%,transparent 60%)}html[data-theme=dark] .profile-stats-card-label{color:var(--dm-text-secondary)}html[data-theme=dark] .profile-stats-card-value{color:var(--dm-text-primary)}html[data-theme=dark] .profile-stats-card-meta{color:var(--dm-text-secondary)}html[data-theme=dark] .profile-stats-card-header{border-bottom-color:var(--dm-border)}html[data-theme=dark] .profile-stats-card-header h3{color:var(--dm-text-primary)}html[data-theme=dark] .profile-stats-card-header span{color:var(--dm-text-secondary)}html[data-theme=dark] .profile-stats-grid .profile-stats-card:before{background:linear-gradient(90deg,var(--dm-accent),#93c5fd)}html[data-theme=dark] .profile-stats-grid .profile-stats-card:hover{box-shadow:0 8px 28px #0000008c,inset 0 0 0 1px #60a5fa33;border-color:transparent}html[data-theme=dark] .profile-stats-grid .profile-stats-card:hover .profile-stats-card-header h3{color:var(--dm-accent)}html[data-theme=dark] .profile-genre-cloud-tag:hover{text-shadow:0 2px 12px rgba(96,165,250,.35)}html[data-theme=dark] .profile-stats-empty-card{background:var(--dm-bg-elevated);border-color:var(--dm-border);color:var(--dm-text-muted)}html[data-theme=dark] .profile-personal-list-item{background:var(--dm-bg-elevated);border-color:transparent;box-shadow:0 2px 12px #0006,inset 0 0 0 1px #60a5fa12}html[data-theme=dark] .profile-personal-list-item:hover{border-color:transparent;box-shadow:0 8px 28px #0000008c,inset 0 0 0 1px #60a5fa2e}html[data-theme=dark] .profile-personal-list-item:before{background:linear-gradient(180deg,var(--dm-accent) 0%,var(--dm-accent-hover) 100%);opacity:.6}html[data-theme=dark] .profile-personal-list-item:hover:before{opacity:1}html[data-theme=dark] .profile-personal-list-item:after{background:linear-gradient(105deg,transparent 40%,rgba(96,165,250,.07) 50%,transparent 60%)}html[data-theme=dark] .profile-personal-list-header{border-bottom-color:var(--dm-border)}html[data-theme=dark] .profile-personal-list-name{color:var(--dm-text-primary)}html[data-theme=dark] .profile-personal-list-name:hover{color:var(--dm-accent)}html[data-theme=dark] .profile-personal-list-description{color:var(--dm-text-secondary)}html[data-theme=dark] .profile-personal-list-count{color:var(--dm-text-secondary);background:#60a5fa14;border-color:#60a5fa26}html[data-theme=dark] .profile-personal-list-item:hover .profile-personal-list-count{background:#60a5fa24;color:var(--dm-accent-warm)}html[data-theme=dark] .profile-list-quickadd-btn{background:linear-gradient(135deg,var(--dm-accent-hover) 0%,var(--dm-accent) 100%);color:#fff;box-shadow:0 2px 8px #60a5fa40}html[data-theme=dark] .profile-list-quickadd-btn:hover{background:linear-gradient(135deg,var(--dm-accent) 0%,#93c5fd 100%);box-shadow:0 6px 16px #60a5fa59}html[data-theme=dark] .profile-list-action-btn{background:#60a5fa0f;color:var(--dm-text-secondary);border-color:var(--dm-border)}html[data-theme=dark] .profile-list-action-btn:hover{background:#60a5fa1f;color:var(--dm-text-primary);border-color:var(--dm-border-strong);box-shadow:0 4px 10px #0000004d}html[data-theme=dark] .profile-list-delete-btn{background:#1d1213;color:#fca5a5;border-color:#ef444433}html[data-theme=dark] .profile-list-delete-btn:hover{background:#231415;color:#fca5a5;border-color:#ef444466;box-shadow:0 4px 10px #ef444426}html[data-theme=dark] .sett-sidenav{background:var(--dm-bg-surface);border-color:var(--dm-border);box-shadow:var(--dm-shadow-sm)}@media(max-width:768px){html[data-theme=dark] .sett-sidenav{background:#0f1e36f7;border-bottom-color:var(--dm-border)}html[data-theme=dark] .sett-sidenav-item{background:#60a5fa0f;color:var(--dm-text-secondary)}html[data-theme=dark] .sett-sidenav-item:hover{background:#60a5fa1f;color:var(--dm-text-primary)}html[data-theme=dark] .sett-sidenav-item--active{background:#60a5fa2e;color:var(--dm-text-primary);box-shadow:0 2px 10px #60a5fa26}html[data-theme=dark] .sett-sidenav-item--danger{background:#1d1213;color:#fca5a5;border-left-color:#ef444440}html[data-theme=dark] .sett-sidenav-item--danger.sett-sidenav-item--active{background:#dc262659;color:#fff;border-left:none}}html[data-theme=dark] .sett-sidenav-title{color:var(--dm-text-muted)}html[data-theme=dark] .sett-sidenav-item{color:var(--dm-text-secondary)}html[data-theme=dark] .sett-sidenav-item i{color:var(--dm-text-muted)}html[data-theme=dark] .sett-sidenav-item:hover{background:var(--dm-bg-hover);color:var(--dm-text-primary)}html[data-theme=dark] .sett-sidenav-item:hover i{color:var(--dm-accent)}html[data-theme=dark] .sett-sidenav-item--active{background:#60a5fa26;color:var(--dm-text-primary)}html[data-theme=dark] .sett-sidenav-item--active i{color:var(--dm-accent)}html[data-theme=dark] .sett-sidenav-item--active:hover{background:#60a5fa33}html[data-theme=dark] .sett-sidenav-item--danger,html[data-theme=dark] .sett-sidenav-item--danger i{color:#fca5a5}html[data-theme=dark] .sett-sidenav-item--danger:hover{background:#231415;color:#fca5a5}html[data-theme=dark] .sett-card{background:var(--dm-bg-surface);border-color:var(--dm-border);box-shadow:var(--dm-shadow-sm)}html[data-theme=dark] .sett-card--muted{background:#0f1e3699}html[data-theme=dark] .sett-card--danger{border-color:#ef444440;background:#7f1d1d14}html[data-theme=dark] .sett-card-label{color:var(--dm-text-muted)}html[data-theme=dark] .sett-section-title{color:var(--dm-text-primary)}html[data-theme=dark] .sett-section-desc{color:var(--dm-text-muted)}html[data-theme=dark] .sett-section-icon{color:var(--dm-accent)}html[data-theme=dark] .sett-email-display{background:#0f1e36cc;border-color:var(--dm-border);color:var(--dm-text-primary)}html[data-theme=dark] .sett-email-display i{color:var(--dm-text-muted)}html[data-theme=dark] .sett-label{color:var(--dm-text-secondary)}html[data-theme=dark] .sett-input{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .sett-input:focus{border-color:var(--dm-accent);box-shadow:0 0 0 3px #60a5fa26;background:#0f1e30e6}html[data-theme=dark] .sett-input::placeholder{color:var(--dm-text-muted)}html[data-theme=dark] .sett-btn--primary{background:var(--dm-accent);color:#fff}html[data-theme=dark] .sett-btn--primary:hover:not(:disabled){background:var(--dm-accent-hover);box-shadow:0 4px 16px #60a5fa4d}html[data-theme=dark] .sett-btn--ghost{color:var(--dm-text-secondary);border-color:var(--dm-border-strong)}html[data-theme=dark] .sett-btn--ghost:hover:not(:disabled){background:var(--dm-bg-hover);border-color:var(--dm-accent);color:var(--dm-text-primary)}html[data-theme=dark] .sett-toggle-label{color:var(--dm-text-primary)}html[data-theme=dark] .sett-toggle-desc{color:var(--dm-text-secondary)}html[data-theme=dark] .sett-toggle{background:#60a5fa26}html[data-theme=dark] .sett-toggle--on{background:var(--dm-accent)}html[data-theme=dark] .sett-feature-list li{border-bottom-color:var(--dm-border)}html[data-theme=dark] .sett-feature--visible{color:var(--dm-text-primary)}html[data-theme=dark] .sett-feed-option{border-bottom-color:var(--dm-border)}html[data-theme=dark] .sett-feed-icon{background:#60a5fa14;color:var(--dm-accent)}html[data-theme=dark] .sett-feed-option-title{color:var(--dm-text-primary)}html[data-theme=dark] .sett-feed-option-desc{color:var(--dm-text-muted)}html[data-theme=dark] .sett-export-count{background:#60a5fa14;border-color:#60a5fa40;color:var(--dm-accent-warm)}html[data-theme=dark] .sett-export-note{color:var(--dm-text-secondary)}html[data-theme=dark] .sett-danger-title{color:#fca5a5}html[data-theme=dark] .sett-danger-desc{color:var(--dm-text-secondary)}html[data-theme=dark] .sett-muted-text{color:var(--dm-text-muted)}html[data-theme=dark] .sett-modal{background:var(--dm-bg-elevated);box-shadow:var(--dm-shadow-lg)}html[data-theme=dark] .sett-modal-header h3{color:var(--dm-text-primary)}html[data-theme=dark] .sett-modal-body{color:var(--dm-text-secondary)}html[data-theme=dark] .sett-privacy-status.public{background:#0d1f1a;color:#6ee7b7;border-color:#10b9814d}html[data-theme=dark] .sett-privacy-status.private{background:#60a5fa14;color:var(--dm-accent-warm);border-color:#60a5fa40}.h-theme-toggle{display:flex;align-items:center;gap:.75rem;padding:.65rem .875rem;border-radius:12px;border:none;background:transparent;cursor:pointer;color:#fff8f08c;font-family:DM Sans,sans-serif;font-size:.87rem;font-weight:500;text-align:left;transition:background .15s,color .15s,transform .15s;width:100%}.h-theme-toggle i{width:20px;text-align:center;font-size:.9rem;flex-shrink:0;color:#fff8f061;transition:color .15s,transform .2s}.h-theme-toggle:hover{background:#00000026;color:#fff8f0e6;transform:translate(4px)}.h-theme-toggle:hover i{color:#ffd088;transform:rotate(20deg) scale(1.15)}html[data-theme=dark] .h-theme-toggle{color:#e2e8f08c}html[data-theme=dark] .h-theme-toggle i{color:#e2e8f061}html[data-theme=dark] .h-theme-toggle:hover{background:#60a5fa14;color:var(--dm-text-primary)}html[data-theme=dark] .h-theme-toggle:hover i{color:var(--dm-accent-warm);transform:rotate(-20deg) scale(1.15)}@media(max-width:1100px){.h-theme-toggle span{display:none}.h-theme-toggle i{width:auto}.h-theme-toggle{justify-content:center;padding:.65rem 0}}@media(max-width:768px){.h-theme-toggle{display:none}}html[data-theme=dark] .book-root,html[data-theme=dark] .book-page,html[data-theme=dark] .book-container{background:var(--dm-bg-root)}html[data-theme=dark] .book-cover-panel,html[data-theme=dark] .book-left-panel{background:linear-gradient(160deg,#0f1e36e6,#0a142899);border-color:var(--dm-border)}html[data-theme=dark] .book-scroll-panel,html[data-theme=dark] .book-right-panel{background:transparent}html[data-theme=dark] .book-title{color:var(--dm-text-primary)}html[data-theme=dark] .book-authors,html[data-theme=dark] .book-meta,html[data-theme=dark] .book-description{color:var(--dm-text-secondary)}html[data-theme=dark] .search-root,html[data-theme=dark] .search-page{background:var(--dm-bg-root)}html[data-theme=dark] .search-input-wrap input:focus,html[data-theme=dark] .search-input:focus{border-color:var(--dm-accent);box-shadow:0 0 0 3px #60a5fa1f}html[data-theme=dark] .search-title{color:var(--dm-text-primary)}html[data-theme=dark] .mybooks-root,html[data-theme=dark] .mybooks-page,html[data-theme=dark] .myreviews-root,html[data-theme=dark] .notifications-root{background:var(--dm-bg-root);color:var(--dm-text-primary)}html[data-theme=dark] .navbar,html[data-theme=dark] .header,html[data-theme=dark] nav.navbar{background:#0b1525f7;border-bottom-color:var(--dm-border);box-shadow:0 2px 16px #0006}html[data-theme=dark] .nav-link,html[data-theme=dark] .nav-item a{color:var(--dm-text-secondary)}html[data-theme=dark] .nav-link:hover{color:var(--dm-accent)}html[data-theme=dark] .modal-overlay,html[data-theme=dark] .modal-backdrop{background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}html[data-theme=dark] .modal-content,html[data-theme=dark] .modal-dialog{background:var(--dm-bg-elevated);border-color:var(--dm-border);box-shadow:var(--dm-shadow-lg);color:var(--dm-text-primary)}html[data-theme=dark] .card,html[data-theme=dark] .book-card,html[data-theme=dark] .review-card,html[data-theme=dark] .list-card,html[data-theme=dark] .user-card{background:var(--dm-bg-surface);border-color:var(--dm-border);box-shadow:var(--dm-shadow-sm);color:var(--dm-text-primary)}html[data-theme=dark] .card:hover,html[data-theme=dark] .book-card:hover{border-color:var(--dm-border-strong);box-shadow:var(--dm-shadow-md)}html[data-theme=dark] .book-card-grid{background:var(--dm-bg-elevated);border-color:transparent;box-shadow:0 2px 10px #00000059,inset 0 0 0 1px #60a5fa12}html[data-theme=dark] .book-card-grid:hover{border-color:transparent;box-shadow:0 8px 28px #0000008c,inset 0 0 0 1px #60a5fa2e}html[data-theme=dark] .book-card-grid-image{background-color:#0d1a2e}html[data-theme=dark] .book-card-grid-placeholder{background:linear-gradient(135deg,#0d1a2e 0%,var(--dm-bg-elevated) 100%);color:var(--dm-text-muted)}html[data-theme=dark] .book-card-title{color:var(--dm-text-primary)}html[data-theme=dark] .book-card-author{color:var(--dm-text-muted)}html[data-theme=dark] .book-card-grid.compact .book-card-grid-image{border-color:var(--dm-border)}html[data-theme=dark] .book-card-review{background:var(--dm-bg-elevated);border-color:transparent;box-shadow:0 2px 10px #0000004d,inset 0 0 0 1px #60a5fa12}html[data-theme=dark] .book-card-review:hover{box-shadow:0 6px 20px #00000073,inset 0 0 0 1px #60a5fa26}html[data-theme=dark] .book-card-review-cover{background:#0d1a2e}html[data-theme=dark] .book-card-review-placeholder{background:linear-gradient(135deg,#0d1a2e 0%,var(--dm-bg-elevated) 100%);color:var(--dm-text-muted)}html[data-theme=dark] .book-card-review-title{color:var(--dm-text-primary)}html[data-theme=dark] .book-card-review-author,html[data-theme=dark] .book-card-review-snippet{color:var(--dm-text-muted)}html[data-theme=dark] input:not([type=checkbox]):not([type=radio]):focus,html[data-theme=dark] textarea:focus,html[data-theme=dark] select:focus{border-color:var(--dm-accent);outline-color:#60a5fa4d}html[data-theme=dark] *{scrollbar-color:rgba(96,165,250,.18) transparent}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#60a5fa2e}html[data-theme=dark] ::-webkit-scrollbar-track{background:transparent}html[data-theme=dark] .create-group-modal{background:var(--dm-bg-surface);border:1px solid var(--dm-border);box-shadow:0 20px 60px #0009}html[data-theme=dark] .create-group-modal-header{border-bottom-color:var(--dm-border)}html[data-theme=dark] .create-group-modal-header h3{color:var(--dm-text-primary)}html[data-theme=dark] .create-group-modal-close{color:var(--dm-text-muted)}html[data-theme=dark] .create-group-modal-close:hover{background:var(--dm-bg-hover);color:var(--dm-text-primary)}html[data-theme=dark] .create-group-field label,html[data-theme=dark] .create-group-photo-label,html[data-theme=dark] .create-group-members-section>label{color:var(--dm-text-secondary)}html[data-theme=dark] .create-group-input,html[data-theme=dark] .create-group-textarea{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .create-group-input:focus,html[data-theme=dark] .create-group-textarea:focus{border-color:var(--dm-accent);box-shadow:0 0 0 2px #60a5fa26}html[data-theme=dark] .create-group-char-count{color:var(--dm-text-muted)}html[data-theme=dark] .create-group-photo-upload{background:var(--dm-bg-elevated);border-color:var(--dm-border);color:var(--dm-text-muted)}html[data-theme=dark] .create-group-photo-upload:hover{border-color:var(--dm-accent);background:var(--dm-bg-hover);color:var(--dm-text-primary)}html[data-theme=dark] .create-group-members-list{background:var(--dm-bg-elevated);border-color:var(--dm-border)}html[data-theme=dark] .create-group-member-row:hover{background:var(--dm-bg-hover)}html[data-theme=dark] .create-group-member-row.selected{background:#60a5fa1a}html[data-theme=dark] .create-group-member-name{color:var(--dm-text-primary)}html[data-theme=dark] .create-group-member-checkbox{border-color:var(--dm-border-strong);background:transparent}html[data-theme=dark] .create-group-member-row.selected .create-group-member-checkbox{background:var(--dm-accent);border-color:var(--dm-accent);color:#fff}html[data-theme=dark] .create-group-empty,html[data-theme=dark] .create-group-loading{color:var(--dm-text-muted)}html[data-theme=dark] .create-group-load-more{background:var(--dm-bg-elevated);border-color:var(--dm-border);color:var(--dm-text-secondary)}html[data-theme=dark] .create-group-load-more:hover{background:var(--dm-bg-hover);border-color:var(--dm-border-strong)}html[data-theme=dark] .create-group-visibility-btn{border-color:var(--dm-border);color:var(--dm-text-secondary)}html[data-theme=dark] .create-group-visibility-btn.active{border-color:var(--dm-accent);background:var(--dm-accent);color:#fff}html[data-theme=dark] .create-group-visibility-btn:not(.active):hover{border-color:var(--dm-accent);color:var(--dm-accent)}html[data-theme=dark] .create-group-visibility-hint{color:var(--dm-text-muted)}html[data-theme=dark] .create-group-community-toggle{background:var(--dm-bg-elevated);border-color:var(--dm-border)}html[data-theme=dark] .create-group-community-label{color:var(--dm-text-primary)}html[data-theme=dark] .create-group-community-hint{color:var(--dm-text-muted)}html[data-theme=dark] .create-group-community-switch{background:var(--dm-border)}html[data-theme=dark] .create-group-modal-footer{border-top-color:var(--dm-border)}html[data-theme=dark] .create-group-btn-cancel{background:var(--dm-bg-elevated);color:var(--dm-text-secondary);border-color:var(--dm-border)}html[data-theme=dark] .create-group-btn-cancel:hover:not(:disabled){background:var(--dm-bg-hover);border-color:var(--dm-border-strong);color:var(--dm-text-primary)}html[data-theme=dark] .create-group-btn-create{background:var(--dm-accent);color:#fff}html[data-theme=dark] .create-group-btn-create:hover:not(:disabled){background:var(--dm-accent-hover)}html[data-theme=dark] .messages-header{background:#0b1525f7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}html[data-theme=dark] .messages-input-form{background:#0b1525f7}html[data-theme=dark] .messages-input:focus{border-color:var(--dm-accent);box-shadow:0 0 0 3px #60a5fa1f}html[data-theme=dark] .messages-send-btn{background:var(--dm-accent);box-shadow:0 2px 8px #60a5fa47}html[data-theme=dark] .messages-send-btn:hover:not(:disabled){background:var(--dm-accent-hover);box-shadow:0 4px 12px #60a5fa61}html[data-theme=dark] .messages-input-preview,html[data-theme=dark] .messages-community-readonly{background:#0f1e36f2;border-top-color:var(--dm-border)}html[data-theme=dark] .messages-community-badge{color:#c4b5fd;background:#15112a;border-color:#8b5cf64d}html[data-theme=dark] .messages-reply-ref.received{background:#60a5fa0f}html[data-theme=dark] .messages-context-menu{box-shadow:0 6px 24px #0000008c}html[data-theme=dark] .messages-conversations-list::-webkit-scrollbar-thumb,html[data-theme=dark] .messages-list::-webkit-scrollbar-thumb{background:#60a5fa26}html[data-theme=dark] .messages-group-avatar-placeholder{background:#60a5fa14}html[data-theme=dark] .messages-book-share-card,html[data-theme=dark] .messages-list-share-card,html[data-theme=dark] .messages-profile-share-card,html[data-theme=dark] .messages-post-share-card{background:var(--dm-bg-elevated);box-shadow:0 1px 4px #0000004d}html[data-theme=dark] .messages-book-share-card:hover,html[data-theme=dark] .messages-list-share-card:hover,html[data-theme=dark] .messages-profile-share-card:hover,html[data-theme=dark] .messages-post-share-card:hover{box-shadow:0 6px 18px #00000073;border-color:var(--dm-border-strong)}html[data-theme=dark] .messages-list-share-icon,html[data-theme=dark] .messages-list-share-cover{background:#60a5fa0f}html[data-theme=dark] .messages-btn-primary:hover,html[data-theme=dark] .messages-start-btn:hover{background:var(--dm-accent-hover);box-shadow:0 4px 12px #60a5fa4d}html[data-theme=dark] .messages-modal-overlay{background:#000000a6}html[data-theme=dark] .messages-confirm-modal-body p{color:var(--dm-text-secondary)}html[data-theme=dark] .messages-member-dropdown,html[data-theme=dark] .messages-group-menu-dropdown{box-shadow:0 8px 28px #0000008c}html[data-theme=dark] .bottom-nav,html[data-theme=dark] .bottom-navigation{background:#0b1525f7;border-top-color:var(--dm-border);box-shadow:0 -2px 16px #00000080}html[data-theme=dark] .bottom-nav-item,html[data-theme=dark] .bottom-nav a{color:var(--dm-text-muted)}html[data-theme=dark] .bottom-nav-item.active,html[data-theme=dark] .bottom-nav a.active{color:var(--dm-accent)}html{transition:background-color .3s ease,color .3s ease}.h-root,.h-sidebar,.h-main,.h-card,.sett-card,.sett-sidenav,.prof-hero-card,.prof-stats-row,input,textarea,select{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}html[data-theme=dark] .feed-card{background:var(--dm-bg-surface);border-color:var(--dm-border);box-shadow:0 1px 4px #00000059,0 2px 12px #00000040}html[data-theme=dark] .feed-card:hover{box-shadow:0 4px 24px #00000073;border-color:var(--dm-border-strong)}html[data-theme=dark] .feed-interaction-banner{border-bottom-color:var(--dm-border)}html[data-theme=dark] .feed-interaction-banner-text{color:var(--dm-text-muted)}html[data-theme=dark] .feed-interaction-avatar{border-color:var(--dm-bg-surface)}html[data-theme=dark] .feed-liked-banner,html[data-theme=dark] .feed-liked-icon{color:var(--dm-text-muted)}html[data-theme=dark] .feed-liked-username{color:var(--dm-text-secondary)}html[data-theme=dark] .feed-liked-username:hover{color:var(--dm-accent)}html[data-theme=dark] .feed-avatar{border-color:var(--dm-border)}html[data-theme=dark] .feed-username{color:var(--dm-text-primary)}html[data-theme=dark] .feed-username:hover{color:var(--dm-accent)}html[data-theme=dark] .feed-timestamp{color:var(--dm-text-muted)}html[data-theme=dark] .feed-review-title{color:var(--dm-text-secondary)}html[data-theme=dark] .feed-review-title strong,html[data-theme=dark] .feed-review-title em{color:var(--dm-text-primary)}html[data-theme=dark] .feed-review-title strong:hover,html[data-theme=dark] .feed-review-title em:hover{color:var(--dm-accent)}html[data-theme=dark] .feed-star{color:#e2e8f026}html[data-theme=dark] .feed-star.filled{color:#fbbf24}html[data-theme=dark] .feed-review-rating-text{color:var(--dm-text-muted)}html[data-theme=dark] .feed-review-body{background:#60a5fa0a;border-color:var(--dm-border)}html[data-theme=dark] .feed-review-text{color:var(--dm-text-secondary)}html[data-theme=dark] .feed-review-book-card{background:#60a5fa0a;border-color:var(--dm-border)}html[data-theme=dark] .feed-review-book-card:hover{background:#60a5fa14;border-color:var(--dm-border-strong)}html[data-theme=dark] .feed-review-book-title{color:var(--dm-text-primary)}html[data-theme=dark] .feed-review-book-author{color:var(--dm-text-muted)}html[data-theme=dark] .feed-review-book-status{background:#0d1f1a;color:#6ee7b7}html[data-theme=dark] .feed-prog-title,html[data-theme=dark] .feed-list-title,html[data-theme=dark] .feed-card-book-title{color:var(--dm-text-primary)}html[data-theme=dark] .feed-prog-author,html[data-theme=dark] .feed-list-desc,html[data-theme=dark] .feed-card-book-author{color:var(--dm-text-muted)}html[data-theme=dark] .feed-prog-bar-bg,html[data-theme=dark] .feed-progress-bar-bg{background:#e2e8f01a}html[data-theme=dark] .feed-prog-bar,html[data-theme=dark] .feed-progress-bar{background:linear-gradient(90deg,#93c5fd,#1d4ed8)}html[data-theme=dark] .feed-progress-text{color:var(--dm-text-primary)}html[data-theme=dark] .feed-prog-label,html[data-theme=dark] .feed-prog-pct{color:var(--dm-text-muted)}html[data-theme=dark] .feed-card-actions{border-top-color:var(--dm-border)}html[data-theme=dark] .feed-like-btn,html[data-theme=dark] .feed-comment-btn,html[data-theme=dark] .feed-share-btn,html[data-theme=dark] .feed-action-btn{color:var(--dm-text-muted)}html[data-theme=dark] .feed-like-btn:hover:not(:disabled){background:#1d1213;color:#f87171}html[data-theme=dark] .feed-like-btn.liked{color:#f87171}html[data-theme=dark] .feed-like-btn.liked:hover{background:#f871711f}html[data-theme=dark] .feed-comment-btn:hover,html[data-theme=dark] .feed-share-btn:hover,html[data-theme=dark] .feed-action-btn:hover{background:var(--dm-bg-hover);color:var(--dm-text-primary)}html[data-theme=dark] .feed-like-count,html[data-theme=dark] .feed-comment-count,html[data-theme=dark] .feed-action-count{color:var(--dm-text-muted)}html[data-theme=dark] .feed-comment-form{background:#ffffff08;border-color:var(--dm-border)}html[data-theme=dark] .feed-comment-form:focus-within{border-color:var(--dm-accent);background:#ffffff0d}html[data-theme=dark] .feed-comment-input{color:var(--dm-text-primary)!important;background:transparent!important}html[data-theme=dark] .feed-comment-input::placeholder{color:var(--dm-text-muted)!important}html[data-theme=dark] .feed-comment-submit{background:var(--dm-accent);color:#fff}html[data-theme=dark] .feed-comment-submit:hover{background:var(--dm-accent-hover)}html[data-theme=dark] .feed-review-book-select{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-secondary)}html[data-theme=dark] .feed-review-book-select:hover:not(:disabled){border-color:var(--dm-accent);color:var(--dm-text-primary)}html[data-theme=dark] .feed-review-book-select option{background:#0f1e36;color:var(--dm-text-primary)}html[data-theme=dark] .feed-activity-header,html[data-theme=dark] .feed-activity-header-with-avatar{color:var(--dm-text-secondary)}html[data-theme=dark] .feed-activity-header strong,html[data-theme=dark] .feed-activity-header-with-avatar strong{color:var(--dm-text-primary)}html[data-theme=dark] .feed-activity-header em,html[data-theme=dark] .feed-activity-header-with-avatar em{color:#93c5fd}html[data-theme=dark] .feed-comment-input-wrap input,html[data-theme=dark] .feed-comment-input{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .feed-comment-body,html[data-theme=dark] .feed-comment-text{color:var(--dm-text-secondary)}html[data-theme=dark] .feed-comment-username{color:var(--dm-text-primary)}html[data-theme=dark] .feed-comment-time{color:var(--dm-text-muted)}html[data-theme=dark] .feed-comment-item{background:#60a5fa0a;border-color:var(--dm-border)}html[data-theme=dark] .messages-container{background:var(--dm-bg-root)}html[data-theme=dark] .messages-sidebar{background:var(--dm-bg-sidebar);border-right-color:var(--dm-border)}html[data-theme=dark] .messages-sidebar-header,html[data-theme=dark] .messages-header{background:#0b1525f7;border-color:var(--dm-border)}html[data-theme=dark] .messages-sidebar-header h2{color:var(--dm-text-primary)}html[data-theme=dark] .messages-new-btn{color:var(--dm-text-muted);border-color:var(--dm-border)}html[data-theme=dark] .messages-new-btn:hover{background:var(--dm-bg-hover);color:var(--dm-text-primary);border-color:var(--dm-border-strong)}html[data-theme=dark] .messages-search-input{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .messages-conversation-item{border-bottom-color:var(--dm-border)}html[data-theme=dark] .messages-conversation-item:hover{background:var(--dm-bg-hover)}html[data-theme=dark] .messages-conversation-item.active{background:#60a5fa1a;box-shadow:inset 3px 0 0 var(--dm-accent)}html[data-theme=dark] .messages-conv-name{color:var(--dm-text-primary)}html[data-theme=dark] .messages-conv-preview,html[data-theme=dark] .messages-conv-time{color:var(--dm-text-muted)}html[data-theme=dark] .messages-unread-badge{background:var(--dm-accent);color:#fff}html[data-theme=dark] .messages-area{background:var(--dm-bg-root)}html[data-theme=dark] .messages-bubble-sent{background:#1d4ed8;color:#f0f9ff}html[data-theme=dark] .messages-bubble-recv{background:var(--dm-bg-surface);border-color:var(--dm-border);color:var(--dm-text-primary)}html[data-theme=dark] .messages-bubble-time{color:var(--dm-text-muted)}html[data-theme=dark] .messages-input-bar{background:var(--dm-bg-sidebar);border-top-color:var(--dm-border)}html[data-theme=dark] .messages-input-field{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .messages-input-field:focus{border-color:var(--dm-accent)}html[data-theme=dark] .messages-empty-state,html[data-theme=dark] .messages-empty-icon{color:var(--dm-text-muted)}html[data-theme=dark] .messages-empty-title{color:var(--dm-text-primary)}html[data-theme=dark] .messages-invite-section-invites{background:#fbbf240f;border-color:#fbbf2426}html[data-theme=dark] .book-page-root,html[data-theme=dark] .book-root{background:var(--dm-bg-root)}html[data-theme=dark] .book-cover-panel{background:linear-gradient(160deg,#0f1e36e6,#070d1bb3);border-right-color:var(--dm-border);scrollbar-color:rgba(96,165,250,.18) transparent}html[data-theme=dark] .book-scroll-panel{scrollbar-color:rgba(96,165,250,.18) transparent}html[data-theme=dark] .book-topbar{background:#070d1bf7;border-bottom-color:var(--dm-border)}html[data-theme=dark] .book-back-btn{background:#60a5fa14;border-color:var(--dm-border);color:var(--dm-text-primary)}html[data-theme=dark] .book-back-btn:hover{background:#60a5fa24;border-color:var(--dm-border-strong)}html[data-theme=dark] .book-topbar-title{color:var(--dm-text-primary)}html[data-theme=dark] .book-share-btn{border-color:var(--dm-border);color:var(--dm-text-secondary)}html[data-theme=dark] .book-share-btn:hover{background:var(--dm-accent);border-color:var(--dm-accent);color:#fff}html[data-theme=dark] .book-cover-placeholder{background:linear-gradient(135deg,#1e3a5f,#0f1e36);color:#e2e8f033}html[data-theme=dark] .book-rating,html[data-theme=dark] .book-readers{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .book-rating-value,html[data-theme=dark] .book-readers-count{color:var(--dm-text-secondary)}html[data-theme=dark] .book-main-title{color:var(--dm-text-primary)}html[data-theme=dark] .book-main-author,html[data-theme=dark] .book-main-desc{color:var(--dm-text-secondary)}html[data-theme=dark] .book-reader-avatar{border-color:var(--dm-bg-root)}html[data-theme=dark] .book-shelf-section{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .book-shelf-label{color:var(--dm-text-muted)}html[data-theme=dark] .book-shelf-select{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .book-friends-section{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .book-friends-label{color:var(--dm-text-muted)}html[data-theme=dark] .book-friend-name{color:var(--dm-text-secondary)}html[data-theme=dark] .book-tabs-bar{border-bottom-color:var(--dm-border)}html[data-theme=dark] .book-tab{color:var(--dm-text-muted)}html[data-theme=dark] .book-tab:hover{color:var(--dm-text-secondary);background:var(--dm-bg-hover)}html[data-theme=dark] .book-tab--active{color:var(--dm-text-primary);border-bottom-color:var(--dm-accent)}html[data-theme=dark] .book-review-card{background:var(--dm-bg-elevated);border-color:transparent;box-shadow:0 1px 6px #0000004d,inset 0 0 0 1px #60a5fa12}html[data-theme=dark] .book-review-username{color:var(--dm-text-primary)}html[data-theme=dark] .book-review-text{color:var(--dm-text-secondary)}html[data-theme=dark] .search-container,html[data-theme=dark] .search-root{background:var(--dm-bg-root);color:var(--dm-text-primary)}html[data-theme=dark] .search-header{background:#070d1bf5;border-bottom-color:var(--dm-border)}html[data-theme=dark] .search-input-wrap input,html[data-theme=dark] .search-input{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .search-input::placeholder,html[data-theme=dark] .search-input-wrap input::placeholder{color:var(--dm-text-muted)}html[data-theme=dark] .search-input-icon{color:var(--dm-text-muted)}html[data-theme=dark] .search-button{background:var(--dm-accent);color:#fff}html[data-theme=dark] .search-browse-title,html[data-theme=dark] .search-section-title{color:var(--dm-text-primary)}html[data-theme=dark] .search-filter-button{color:var(--dm-text-secondary);border-color:var(--dm-border);background:transparent}html[data-theme=dark] .search-filter-button:hover{background:var(--dm-bg-hover);color:var(--dm-text-primary)}html[data-theme=dark] .search-filter-button.active{background:var(--dm-accent);border-color:var(--dm-accent);color:#fff}html[data-theme=dark] .search-book-card{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .search-book-card:hover{border-color:var(--dm-border-strong);box-shadow:var(--dm-shadow-md)}html[data-theme=dark] .search-book-no-cover{background:#1e3a5f;color:var(--dm-text-secondary)}html[data-theme=dark] .search-book-title{color:var(--dm-text-primary)}html[data-theme=dark] .search-book-author,html[data-theme=dark] .search-book-category,html[data-theme=dark] .search-empty,html[data-theme=dark] .search-empty-icon{color:var(--dm-text-muted)}html[data-theme=dark] .search-empty-title{color:var(--dm-text-secondary)}html[data-theme=dark] .search-empty-text{color:var(--dm-text-muted)}html[data-theme=dark] .search-category-card{background:var(--dm-bg-elevated);border-color:var(--dm-border);box-shadow:0 2px 8px #0000004d}html[data-theme=dark] .search-category-card:hover{background:var(--dm-bg-hover);box-shadow:0 8px 20px #00000073;border-color:var(--dm-border-strong)}html[data-theme=dark] .search-category-label{color:var(--dm-text-primary)}html[data-theme=dark] .search-category-count{color:var(--dm-text-muted)}html[data-theme=dark] .search-category-icon{color:var(--dm-accent)}html[data-theme=dark] .search-category-card:hover .search-category-icon{color:#93c5fd}html[data-theme=dark] .search-author-card,html[data-theme=dark] .search-user-card,html[data-theme=dark] .search-list-card,html[data-theme=dark] .search-group-card{background:var(--dm-bg-elevated);border-color:transparent;box-shadow:0 2px 8px #0000004d,inset 0 0 0 1px #60a5fa12}html[data-theme=dark] .search-author-card:hover,html[data-theme=dark] .search-user-card:hover,html[data-theme=dark] .search-list-card:hover,html[data-theme=dark] .search-group-card:hover{background:#172135;box-shadow:0 8px 28px #0000008c,inset 0 0 0 1px #60a5fa38}html[data-theme=dark] .search-author-card:hover .search-author-avatar{background:#0e1c30;border-color:#60a5fa66;color:#bfdbfe}html[data-theme=dark] .search-author-card:hover .search-author-name{color:#93c5fd}html[data-theme=dark] .search-author-card:hover .search-author-cta{color:var(--dm-text-secondary)}html[data-theme=dark] .search-author-avatar,html[data-theme=dark] .search-user-avatar-placeholder,html[data-theme=dark] .search-group-avatar-placeholder,html[data-theme=dark] .search-list-avatar{background:#60a5fa14;border-color:var(--dm-border);color:var(--dm-text-muted)}html[data-theme=dark] .search-author-name,html[data-theme=dark] .search-user-name,html[data-theme=dark] .search-list-name,html[data-theme=dark] .search-group-name{color:var(--dm-text-primary)}html[data-theme=dark] .search-author-cta,html[data-theme=dark] .search-user-status-text,html[data-theme=dark] .search-list-owner,html[data-theme=dark] .search-list-count,html[data-theme=dark] .search-list-description,html[data-theme=dark] .search-group-description,html[data-theme=dark] .search-group-meta,html[data-theme=dark] .search-user-action{color:var(--dm-text-muted)}html[data-theme=dark] .search-list-preview-placeholder{background:#60a5fa0f;border-color:var(--dm-border)}html[data-theme=dark] .search-user-status{border-color:var(--dm-bg-elevated)}html[data-theme=dark] .search-group-btn--join{background:var(--dm-accent);color:#fff;box-shadow:0 2px 8px #60a5fa40}html[data-theme=dark] .search-group-btn--join:hover:not(:disabled){background:var(--dm-accent-hover);box-shadow:0 5px 14px #60a5fa59}html[data-theme=dark] .search-group-btn--cancel{color:var(--dm-text-muted);border-color:var(--dm-border)}html[data-theme=dark] .search-group-btn--cancel:hover:not(:disabled){background:var(--dm-bg-hover);color:var(--dm-text-primary);border-color:var(--dm-border-strong)}html[data-theme=dark] .search-group-community-badge{color:var(--dm-accent);background:#60a5fa14;border-color:#60a5fa33}html[data-theme=dark] .srch-cat-section-title{color:var(--dm-text-primary)}html[data-theme=dark] .srch-cat-section-icon{color:var(--dm-text-muted)}html[data-theme=dark] .srch-cat-section-header:hover .srch-cat-section-icon{color:var(--dm-accent)}html[data-theme=dark] .srch-cat-section-count{background:#60a5fa14;color:var(--dm-text-muted)}html[data-theme=dark] .srch-cat-book__cover{background:var(--dm-bg-elevated);box-shadow:0 4px 14px #00000073}html[data-theme=dark] .srch-cat-book__placeholder{color:var(--dm-text-muted)}html[data-theme=dark] .srch-cat-book__title{color:var(--dm-text-primary)}html[data-theme=dark] .srch-cat-book__author{color:var(--dm-text-muted)}html[data-theme=dark] .srch-carousel-wrap:before{background:linear-gradient(to right,var(--dm-bg-root) 0%,transparent 100%)}html[data-theme=dark] .srch-carousel-wrap:after{background:linear-gradient(to left,var(--dm-bg-root) 0%,transparent 100%)}html[data-theme=dark] .srch-carousel-btn{background:var(--dm-bg-elevated);border-color:var(--dm-border);color:var(--dm-text-primary);box-shadow:0 4px 20px #00000073}html[data-theme=dark] .srch-carousel-btn:hover{background:var(--dm-accent);color:#fff;box-shadow:0 8px 28px #60a5fa4d}html[data-theme=dark] .srch-input-wrapper{background:var(--dm-bg-input);border-color:var(--dm-border-input)}html[data-theme=dark] .srch-input-wrapper:focus-within{border-color:var(--dm-accent);box-shadow:0 0 0 3px #60a5fa1f}html[data-theme=dark] .srch-text-input{color:var(--dm-text-primary)}html[data-theme=dark] .srch-text-input::placeholder{color:var(--dm-text-muted)}html[data-theme=dark] .srch-search-icon,html[data-theme=dark] .srch-clear-btn{color:var(--dm-text-muted)}html[data-theme=dark] .srch-clear-btn:hover{color:var(--dm-text-primary)}html[data-theme=dark] .srch-search-btn{background:var(--dm-accent);color:#fff}html[data-theme=dark] .srch-search-btn:hover:not(:disabled){background:var(--dm-accent-hover);box-shadow:0 4px 12px #60a5fa4d}html[data-theme=dark] .srch-result-count{color:var(--dm-text-secondary)}html[data-theme=dark] .srch-result-count strong{color:var(--dm-text-primary)}html[data-theme=dark] .srch-hero-sub{color:var(--dm-text-muted)}html[data-theme=dark] .srch-filter-pill{border-color:var(--dm-border);color:var(--dm-text-secondary)}html[data-theme=dark] .srch-filter-pill:hover:not(:disabled){border-color:var(--dm-border-strong);color:var(--dm-text-primary)}html[data-theme=dark] .srch-filter-pill--active{background:var(--dm-accent);border-color:var(--dm-accent);color:#fff}html[data-theme=dark] .srch-filter-pill--active:hover:not(:disabled){background:var(--dm-accent-hover);border-color:var(--dm-accent-hover)}html[data-theme=dark] .mybooks-page,html[data-theme=dark] .mb-page{background:var(--dm-bg-root)}html[data-theme=dark] .mb-stat-card{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .mb-stat-card--active{background:var(--dm-accent);border-color:var(--dm-accent)}html[data-theme=dark] .mb-stat-card--active .mb-stat-num{color:#fff}html[data-theme=dark] .mb-stat-card--active .mb-stat-label{color:#ffffffbf}html[data-theme=dark] .mb-stat-card--active i{color:#ffffffd9}html[data-theme=dark] .mb-stat-card--total{background:#e2e8f00a;border-color:var(--dm-border)}html[data-theme=dark] .mb-stat-card--total i,html[data-theme=dark] .mb-stat-card--total .mb-stat-num{color:var(--dm-text-muted)}html[data-theme=dark] .mb-stat-num{color:var(--dm-text-primary)}html[data-theme=dark] .mb-stat-label{color:var(--dm-text-muted)}html[data-theme=dark] .mb-header-row{border-top-color:var(--dm-border)}html[data-theme=dark] .mb-view-toggle{background:#e2e8f00f}html[data-theme=dark] .mb-header-section{border-top-color:var(--dm-border)}html[data-theme=dark] .mb-header-count{color:var(--dm-text-secondary)}html[data-theme=dark] .mb-header-count strong{color:var(--dm-text-primary)}html[data-theme=dark] .mb-clear-filter{background:#60a5fa0f;border-color:var(--dm-border);color:var(--dm-text-muted)}html[data-theme=dark] .mb-clear-filter:hover{background:var(--dm-bg-hover);color:var(--dm-text-primary);border-color:var(--dm-border-strong)}html[data-theme=dark] .mb-view-btn{color:var(--dm-text-muted)}html[data-theme=dark] .mb-view-btn.active{background:var(--dm-bg-surface);color:var(--dm-text-primary)}html[data-theme=dark] .mb-select,html[data-theme=dark] .mb-sort-select{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .mb-book-item,html[data-theme=dark] .mb-book-card{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .mb-book-title{color:var(--dm-text-primary)}html[data-theme=dark] .mb-book-author{color:var(--dm-text-secondary)}html[data-theme=dark] .mb-book-placeholder{background:#1e3a5f;color:var(--dm-text-muted)}html[data-theme=dark] .mybooks-table-wrapper{background:var(--dm-bg-surface);border-color:var(--dm-border);box-shadow:var(--dm-shadow-sm)}html[data-theme=dark] .mybooks-table thead tr{border-bottom-color:var(--dm-border)}html[data-theme=dark] .mybooks-table th{color:var(--dm-text-muted);background:#0f1e3699}html[data-theme=dark] .mybooks-row{border-bottom-color:var(--dm-border)}html[data-theme=dark] .mybooks-row:hover{background:var(--dm-bg-hover)}html[data-theme=dark] .mybooks-title-link{color:var(--dm-text-primary)}html[data-theme=dark] .mybooks-title-link:hover{color:var(--dm-accent)}html[data-theme=dark] .mybooks-td-author,html[data-theme=dark] .mybooks-td-rating{color:var(--dm-text-secondary)}html[data-theme=dark] .mybooks-td-date{color:var(--dm-text-muted)}html[data-theme=dark] .mybooks-shelf-badge{background:#60a5fa1a;color:var(--dm-accent)}html[data-theme=dark] .mybooks-shelf-badge:hover{background:#60a5fa2e}html[data-theme=dark] .mybooks-shelf-dropdown{background:var(--dm-bg-elevated);border-color:var(--dm-border-strong);box-shadow:var(--dm-shadow-md)}html[data-theme=dark] .mybooks-shelf-option{color:var(--dm-text-primary)}html[data-theme=dark] .mybooks-shelf-option:hover{background:var(--dm-bg-hover)}html[data-theme=dark] .mybooks-shelf-option--remove{color:#f87171}html[data-theme=dark] .mybooks-shelf-option--remove:hover{background:#ef444414}html[data-theme=dark] .mybooks-cover-placeholder{background:#1e3a5f;color:var(--dm-text-muted)}html[data-theme=dark] .mybooks-action-link{color:var(--dm-accent)}html[data-theme=dark] .mybooks-action-link:hover{background:#60a5fa14;color:#93c5fd}html[data-theme=dark] .mybooks-remove-btn{color:var(--dm-text-muted)}html[data-theme=dark] .mybooks-remove-btn:hover{color:#f87171;background:#ef444414}html[data-theme=dark] .mybooks-grid-card{background:var(--dm-bg-surface);border-color:var(--dm-border);box-shadow:var(--dm-shadow-sm)}html[data-theme=dark] .mybooks-grid-card:hover{box-shadow:var(--dm-shadow-md);outline-color:#60a5fa40}html[data-theme=dark] .mybooks-grid-title{color:var(--dm-text-primary)}html[data-theme=dark] .mybooks-grid-author{color:var(--dm-text-muted)}html[data-theme=dark] .mybooks-grid-shelf{background:#60a5fa1a;color:var(--dm-accent)}html[data-theme=dark] .mybooks-grid-cover-placeholder{background:#1e3a5f;color:var(--dm-text-muted)}html[data-theme=dark] .mb-page-btn{color:var(--dm-text-secondary);border-color:var(--dm-border);background:var(--dm-bg-surface)}html[data-theme=dark] .mb-page-btn.active{background:var(--dm-accent);color:#fff;border-color:var(--dm-accent)}html[data-theme=dark] .mb-page-btn:hover:not(.active){background:var(--dm-bg-hover);color:var(--dm-text-primary);border-color:var(--dm-border-strong)}html[data-theme=dark] .mb-page-btn--nav{color:var(--dm-text-muted)}html[data-theme=dark] .mb-page-btn--nav:hover:not(:disabled){background:var(--dm-accent);color:#fff;border-color:var(--dm-accent)}html[data-theme=dark] .mb-page-ellipsis,html[data-theme=dark] .mb-pagination-left{color:var(--dm-text-muted)}html[data-theme=dark] .mb-sort-dir-btn{color:var(--dm-text-secondary);border-color:var(--dm-border)}html[data-theme=dark] .mb-sort-dir-btn:hover{background:var(--dm-accent);color:#fff;border-color:var(--dm-accent)}html[data-theme=dark] .mb-star--empty{color:#e2e8f02e}html[data-theme=dark] .mb-stars-val,html[data-theme=dark] .mb-rating-empty{color:var(--dm-text-muted)}html[data-theme=dark] .mb-empty i{background:#60a5fa0f;color:var(--dm-text-muted)}html[data-theme=dark] .mb-empty-title{color:var(--dm-text-primary)}html[data-theme=dark] .mb-empty-sub{color:var(--dm-text-muted)}html[data-theme=dark] .mb-empty-cta{background:var(--dm-accent);color:#fff;box-shadow:0 4px 16px #0000004d}html[data-theme=dark] .mb-empty-cta:hover{box-shadow:0 8px 24px #0006}html[data-theme=dark] .mb-pagination{border-top-color:var(--dm-border)}html[data-theme=dark] .mb-pagination-left select{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .notifications-page,html[data-theme=dark] .notif-page{background:var(--dm-bg-root)}html[data-theme=dark] .notif-hero-title{color:var(--dm-text-primary)!important}html[data-theme=dark] .notif-header-sub{color:var(--dm-text-muted)}html[data-theme=dark] .notif-mark-all-btn{background:var(--dm-bg-surface);border-color:var(--dm-border);color:var(--dm-text-secondary)}html[data-theme=dark] .notif-mark-all-btn:hover{background:var(--dm-bg-hover);color:var(--dm-text-primary)}html[data-theme=dark] .notif-empty,html[data-theme=dark] .notif-empty-title{color:var(--dm-text-muted)}html[data-theme=dark] .notif-card{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .notif-card:hover{border-color:var(--dm-border-strong);box-shadow:var(--dm-shadow-sm)}html[data-theme=dark] .notif-card--unread{background:#60a5fa0f;border-color:#60a5fa2e}html[data-theme=dark] .notif-avatar,html[data-theme=dark] .notif-book-cover{background:#1e3a5f}html[data-theme=dark] .notif-text,html[data-theme=dark] .notif-username{color:var(--dm-text-primary)}html[data-theme=dark] .notif-time{color:var(--dm-text-muted)}html[data-theme=dark] .notif-btn--reject{color:var(--dm-text-muted);border-color:var(--dm-border)}html[data-theme=dark] .notif-btn--reject:hover{color:#fca5a5;border-color:#ef44444d}html[data-theme=dark] .notif-unread-dot{background:var(--dm-accent)}html[data-theme=dark] .my-reviews-page,html[data-theme=dark] .mr-page{background:var(--dm-bg-root)}html[data-theme=dark] .mr-review-card{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .mr-review-title{color:var(--dm-text-primary)}html[data-theme=dark] .mr-review-text{color:var(--dm-text-secondary)}html[data-theme=dark] .mr-review-date{color:var(--dm-text-muted)}html[data-theme=dark] .mr-state-card{background:#e2e8f00d;border-color:var(--dm-border);color:var(--dm-text-muted)}html[data-theme=dark] .mr-header-title{color:var(--dm-text-primary)}html[data-theme=dark] .review-page,html[data-theme=dark] .rv-page{background:var(--dm-bg-root)}html[data-theme=dark] .rv-book-title{color:var(--dm-text-primary)}html[data-theme=dark] .rv-book-author{color:var(--dm-text-muted)}html[data-theme=dark] .rv-card{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .rv-user-label,html[data-theme=dark] .rv-body{color:var(--dm-text-primary)}html[data-theme=dark] .rv-date,html[data-theme=dark] .rv-meta{color:var(--dm-text-muted)}html[data-theme=dark] .rv-quote{background:#60a5fa0a;border-color:var(--dm-border);color:var(--dm-text-secondary)}html[data-theme=dark] .rv-report-btn{background:transparent;border-color:var(--dm-border);color:var(--dm-text-muted)}html[data-theme=dark] .rv-report-btn:hover{color:#fca5a5;border-color:#ef44444d}html[data-theme=dark] .rv-comments-section{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .rv-comment-input{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .list-detail-container,html[data-theme=dark] .list-detail-page{background:var(--dm-bg-root);color:var(--dm-text-primary)}html[data-theme=dark] .list-detail-back-btn{background:#60a5fa14;border-color:var(--dm-border);color:var(--dm-text-primary)}html[data-theme=dark] .list-detail-back-btn:hover{background:#60a5fa24;color:var(--dm-text-primary)}html[data-theme=dark] .list-detail-add-btn{background:linear-gradient(135deg,var(--dm-accent) 0%,var(--dm-accent-hover) 100%);color:#fff}html[data-theme=dark] .list-detail-header{background:#0f1e36f7;border-color:var(--dm-border)}html[data-theme=dark] .list-detail-banner{background:linear-gradient(135deg,#0b1525,#0f1e36 40%,#152844)}html[data-theme=dark] .list-detail-title{color:var(--dm-text-primary)}html[data-theme=dark] .list-detail-desc,html[data-theme=dark] .list-detail-meta{color:var(--dm-text-secondary)}html[data-theme=dark] .list-detail-placeholder{background:linear-gradient(135deg,#1e3a5f,#0f1e36)}html[data-theme=dark] .list-detail-badge,html[data-theme=dark] .list-detail-visibility{background:#60a5fa14;color:var(--dm-accent-warm);border-color:#60a5fa33}html[data-theme=dark] .list-detail-privacy{color:var(--dm-text-muted);background:#60a5fa0f;border-color:var(--dm-border)}html[data-theme=dark] .list-detail-subtitle,html[data-theme=dark] .list-detail-username{color:var(--dm-text-secondary)}html[data-theme=dark] .list-detail-separator{color:var(--dm-text-muted)}html[data-theme=dark] .list-detail-count{color:var(--dm-text-secondary);background:#60a5fa12;border-color:var(--dm-border)}html[data-theme=dark] .list-detail-avatar{background:linear-gradient(135deg,#0f1e36,#152844);border-color:var(--dm-bg-surface)}html[data-theme=dark] .list-detail-avatar-placeholder{color:var(--dm-text-muted)}html[data-theme=dark] .list-detail-description{background:var(--dm-bg-elevated);border-color:var(--dm-border)}html[data-theme=dark] .list-detail-description p{color:var(--dm-text-secondary)}html[data-theme=dark] .list-detail-books{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .list-detail-books-header h3{color:var(--dm-text-primary)}html[data-theme=dark] .list-detail-add-btn-inline{background:#60a5fa14;border-color:var(--dm-border);color:var(--dm-text-secondary)}html[data-theme=dark] .list-detail-add-btn-inline:hover{background:#60a5fa24;color:var(--dm-text-primary);box-shadow:0 3px 8px #0000004d}html[data-theme=dark] .list-detail-book-card{background:var(--dm-bg-elevated);border-color:transparent;box-shadow:0 2px 10px #00000059,inset 0 0 0 1px #60a5fa12}html[data-theme=dark] .list-detail-book-card:hover{border-color:transparent;box-shadow:0 10px 28px #0000008c,inset 0 0 0 1px #60a5fa2e}html[data-theme=dark] .list-detail-book-image{background:linear-gradient(135deg,#0d1a2e 0%,var(--dm-bg-elevated) 100%)}html[data-theme=dark] .list-detail-book-placeholder{color:var(--dm-text-muted)}html[data-theme=dark] .list-detail-book-title{color:var(--dm-text-primary)}html[data-theme=dark] .list-detail-book-author{color:var(--dm-text-muted)}html[data-theme=dark] .list-detail-empty{background:var(--dm-bg-elevated);border-color:var(--dm-border);color:var(--dm-text-secondary)}html[data-theme=dark] .list-detail-empty i,html[data-theme=dark] .list-detail-empty p{color:var(--dm-text-muted)}html[data-theme=dark] .list-detail-error{background:var(--dm-bg-elevated);border-color:var(--dm-border);box-shadow:0 4px 20px #0000004d}html[data-theme=dark] .list-detail-error-title{color:var(--dm-text-primary)}html[data-theme=dark] .list-detail-error-text{color:var(--dm-text-muted)}html[data-theme=dark] .bottom-nav{background:#0b1525!important;border-top:1px solid var(--dm-border)!important;box-shadow:0 -4px 20px #00000080}html[data-theme=dark] .bottom-nav-item{color:var(--dm-text-muted)!important}html[data-theme=dark] .bottom-nav-item.active,html[data-theme=dark] .bottom-nav-item[class*=active]{color:var(--dm-accent)!important}html[data-theme=dark] .bottom-nav-item i{color:inherit!important}html[data-theme=dark] .modal-overlay{background-color:#000000bf}html[data-theme=dark] .modal{background:var(--dm-bg-elevated);border:1px solid var(--dm-border);box-shadow:var(--dm-shadow-lg)}html[data-theme=dark] .modal-header{background:#0b1525b3;border-bottom-color:var(--dm-border);color:var(--dm-text-primary)}html[data-theme=dark] .modal-header-icon{background:#60a5fa1a;color:var(--dm-accent)}html[data-theme=dark] .modal-title{color:var(--dm-text-primary)}html[data-theme=dark] .modal-body{color:var(--dm-text-secondary)}html[data-theme=dark] .modal-footer{background:#070d1bb3;border-top-color:var(--dm-border)}html[data-theme=dark] .modal-close-btn{background:#e2e8f014;color:var(--dm-text-muted)}html[data-theme=dark] .modal-close-btn:hover{color:var(--dm-text-primary);background:var(--dm-bg-hover)}html[data-theme=dark] .modal-btn--primary{background:linear-gradient(140deg,var(--dm-accent) 0%,var(--dm-accent-hover) 100%);color:#fff}html[data-theme=dark] .modal-btn--secondary{background:var(--dm-bg-surface);color:var(--dm-text-secondary);border-color:var(--dm-border)}html[data-theme=dark] .modal-btn--secondary:hover{background:var(--dm-bg-hover);color:var(--dm-text-primary);border-color:var(--dm-border-strong)}html[data-theme=dark] .header-root,html[data-theme=dark] header.site-header{background:#0b1525fa;border-bottom-color:var(--dm-border);box-shadow:0 2px 16px #00000073}html[data-theme=dark] .header-logo{color:var(--dm-text-primary)}html[data-theme=dark] .header-logo-dot{color:var(--dm-accent)}html[data-theme=dark] .header-nav-link{color:var(--dm-text-secondary)}html[data-theme=dark] .header-nav-link:hover{color:var(--dm-accent)}html[data-theme=dark] .header-search-input{background:var(--dm-bg-input);border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .header-avatar-btn{border-color:var(--dm-border)}html[data-theme=dark] .public-profile-page{background:var(--dm-bg-root)}html[data-theme=dark] .pub-hero-card{background:var(--dm-bg-surface);border-color:var(--dm-border)}html[data-theme=dark] .pub-username{color:var(--dm-text-primary)}html[data-theme=dark] .pub-bio{color:var(--dm-text-secondary)}html[data-theme=dark] .pub-stat-value{color:var(--dm-text-primary)}html[data-theme=dark] .pub-stat-label{color:var(--dm-text-muted)}html[data-theme=dark] .pub-follow-btn{background:var(--dm-accent);color:#fff}html[data-theme=dark] .pub-follow-btn:hover{background:var(--dm-accent-hover)}html[data-theme=dark] .pub-follow-btn--following{background:transparent;border-color:var(--dm-border-strong);color:var(--dm-text-secondary)}html[data-theme=dark] .modal-description{color:var(--dm-text-muted)}html[data-theme=dark] .modal-close{background:#ffffff0f;color:var(--dm-text-muted);box-shadow:none}html[data-theme=dark] .modal-close:hover{background:#ffffff1f;color:var(--dm-text-primary);box-shadow:none}html[data-theme=dark] .modal-body::-webkit-scrollbar-thumb{background:var(--dm-border)}html[data-theme=dark] .modal-button.secondary{background:#ffffff0d;color:var(--dm-text-secondary);border-color:var(--dm-border)}html[data-theme=dark] .modal-button.secondary:hover:not(:disabled){background:#ffffff1a;color:var(--dm-text-primary);border-color:var(--dm-border-strong)}html[data-theme=dark] .modal-button.primary{background:linear-gradient(140deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 10px #60a5fa4d}html[data-theme=dark] .modal-button.primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 16px #60a5fa66}html[data-theme=dark] .progress-modal-book{background:#ffffff0a;border-color:var(--dm-border)}html[data-theme=dark] .progress-modal-title{color:var(--dm-text-primary)}html[data-theme=dark] .progress-modal-author,html[data-theme=dark] .progress-modal-input-group label{color:var(--dm-text-muted)}html[data-theme=dark] .progress-modal-input{background:var(--dm-bg-input)!important;border-color:var(--dm-border-input)!important;color:var(--dm-text-primary)!important}html[data-theme=dark] .progress-modal-input:focus{border-color:var(--dm-accent)!important;box-shadow:0 0 0 3px #60a5fa1f!important}html[data-theme=dark] .progress-modal-total{color:var(--dm-text-muted)}html[data-theme=dark] .progress-modal-bar{background:#e2e8f01a}html[data-theme=dark] .progress-modal-bar-fill{background:linear-gradient(90deg,#93c5fd,#1d4ed8)}html[data-theme=dark] .progress-modal-percentage{color:#60a5fa}html[data-theme=dark] .progress-modal-error{color:#f87171}html[data-theme=dark] .h-reading-book-item{background:#ffffff0a}html[data-theme=dark] .h-reading-book-item:hover{background:#60a5fa14;transform:translate(3px)}html[data-theme=dark] .h-reading-title{color:#e2e8f0}html[data-theme=dark] .h-reading-author{color:#e2e8f080}html[data-theme=dark] .h-reading-bar{background:#e2e8f01a}html[data-theme=dark] .h-reading-fill{background:linear-gradient(90deg,#93c5fd,#1d4ed8)}html[data-theme=dark] .h-reading-pct{color:var(--dm-text-muted)}html[data-theme=dark] .h-root h1,html[data-theme=dark] .h-root h2,html[data-theme=dark] .h-root h3,html[data-theme=dark] .h-root h4{color:var(--dm-text-primary)}html[data-theme=dark] .h-root p{color:var(--dm-text-secondary)}html[data-theme=dark] a{color:var(--dm-accent)}html[data-theme=dark] a:hover{color:var(--dm-accent-hover)}html[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-theme=dark] textarea,html[data-theme=dark] select{background-color:var(--dm-bg-input)!important;border-color:var(--dm-border-input)!important;color:var(--dm-text-primary)!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--dm-text-muted)!important;opacity:1}html[data-theme=dark] .book-actions-panel{background:var(--dm-bg-elevated);border-color:transparent;box-shadow:0 2px 12px #00000059,inset 0 0 0 1px #60a5fa12}html[data-theme=dark] .book-actions-label{color:var(--dm-text-muted)}html[data-theme=dark] .book-actions-label:before{background:var(--dm-accent)}html[data-theme=dark] .book-list-label{background:#ffffff08;border:1.5px solid rgba(96,165,250,.08);border-left:3px solid transparent;color:var(--dm-text-secondary)!important;border-radius:10px;transition:background .18s,border-color .18s,color .18s,transform .15s}html[data-theme=dark] .book-list-label span{color:var(--dm-text-secondary)!important;font-weight:500}html[data-theme=dark] .book-list-label input[type=radio],html[data-theme=dark] .book-list-label input[type=checkbox],html[data-theme=dark] input[type=radio],html[data-theme=dark] input[type=checkbox]{accent-color:#60a5fa!important}html[data-theme=dark] .book-list-label:hover{background:#60a5fa12;border-color:#60a5fa2e;border-left-color:#60a5fa66;color:var(--dm-text-primary)!important;transform:translate(3px)}html[data-theme=dark] .book-list-label:hover span{color:var(--dm-text-primary)!important}html[data-theme=dark] .book-list-label:has(input:checked){background:#60a5fa1a;border-color:#60a5fa40;border-left-color:var(--dm-accent);color:var(--dm-text-primary)!important}html[data-theme=dark] .book-list-label:has(input:checked) span{color:var(--dm-text-primary)!important;font-weight:600}html[data-theme=dark] .book-remove-button{background:#1c1419;color:#fca5a5;border-color:#f8717140}html[data-theme=dark] .book-remove-button:hover{background:#251a1e;border-color:#f8717180;color:#fecaca}html[data-theme=dark] .book-actions-sep{background:linear-gradient(to right,transparent,var(--dm-border),transparent)}html[data-theme=dark] .book-personal-lists{border-top-color:var(--dm-border)}html[data-theme=dark] .book-new-list-input{background:#ffffff0a;border-color:var(--dm-border-input);color:var(--dm-text-primary)}html[data-theme=dark] .book-new-list-input:focus{background:#ffffff0f;border-color:var(--dm-accent);box-shadow:0 0 0 3px #60a5fa1f}html[data-theme=dark] .book-new-list-input::placeholder{color:var(--dm-text-muted)}html[data-theme=dark] .book-create-list-btn,html[data-theme=dark] .book-btn.book-create-list-btn{background:#0e1c30;border:1.5px solid rgba(96,165,250,.25);color:#bfdbfe;font-weight:600}html[data-theme=dark] .book-create-list-btn:hover:not(:disabled),html[data-theme=dark] .book-btn.book-create-list-btn:hover:not(:disabled){background:#112035;border-color:#60a5fa73;color:#e0f0ff;box-shadow:0 2px 10px #60a5fa33}html[data-theme=dark] .book-meta-card,html[data-theme=dark] .book-description-card,html[data-theme=dark] .book-identifiers-card{background:var(--dm-bg-elevated);border-color:transparent;box-shadow:0 2px 12px #00000059,inset 0 0 0 1px #60a5fa12}html[data-theme=dark] .book-meta-card:hover,html[data-theme=dark] .book-description-card:hover{box-shadow:0 8px 28px #00000080,inset 0 0 0 1px #60a5fa24}html[data-theme=dark] .book-meta-label{color:var(--dm-text-muted)}html[data-theme=dark] .book-meta-value{color:var(--dm-text-primary)}html[data-theme=dark] .book-section-label{color:var(--dm-text-muted)}html[data-theme=dark] .book-section-label:before{background:var(--dm-accent)}html[data-theme=dark] .book-description-text{color:var(--dm-text-secondary)}html[data-theme=dark] .book-identifiers li{color:var(--dm-text-muted)}html[data-theme=dark] .book-identifiers strong{color:var(--dm-text-secondary)}html[data-theme=dark] .book-btn{background:var(--dm-accent);color:#fff}html[data-theme=dark] .book-btn:hover:not(:disabled){background:var(--dm-accent-hover);box-shadow:0 4px 14px #60a5fa4d}html[data-theme=dark] .book-btn-secondary{background:#60a5fa0f;color:var(--dm-text-secondary);border-color:var(--dm-border)}html[data-theme=dark] .book-btn-secondary:hover:not(:disabled){background:#60a5fa1f;color:var(--dm-text-primary)}html[data-theme=dark] .book-btn-danger{color:#f87171;border-color:#f871714d}html[data-theme=dark] .book-btn-danger:hover:not(:disabled){background:#f8717114;border-color:#f8717180}html[data-theme=dark] .book-rating,html[data-theme=dark] .book-readers-count{color:var(--dm-text-secondary)}html[data-theme=dark] .book-readers-count i{color:var(--dm-accent)}html[data-theme=dark] .book-readers-friends-text{color:var(--dm-text-muted)}html[data-theme=dark] .book-progress-track{background:#60a5fa1a}html[data-theme=dark] .book-progress-fill{background:linear-gradient(90deg,var(--dm-accent),#93c5fd)}html[data-theme=dark] .book-progress-text{color:var(--dm-text-muted)}html[data-theme=dark] .book-input-group input{background:var(--dm-bg-input)!important;border-color:var(--dm-border-input)!important;color:var(--dm-text-primary)!important}html[data-theme=dark] .book-input-group input:focus{border-color:var(--dm-accent)!important;box-shadow:0 0 0 3px #60a5fa1f!important}html[data-theme=dark] .book-input-unit{color:var(--dm-text-muted)}html[data-theme=dark] .book-mode-tab{color:var(--dm-text-muted);border-color:var(--dm-border)}html[data-theme=dark] .book-mode-tab.active{background:var(--dm-accent);border-color:var(--dm-accent);color:#fff}html[data-theme=dark] .book-review-form{background:var(--dm-bg-elevated);border-color:transparent;box-shadow:0 2px 12px #00000059,inset 0 0 0 1px #60a5fa12}html[data-theme=dark] .book-review-group label{color:var(--dm-text-muted)}html[data-theme=dark] .book-textarea{background:var(--dm-bg-input)!important;border-color:var(--dm-border-input)!important;color:var(--dm-text-primary)!important}html[data-theme=dark] .book-textarea:focus{border-color:var(--dm-accent)!important;box-shadow:0 0 0 3px #60a5fa1f!important}html[data-theme=dark] .book-textarea::placeholder{color:var(--dm-text-muted)!important}html[data-theme=dark] .book-section-title{color:var(--dm-text-primary)}html[data-theme=dark] .book-section-count{background:#60a5fa14;color:var(--dm-text-muted)}html[data-theme=dark] .book-review-card:hover{box-shadow:0 8px 28px #00000080,inset 0 0 0 1px #60a5fa26;border-left-color:var(--dm-accent)}html[data-theme=dark] .book-review-username:hover{color:#93c5fd}html[data-theme=dark] .book-review-footer{color:var(--dm-text-muted)}html[data-theme=dark] .book-review-avatar{border-color:var(--dm-border)}html[data-theme=dark] .book-review-empty{background:var(--dm-bg-elevated);border-color:transparent;color:var(--dm-text-muted);box-shadow:inset 0 0 0 1px #60a5fa12}html[data-theme=dark] .book-modal-overlay{background:#000000b3}html[data-theme=dark] .book-modal-content{background:var(--dm-bg-surface);border:1px solid var(--dm-border);box-shadow:0 24px 60px #0009}html[data-theme=dark] .book-modal-title{color:var(--dm-text-primary)}html[data-theme=dark] .book-modal-description{color:var(--dm-text-secondary)}html[data-theme=dark] .book-modal-cancel{background:#60a5fa0f;color:var(--dm-text-secondary);border:1px solid var(--dm-border)}html[data-theme=dark] .book-modal-cancel:hover:not(:disabled){background:#60a5fa1f;color:var(--dm-text-primary)}html[data-theme=dark] .book-modal-confirm{background:#ef4444}html[data-theme=dark] .book-modal-confirm:hover:not(:disabled){background:#dc2626}html[data-theme=dark] .book-loading-message,html[data-theme=dark] .book-unavailable-message{color:var(--dm-text-muted)}html[data-theme=dark] .book-error-message{color:#f87171}html[data-theme=dark] .book-link{color:var(--dm-accent)}html[data-theme=dark] .book-link:hover{color:#93c5fd}html[data-theme=dark]{--auth-bg: #070d1b;--auth-blob: #0f1e36;--auth-text: #e2e8f0;--auth-text-muted: rgba(226, 232, 240, .62);--auth-text-faint: rgba(226, 232, 240, .4);--auth-border: rgba(96, 165, 250, .2);--auth-input-bg: rgba(96, 165, 250, .06);--auth-input-focus-border: rgba(96, 165, 250, .5);--auth-input-focus-bg: rgba(96, 165, 250, .08);--auth-input-focus-shadow: rgba(96, 165, 250, .12);--auth-btn-bg: #3b82f6;--auth-btn-text: #ffffff}html[data-theme=dark] .auth-page{background:var(--auth-bg)}html[data-theme=dark] .login-google-btn{background:#60a5fa14;border-color:var(--auth-border);color:var(--dm-text-primary)}html[data-theme=dark] .login-google-btn:hover{background:#60a5fa24}html[data-theme=dark] .login-form input[type=email],html[data-theme=dark] .login-form input[type=password]{color:var(--dm-text-primary)}html[data-theme=dark] .login-form input::placeholder{color:#e2e8f047}html[data-theme=dark] .login-form input[type=email]:focus,html[data-theme=dark] .login-form input[type=password]:focus{box-shadow:0 0 0 3px var(--auth-input-focus-shadow),0 4px 14px #0003}html[data-theme=dark] .login-register{color:var(--auth-text-muted)}html[data-theme=dark] .login-register a{color:var(--dm-accent);border-bottom-color:var(--dm-accent)}html[data-theme=dark] .login-btn{box-shadow:0 2px #00000059,inset 0 1px #ffffff1f}html[data-theme=dark] .login-btn:hover{background:#2563eb}html[data-theme=dark] .register-form input[type=text],html[data-theme=dark] .register-form input[type=email],html[data-theme=dark] .register-form input[type=password]{color:var(--dm-text-primary)}html[data-theme=dark] .register-form input::placeholder{color:#e2e8f047}html[data-theme=dark] .register-form input[type=text]:focus,html[data-theme=dark] .register-form input[type=email]:focus,html[data-theme=dark] .register-form input[type=password]:focus{box-shadow:0 0 0 3px var(--auth-input-focus-shadow),0 4px 14px #0003}html[data-theme=dark] .register-login-link{color:var(--auth-text-muted)}html[data-theme=dark] .register-login-link a{color:var(--dm-accent);border-bottom-color:var(--dm-accent)}html[data-theme=dark] .register-btn{box-shadow:0 2px #00000059,inset 0 1px #ffffff1f}html[data-theme=dark] .register-btn:hover{background:#2563eb}html[data-theme=dark] .auth-error,html[data-theme=dark] .login-error,html[data-theme=dark] .register-error{background:#ef44441f;border-color:#ef444440;color:#f87171}html[data-theme=dark] .auth-back-home{color:#e2e8f073}html[data-theme=dark] .auth-back-home:hover{color:var(--dm-text-primary)}html[data-theme=dark] .landing-badge{background:#60a5fa1f;border-color:#60a5fa40;color:var(--dm-accent)}html[data-theme=dark] .landing-btn-secondary{color:var(--dm-text-primary);border-color:#60a5fa59}html[data-theme=dark] .landing-btn-secondary:hover{border-color:var(--dm-accent);background:#60a5fa14}html[data-theme=dark] .landing-btn-primary{background:#3b82f6;color:#fff;box-shadow:0 4px 20px #3b82f659}html[data-theme=dark] .landing-btn-primary:hover{background:#2563eb;box-shadow:0 8px 28px #3b82f673}html[data-theme=dark] .landing-stat-divider{background:#60a5fa33}html[data-theme=dark] .landing-footer-note{color:var(--dm-text-muted)}*{margin:0;padding:0;box-sizing:border-box}:root{--font-classic: "Times New Roman", Times, serif;--font-readable: Georgia, "Times New Roman", serif;--spacing-xs: .25rem;--spacing-sm: .65rem;--spacing-md: 1.15rem;--spacing-lg: 1.9rem;--spacing-xl: 2.75rem;font-family:var(--font-readable);line-height:1.65;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;min-height:100vh;margin:0;padding:0;background-color:var(--color-beige-25);color:var(--color-beige-900);font-size:17px}body{overflow-x:hidden}#root{min-height:100vh;width:100%}h1{font-family:var(--font-classic);font-size:2.5rem;line-height:1.2;margin-bottom:var(--spacing-lg);font-weight:800}h2{font-family:var(--font-classic);font-size:2rem;line-height:1.3;margin-bottom:var(--spacing-md);font-weight:700}h3{font-family:var(--font-classic);font-size:1.5rem;line-height:1.4;margin-bottom:var(--spacing-md);font-weight:700}p{font-family:var(--font-readable);font-size:1.05rem;line-height:1.75;margin-bottom:var(--spacing-md)}li,label{font-family:var(--font-readable);font-size:1rem;line-height:1.6;font-weight:600}a{color:var(--color-brand-medium);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-brand-accent);text-decoration:underline}button{font-family:inherit;font-size:1.02rem;font-weight:700;padding:.7rem 1.25rem;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;background-color:var(--color-brand-dark);color:var(--color-beige-50)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:1.02rem;font-weight:600;padding:.75rem 1rem;border:1px solid rgba(122,74,46,.2);border-radius:8px;width:100%;transition:all .15s ease;background-color:#f9ede3c7}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-brand-medium);box-shadow:0 0 0 3px #f1d3be59}input::placeholder,textarea::placeholder{color:var(--color-placeholder)}table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0}th,td{text-align:left;padding:1rem 1.1rem;border-bottom:1px solid var(--color-border)}th{font-weight:600;background-color:#f1d3be6b}tr:hover{background-color:var(--color-bg-light-alt)}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-md)}.mt-2{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-md)}.mb-2{margin-bottom:var(--spacing-lg)}@media(max-width:1024px){:root{font-size:16px}h1{font-size:2.2rem}h2{font-size:1.75rem}}@media(max-width:768px){:root{font-size:15px}h1{font-size:1.85rem}h2{font-size:1.45rem}h3{font-size:1.15rem}p{font-size:.95rem}}@media(max-width:480px){:root{font-size:14px}h1{font-size:1.65rem}h2{font-size:1.3rem}}
