@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-deep:#060813;--bg-surface:#0d112299;--bg-surface-hover:#141a33d9;--bg-card:#1c1917;--book-cover-start:#202c43;--book-cover-end:#111a2c;--book-spine-start:#27334b;--book-spine-mid:#465675;--book-spine-end:#303e58;--book-edge:#76829b;--book-frame:#e5c15861;--book-accent:#e5c158;--book-shadow:#00000061;--bg-header:#090d16d9;--bg-loading:#030409;--bg-panel:#0d1122;--bg-surface-solid:#0d1122e6;--bg-surface-80:#0d1122cc;--bg-surface-75:#0d1122bf;--bg-notif-badge-border:#030409;--bg-gradient-start:#030409;--bg-gradient-end:#070914;--bg-gradient-mid:#030409e6;--modal-overlay:#000000b3;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:var(--accent-cyan);--text-muted:#69738f;--surface-1:var(--bg-surface);--surface-2:var(--bg-card);--surface-3:var(--bg-panel);--control-height:42px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--shadow-card:0 10px 30px #00000029;--focus-ring:0 0 0 3px var(--primary-gold-glow);--primary-gold:#e5c158;--primary-gold-hover:#f3d47d;--primary-gold-glow:#e5c15826;--accent-indigo:#5c6bc0;--accent-cyan:#26c6da;--text-primary:#f1f3f9;--text-secondary:#9099b6;--text-gold:#e5c158;--border-subtle:#e5c15814;--border-active:#e5c1584d;--border-card:var(--border-subtle);--shadow-dropdown:0 10px 15px -3px #00000080;--shadow-modal:0 20px 25px -5px #00000080;--font-editorial:"Cinzel", serif;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Plus Jakarta Sans", sans-serif}[data-theme=light]{--bg-deep:#faf9f6;--bg-surface:#fffc;--bg-surface-hover:#f5f3ede6;--bg-card:#fff;--book-cover-start:#fffdf6;--book-cover-end:#eae1cc;--book-spine-start:#c7b99a;--book-spine-mid:#eadfc5;--book-spine-end:#d1c2a4;--book-edge:#b8a886;--book-frame:#7d602359;--book-accent:#795a1f;--book-shadow:#4131172e;--bg-header:#ffffffe6;--bg-loading:#faf9f6;--bg-panel:#f5f3ed;--bg-surface-solid:#fffffff2;--bg-surface-80:#fffc;--bg-surface-75:#f8f7f2e6;--bg-notif-badge-border:#fff;--bg-gradient-start:#faf9f6;--bg-gradient-end:#f0ede6;--bg-gradient-mid:#ffffffe6;--modal-overlay:#0006;--color-success:#15803d;--color-warning:#b45309;--color-danger:#dc2626;--color-info:var(--accent-cyan);--text-muted:#8b929f;--surface-1:var(--bg-surface);--surface-2:var(--bg-card);--surface-3:var(--bg-panel);--shadow-card:0 10px 30px #00000014;--focus-ring:0 0 0 3px var(--primary-gold-glow);--primary-gold:#c9a84c;--primary-gold-hover:#d4b85a;--primary-gold-glow:#c9a84c26;--accent-indigo:#5c6bc0;--accent-cyan:#0097a7;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-gold:#b8860b;--border-subtle:#00000014;--border-active:#c9a84c66;--border-card:#0000000f;--shadow-dropdown:0 10px 15px -3px #0000001a;--shadow-modal:0 20px 25px -5px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,#5c6bc00d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#e5c1580a 0%,#0000 45%);min-height:100vh;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-gold);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.site-wrapper{flex-direction:column;width:100%;min-height:100vh;display:flex}.app-container{flex-grow:1;width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem 6rem;transition:all .3s}.main-header{background-color:var(--bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:100;width:100%;height:80px;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 2rem;display:flex}.header-logo{align-items:center;gap:.75rem;display:flex}.logo-symbol{color:var(--primary-gold);filter:drop-shadow(0 0 8px #e5c1584d)}.logo-text{flex-direction:column;display:flex}.logo-text h1{font-family:var(--font-editorial);letter-spacing:1px;color:var(--text-primary);text-transform:uppercase;font-size:1.3rem;font-weight:700;line-height:1.1}.logo-text span{text-transform:uppercase;letter-spacing:3px;color:var(--primary-gold);opacity:.8;font-size:.6rem;font-weight:600}.header-nav{align-items:center;gap:2.5rem;display:flex}.header-link{font-family:var(--font-editorial);letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;font-size:.85rem;font-weight:600;transition:color .2s}.header-link:hover,.header-link.active{color:var(--primary-gold)}.nav-menu{position:relative}.nav-menu-btn{cursor:pointer;font-family:var(--font-editorial);letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:.4rem;padding:0;font-size:.85rem;font-weight:600;transition:color .2s;display:flex}.nav-menu-btn:hover,.nav-menu-btn.active{color:var(--primary-gold)}.nav-menu-panel{background:var(--bg-card);border:1px solid var(--border-subtle);min-width:230px;box-shadow:var(--shadow-dropdown);z-index:110;border-radius:10px;flex-direction:column;padding:.75rem;animation:.15s ease-out menuFadeIn;display:flex;position:absolute;top:calc(100% + 1rem);left:50%;transform:translate(-50%)}@keyframes menuFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.nav-menu-link{font-family:var(--font-editorial);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;color:var(--text-secondary);border-radius:8px;padding:.6rem .75rem;font-size:.82rem;font-weight:600;transition:color .2s,background .2s}.nav-menu-link:hover,.nav-menu-link.active{color:var(--primary-gold);background:#e5c1580f}.nav-menu-section{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);opacity:.6;padding:.6rem .75rem .3rem;font-size:.62rem;font-weight:700}.nav-menu-divider{background:var(--border-subtle);height:1px;margin:.5rem 0}.header-actions{align-items:center;gap:1rem;display:flex}.header-user{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:9999px;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.user-info{text-align:right;flex-direction:column;display:flex}.user-name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.85rem;font-weight:600;overflow:hidden}.user-role{color:var(--primary-gold);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.header-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.85rem;font-weight:600;text-decoration:none;overflow:hidden}.header-user-name:hover{color:var(--primary-gold)}.header-login-btn{color:var(--primary-gold);border:1px solid var(--primary-gold);border-radius:6px;padding:.4rem .85rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.header-login-btn:hover{background:#e5c1581a}.btn-logout{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;transition:color .2s;display:flex}.btn-logout:hover{color:var(--accent-rose,#f43f5e)}.header-auth-quick{gap:.5rem;display:flex}.btn-auth-quick{font-size:.75rem;font-weight:700;font-family:var(--font-editorial);letter-spacing:1px;cursor:pointer;text-transform:uppercase;border-radius:6px;padding:.45rem .95rem;transition:all .2s}.btn-auth-quick.reader{border:1px solid var(--border-subtle);color:var(--text-primary);background:0 0}.btn-auth-quick.reader:hover{background:#ffffff08}.btn-auth-quick.author{background:var(--primary-gold);border:1px solid var(--primary-gold);color:var(--bg-deep)}.btn-auth-quick.author:hover{background:var(--primary-gold-hover);box-shadow:0 4px 10px var(--primary-gold-glow)}.catalog-header{text-align:center;margin-bottom:4rem}.editorial-tagline{font-family:var(--font-editorial);color:var(--primary-gold);letter-spacing:5px;text-transform:uppercase;margin-bottom:1rem;font-size:.8rem;display:block}.catalog-title{font-family:var(--font-serif);letter-spacing:-1px;max-width:800px;margin:0 auto 2rem;font-size:3.5rem;font-weight:400;line-height:1.1}.catalog-hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.catalog-hero-actions a{border:1px solid var(--primary-gold);border-radius:6px;justify-content:center;align-items:center;gap:.6rem;min-height:46px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.catalog-hero-primary{background:var(--primary-gold);color:var(--bg-deep)}.catalog-hero-secondary{color:var(--primary-gold);background:0 0}.catalog-hero-actions a:hover{filter:brightness(1.1)}#catalog-books{scroll-margin-top:90px}.codex-preview{border:1px solid var(--border-subtle);background:radial-gradient(at 100% 0,#e5c1580f,#0000 65%);border-radius:16px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:2.5rem;margin:3.5rem 0 1rem;padding:2.5rem;display:grid}.codex-preview>*{min-width:0}.codex-preview-intro .editorial-tagline{letter-spacing:2px;font-size:.65rem}.codex-preview-intro h2{font-family:var(--font-serif);margin-bottom:1rem;font-size:2rem;font-weight:400;line-height:1.2}.codex-preview-intro p{color:var(--text-secondary);font-size:.95rem;line-height:1.75}.codex-preview-link{color:var(--primary-gold);text-underline-offset:4px;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.85rem;display:inline-flex}.codex-preview-demo{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:12px;padding:1.25rem}.codex-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.codex-preview-heading>span:first-child{align-items:center;gap:.5rem;display:inline-flex}.codex-preview-example{color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:20px;padding:.25rem .5rem;font-size:.65rem}.codex-preview-passage{font-family:var(--font-serif);margin:1.25rem 0 .5rem;font-size:1.05rem;line-height:1.9}.codex-preview-passage button{font:inherit;color:var(--primary-gold);border:0;border-bottom:1px dotted var(--primary-gold);cursor:pointer;text-align:left;background:0 0;padding:0}.codex-preview-hint{color:var(--text-secondary);font-size:.75rem}.codex-preview-categories{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.codex-preview-categories button{border:1px solid var(--border-subtle);min-height:44px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.3rem;padding:.6rem .7rem;font-size:.75rem;display:inline-flex}.codex-preview-categories button[aria-pressed=true]{border-color:var(--primary-gold);color:var(--primary-gold);background:#e5c1580f}.codex-preview-entry{border-left:2px solid var(--primary-gold);overflow-wrap:anywhere;padding:.25rem 0 .25rem 1rem}.codex-preview-entry-label{color:var(--primary-gold);align-items:center;gap:.4rem;font-size:.7rem;display:inline-flex}.codex-preview-entry h3{font-family:var(--font-serif);margin:.4rem 0 .6rem;font-size:1.25rem}.codex-preview-entry p{color:var(--text-secondary);font-size:.85rem;line-height:1.65}.codex-preview-entry .codex-preview-connection{margin-top:.65rem;font-style:italic}:is(.catalog-hero-actions,.codex-preview) :is(a,button):focus-visible{outline:2px solid var(--primary-gold);outline-offset:4px}@media (width<=768px){.catalog-hero-actions a{flex:200px}.codex-preview{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:2.5rem;padding:1.25rem}.codex-preview-intro h2{font-size:1.6rem}.codex-preview-demo{padding:1rem}}.spotlight-section{border:1px solid var(--border-subtle);background:radial-gradient(circle at 100% 0,#e5c15808 0%,#0000 60%);border-radius:20px;grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;margin-bottom:5rem;padding:3.5rem;display:grid;position:relative;overflow:hidden}.spotlight-section:before{content:"DESTACADO";font-family:var(--font-editorial);letter-spacing:3px;color:var(--primary-gold);opacity:.6;border:1px solid var(--border-subtle);border-radius:4px;padding:.25rem .75rem;font-size:.75rem;position:absolute;top:2rem;right:2rem}.spotlight-info{flex-direction:column;display:flex}.spotlight-label{font-family:var(--font-editorial);letter-spacing:3px;color:var(--primary-gold);margin-bottom:1.5rem;font-size:.75rem}.spotlight-title{font-family:var(--font-serif);margin-bottom:1rem;font-size:2.75rem;font-weight:500;line-height:1.2}.spotlight-author{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.05rem}.spotlight-author span{color:var(--primary-gold);font-weight:600}.spotlight-synopsis{color:var(--text-secondary);white-space:pre-line;margin-bottom:2rem;font-size:1.05rem;line-height:1.8}.book-cover-3d-wrapper{perspective:1200px;justify-content:center;align-items:center;display:flex}.book-3d{--book-depth:20px;--book-half-depth:10px;width:160px;height:232px;transform-style:preserve-3d;box-shadow:8px 12px 20px var(--book-shadow);border-radius:1px 5px 5px 1px;transition:transform .5s ease-out,box-shadow .5s ease-out;position:relative;transform:rotateY(22deg)rotateX(4deg)}.book-3d:hover{box-shadow:12px 20px 28px var(--book-shadow);transform:rotateY(14deg)rotateX(3deg)translateY(-6px)}.book-3d-front{background-color:var(--bg-card);width:100%;height:100%;transform:translateZ(var(--book-half-depth));backface-visibility:hidden;border:1px solid var(--book-frame);border-radius:1px 5px 5px 1px;position:absolute;overflow:hidden;box-shadow:inset 2px 0 3px #0000001f}.book-3d-cover-img{object-fit:cover;width:100%;height:100%;display:block}.book-3d-spine{width:var(--book-depth);background:linear-gradient(90deg, var(--book-spine-start), var(--book-spine-mid) 45%, var(--book-spine-end));height:100%;transform:translateZ(calc(-1 * var(--book-half-depth))) rotateY(-90deg);transform-origin:0;backface-visibility:hidden;border:1px solid var(--book-edge);pointer-events:none;position:absolute;top:0;left:0;box-shadow:inset 2px 0 3px #ffffff1f}.book-3d-pages{width:calc(100% - 4px);height:calc(100% - 6px);transform:translateZ(calc(-1 * var(--book-half-depth) + 2px));background:#eae6df repeating-linear-gradient(90deg,#0000,#0000 2px,#00000014 2px 3px);border-radius:0 4px 4px 0;position:absolute;top:3px;left:2px;box-shadow:inset -5px 0 10px #0000001a}.book-3d-grid{transform-style:preserve-3d;transform:rotateY(22deg)rotateX(4deg)}.editorial-placeholder{background:linear-gradient(145deg, var(--book-cover-start), var(--book-cover-end));border:1px solid var(--border-subtle);text-align:center;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1.5rem;display:flex;position:relative}.editorial-placeholder:before{content:"";border:1px solid var(--book-frame);pointer-events:none;position:absolute;inset:5px}.placeholder-brand{font-family:var(--font-editorial);letter-spacing:2px;color:var(--book-accent);font-size:.6rem}.placeholder-title{font-family:var(--font-serif);color:var(--text-primary);text-wrap:balance;margin-top:2rem;font-size:1.25rem;font-style:italic}.placeholder-author{color:var(--text-secondary);font-size:.8rem;font-family:var(--font-editorial);letter-spacing:1px}.bookshelf-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:stretch;gap:4rem 2.5rem;margin-top:1.5rem;display:grid}.shelf-item{background:0 0;flex-direction:column;align-items:center;height:100%;transition:all .3s;display:flex;position:relative;overflow:clip}.shelf-display{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:260px;padding:.75rem 0;display:flex;position:relative}.shelf-book-wrapper{perspective:1200px;margin-bottom:0}.shelf-info{text-align:center;flex-direction:column;flex:1;align-items:center;width:100%;padding-top:1.25rem;display:flex}.shelf-title{font-family:var(--font-serif);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3.1rem;margin-bottom:.35rem;font-size:1.25rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.shelf-author{color:var(--text-secondary);font-size:.8rem;font-family:var(--font-editorial);letter-spacing:1px;margin-bottom:.75rem}.shelf-author span{color:var(--primary-gold)}.shelf-genres{flex-wrap:wrap;justify-content:center;gap:.35rem;height:20px;margin-bottom:1.25rem;display:flex;overflow:hidden}.btn-shelf-read{font-family:var(--font-editorial);color:var(--primary-gold);letter-spacing:2px;text-transform:uppercase;border:1px solid var(--border-subtle);z-index:10;background:#e5c15805;border-radius:4px;align-items:center;gap:.5rem;margin-top:auto;padding:.5rem 1.25rem;font-size:.7rem;font-weight:700;transition:all .3s;display:flex;position:relative}.shelf-item:hover .btn-shelf-read{border-color:var(--primary-gold);color:var(--primary-gold-hover);background:#e5c1580f;transform:translateY(-2px);box-shadow:0 4px 10px #e5c1581a}.catalog-books-grid>*{min-width:0}.catalog-book{overflow:visible}.catalog-book-cover{color:inherit;text-decoration:none}.catalog-book .placeholder-title{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:.5rem 0;line-height:1.2;display:-webkit-box;overflow:hidden}.catalog-book .placeholder-author{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.catalog-book-info{text-align:center;width:100%;padding-top:1.25rem}.catalog-book .shelf-title{overflow-wrap:anywhere;height:auto;min-height:3.1rem}.catalog-book .shelf-title a{color:inherit;text-decoration:none}.catalog-book .shelf-author{overflow-wrap:anywhere;display:block}.catalog-book .shelf-author a{color:var(--primary-gold);text-underline-offset:3px}.catalog-book .shelf-genres{height:auto;min-height:20px;margin-bottom:.5rem}.catalog-book-status{color:var(--text-secondary);font-size:.75rem}.catalog-book-synopsis{width:100%;color:var(--text-secondary);text-align:left;-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:1rem 0 1.25rem;font-size:.9rem;line-height:1.65;display:-webkit-box;overflow:hidden}.catalog-book-synopsis.is-empty{font-style:italic}.catalog-book-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;margin-top:auto;display:flex}.catalog-book-actions .btn-shelf-read{letter-spacing:.5px;cursor:pointer;min-height:44px;margin-top:0}.catalog-book-actions .btn-shelf-read:disabled{opacity:.65;cursor:wait}.catalog-book-details{color:var(--primary-gold);text-underline-offset:3px;padding:.65rem 0;font-size:.8rem}.catalog-book-error{color:var(--text-secondary);margin-top:.75rem;font-size:.8rem}.catalog-book :is(a,button):focus-visible{outline:2px solid var(--primary-gold);outline-offset:4px}.catalog-grid-section{flex-direction:column;gap:2.5rem;display:flex}.catalog-section-bar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:1.25rem;display:flex}.catalog-section-title{font-family:var(--font-editorial);letter-spacing:2px;color:var(--text-primary);font-size:1.2rem}.catalog-search-inline{width:320px;position:relative}.search-inline-input{border:1px solid var(--border-subtle);color:#fff;background:#ffffff05;border-radius:8px;outline:none;width:100%;padding:.65rem 1rem .65rem 2.5rem;font-size:.85rem;transition:all .3s}.search-inline-input:focus{border-color:var(--primary-gold);background:#ffffff0a}.search-inline-icon{color:var(--text-secondary);position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.catalog-filter-select{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;background:#ffffff05;border-radius:8px;outline:none;padding:.65rem 1rem;font-size:.85rem;transition:all .3s}.catalog-filter-select:focus{border-color:var(--primary-gold);background:#ffffff0a}.catalog-filter-select option{background:var(--bg-card);color:var(--text-primary)}.catalog-filter-group{gap:.5rem;display:flex}.rankings-period-toggle{gap:.5rem;margin-bottom:1.5rem;display:flex}.rankings-period-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:9999px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:500;transition:all .2s}.rankings-period-btn:hover{color:var(--text-primary);background:#ffffff0d}.rankings-period-btn.active{border-color:var(--primary-gold);color:var(--primary-gold);background:#e5c15814;font-weight:600}.rankings-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.rankings-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;align-items:center;gap:1.25rem;padding:1rem 1.25rem;transition:all .25s;display:flex}.rankings-row:hover{box-shadow:var(--shadow-card);border-color:#e5c15859;transform:translateY(-2px)}.rankings-row-top{background:linear-gradient(145deg,#e5c1580a,#0000 60%);border-color:#e5c15866}.rankings-rank{border:1px solid var(--border-subtle);min-width:48px;height:48px;color:var(--text-secondary);font-family:var(--font-serif);background:#ffffff08;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex}.rankings-rank.top{border-color:var(--primary-gold);color:var(--primary-gold);background:#e5c1581a}.rankings-cover-link{flex-shrink:0;text-decoration:none}.rankings-cover-3d{border-radius:3px;width:78px;height:112px}.rankings-info{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.rankings-title{font-family:var(--font-serif);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:600;line-height:1.3;text-decoration:none;overflow:hidden}.rankings-title:hover{color:var(--primary-gold)}.rankings-author{color:var(--text-secondary);font-size:.8rem}.rankings-stats{flex-direction:column;gap:.4rem;min-width:90px;display:flex}.rankings-stat{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.rankings-score{border-left:1px solid var(--border-subtle);flex-direction:column;justify-content:center;align-items:center;min-width:70px;padding:.5rem .75rem;display:flex}.rankings-score-value{font-family:var(--font-serif);color:var(--primary-gold);font-size:1.4rem;font-weight:700;line-height:1}.rankings-score-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-top:.25rem;font-size:.65rem}.rankings-read{white-space:nowrap;margin-top:0}@media (width<=720px){.rankings-row{flex-wrap:wrap;gap:.75rem}.rankings-stats{flex-direction:row;justify-content:flex-start;gap:1rem;width:100%;min-width:0}.rankings-score{border-left:none;min-width:0;padding:0}.rankings-read{display:none}}.genre-cloud{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.genre-cloud-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:9999px;padding:.5rem 1.25rem;font-size:.8rem;font-weight:500;transition:all .2s}.genre-cloud-btn:hover{color:var(--text-primary);background:#ffffff0d}.genre-cloud-btn.active{border-color:var(--primary-gold);color:var(--primary-gold);background:#e5c15814;font-weight:600}.editorial-toc-list{background:0 0;border:none;flex-direction:column;gap:1rem;padding:1.5rem 0;display:flex}.editorial-toc-item{border:1px solid var(--border-subtle);background:#ffffff03;border-radius:12px;align-items:baseline;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.editorial-toc-item:hover{border-color:var(--primary-gold);background:#e5c15808;transform:translate(4px)}.toc-num{font-family:var(--font-editorial);color:var(--primary-gold);letter-spacing:2px;min-width:100px;font-size:.8rem;font-weight:600}.toc-title{font-family:var(--font-serif);color:var(--text-primary);font-size:1.15rem;font-weight:500}.toc-filler{border-bottom:1px dotted #e5c15840;flex-grow:1;align-self:center;height:1px;margin:0 1.5rem}.toc-word-count{margin-left:.75rem}@media (width<=768px){.editorial-toc-item{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"number number""title title""words action";gap:.6rem 1rem;min-width:0;padding:1rem;display:grid}.editorial-toc-item .toc-num{grid-area:number;min-width:0}.editorial-toc-item .toc-title{overflow-wrap:anywhere;grid-area:title;min-width:0}.editorial-toc-item .toc-word-count{grid-area:words;margin-left:0}.editorial-toc-item .toc-arrow{grid-area:action;justify-self:end}.editorial-toc-item .toc-filler{display:none}.editorial-toc-item:hover{transform:none}}.toc-arrow{color:var(--primary-gold);font-family:var(--font-editorial);letter-spacing:1px;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;transition:transform .2s;display:flex}.editorial-toc-item:hover .toc-arrow{transform:translate(4px)}.main-footer{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-secondary);background-color:var(--bg-header);margin-top:auto;padding:2.5rem 0;font-size:.85rem}.main-footer .footer-links{justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.main-footer .footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.main-footer .footer-links a:hover{color:var(--primary-gold)}.main-footer .footer-socials{justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.main-footer .footer-socials a{color:var(--text-secondary);align-items:center;text-decoration:none;transition:color .2s,transform .2s;display:flex}.main-footer .footer-socials a:hover{color:var(--primary-gold);transform:translateY(-2px)}.main-footer .footer-recommend{color:var(--text-muted);margin-bottom:.8rem;font-size:.78rem}.main-footer .footer-recommend a{color:var(--text-muted);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:color .2s}.main-footer .footer-recommend a:hover{color:var(--primary-gold)}.loading-state,.error-state,.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-state.full-page,.error-state.full-page{min-height:50vh}.loading-state.full-page{background:var(--bg-loading);min-height:100vh}.loading-message{margin-top:var(--space-4);color:var(--text-secondary)}.page-content{width:100%;max-width:1000px;margin:0 auto}.page-header{margin-bottom:var(--space-6)}.page-subtitle{margin-top:var(--space-2);color:var(--text-secondary);line-height:1.7}.create-book-grid{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:3rem;display:grid}.card{background:var(--surface-1);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.spinner{color:var(--primary-gold);margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.editorial-detail{width:100%;max-width:1000px;margin:0 auto}.detail-back-link{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:3rem;font-size:.85rem;font-weight:600;transition:color .2s;display:inline-flex}.detail-back-link:hover{color:var(--primary-gold)}.detail-grid{grid-template-columns:300px 1fr;align-items:start;gap:4rem;margin-bottom:4rem;display:grid}.detail-meta-block{flex-direction:column;display:flex}.detail-genres{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.detail-title{font-family:var(--font-serif);margin-bottom:.75rem;font-size:3rem;font-weight:500;line-height:1.1}.detail-author{color:var(--text-secondary);font-size:1.1rem;font-family:var(--font-editorial);letter-spacing:1px;margin-bottom:2rem}.detail-author span{color:var(--primary-gold);font-weight:700}.detail-price-box{margin-bottom:2rem}.detail-price-badge{font-size:1.1rem;font-weight:700;font-family:var(--font-editorial);letter-spacing:1px;border-radius:6px;padding:.35rem .85rem;display:inline-block}.detail-price-badge.free{color:var(--accent-cyan);background:#26c6da14;border:1px solid #26c6da33}.detail-info-row{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);gap:2.5rem;margin-bottom:2rem;padding-bottom:1rem;font-size:.85rem;display:flex}.info-row-item{align-items:center;gap:.5rem;display:flex}.detail-synopsis-box h3{font-family:var(--font-editorial);letter-spacing:2px;color:var(--primary-gold);margin-bottom:1rem;font-size:.85rem}.detail-synopsis-box p{font-family:var(--font-serif);color:var(--text-secondary);font-size:1.15rem;line-height:1.8}.btn-detail-start{background:var(--primary-gold);color:var(--bg-deep);font-weight:700;font-family:var(--font-editorial);letter-spacing:2px;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.75rem;width:fit-content;margin-top:2.5rem;padding:.95rem 2.5rem;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #e5c15840}.btn-detail-start:hover{background:var(--primary-gold-hover);transform:translateY(-2px);box-shadow:0 6px 20px #e5c15866}.editorial-toc-section{border-top:1px solid var(--border-subtle);padding-top:3.5rem}.editorial-toc-section h2{font-family:var(--font-serif);margin-bottom:2rem;font-size:2rem;font-weight:400}.btn-back{color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:#0000;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.65rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-back:hover{color:var(--text-primary);background-color:#ffffff08}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;padding:.65rem 1rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button-primary{background:var(--primary-gold);color:var(--bg-deep)}.ui-button-primary:hover:not(:disabled){background:var(--primary-gold-hover);transform:translateY(-1px)}.ui-button-secondary{border-color:var(--border-subtle);color:var(--text-secondary);background:0 0}.ui-button-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-active);color:var(--text-primary)}.ui-button-danger{border-color:color-mix(in srgb, var(--color-danger) 35%, transparent);color:var(--color-danger);background:0 0}.ui-button-danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 10%, transparent)}.ui-card{background:var(--surface-1);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.ui-badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;min-height:24px;padding:.2rem .6rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.ui-badge-success{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 10%, transparent)}.ui-badge-warning{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 10%, transparent)}.ui-badge-danger{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 10%, transparent)}.ui-badge-info{color:var(--color-info);background:color-mix(in srgb, var(--color-info) 10%, transparent)}.ui-alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid;font-size:.875rem;display:flex}.ui-alert-success{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 8%, transparent);border-color:color-mix(in srgb, var(--color-success) 30%, transparent)}.ui-alert-warning{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 8%, transparent);border-color:color-mix(in srgb, var(--color-warning) 30%, transparent)}.ui-alert-danger{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, transparent);border-color:color-mix(in srgb, var(--color-danger) 30%, transparent)}.ui-alert-info{color:var(--color-info);background:color-mix(in srgb, var(--color-info) 8%, transparent);border-color:color-mix(in srgb, var(--color-info) 30%, transparent)}.ui-modal-backdrop{z-index:9999;padding:var(--space-4);background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;display:grid;position:fixed;inset:0}.ui-modal{width:min(100%,550px);max-height:min(90vh,760px);padding:var(--space-6);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);overflow:auto}.confirm-modal-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.confirm-modal-header h3{font-family:var(--font-serif);color:var(--text-primary);margin:0;font-size:1.1rem}.confirm-modal-danger-icon,.confirm-modal-danger-title{color:var(--color-danger)!important}.avatar-crop-dialog{color:var(--text-primary);max-height:calc(100dvh - 2rem);margin:auto}.avatar-crop-dialog::backdrop{background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.avatar-crop-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.avatar-crop-header h2{font-family:var(--font-serif);font-size:1.4rem}.avatar-crop-close{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.avatar-crop-hint{color:var(--text-secondary);margin:.75rem 0 1rem;font-size:.9rem;line-height:1.6}.avatar-crop-stage{background:var(--bg-panel);border-radius:8px;width:100%;height:clamp(180px,46dvh,340px);position:relative;overflow:hidden}.avatar-crop-stage[aria-busy=true]{pointer-events:none}.avatar-crop-zoom{align-items:center;gap:1rem;margin:1.25rem 0;display:flex}.avatar-crop-zoom input{min-width:0;min-height:44px;accent-color:var(--primary-gold);flex:1}.avatar-crop-error{color:var(--color-danger);margin-bottom:1rem;font-size:.9rem}.avatar-crop-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.avatar-crop-actions button{min-height:44px}.avatar-crop-dialog :is(button,input):focus-visible{outline:2px solid var(--primary-gold);outline-offset:3px}@media (width<=480px){.avatar-crop-dialog{width:calc(100% - 1.5rem);padding:1rem}.avatar-crop-header h2{font-size:1.2rem}.avatar-crop-actions button{flex:1;justify-content:center}}.toast-stack{top:calc(env(safe-area-inset-top,0px) + 1rem);right:calc(env(safe-area-inset-right,0px) + 1rem);left:max(1rem, env(safe-area-inset-left,0px));z-index:2147483647;width:auto;max-width:420px;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem);pointer-events:none;flex-direction:column;gap:.5rem;margin-left:auto;display:flex;position:fixed;overflow-y:auto}.toast-stack svg{flex-shrink:0}.confirm-modal-message{margin-bottom:var(--space-5);color:var(--text-secondary);font-size:.9rem;line-height:1.5}.confirm-modal-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.reader-workspace{background-color:var(--bg-loading);flex-direction:column;min-height:100vh;display:flex}.reader-navbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 3rem;display:flex;position:sticky;top:0}.btn-reader-nav{font-family:var(--font-editorial);letter-spacing:2px;color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;transition:color .2s;display:flex}.btn-reader-nav:hover{color:var(--primary-gold)}.reader-title-center{font-family:var(--font-serif);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:.95rem;font-style:italic;overflow:hidden}.reader-settings{align-items:center;gap:.75rem;display:flex}.btn-font{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background-color:#ffffff08;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;transition:all .2s;display:flex}.btn-font:hover{color:var(--text-primary);background-color:#ffffff14}.font-indicator{text-align:center;min-width:40px;font-size:.85rem}.reader-page-wrapper{background:linear-gradient(180deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);flex-grow:1;justify-content:center;align-items:flex-start;padding:4rem 2rem 6rem;display:flex}.reader-paper{background-color:var(--bg-surface-75);color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 50px #0009, 0 0 15px var(--primary-gold-glow);border:1px solid var(--border-subtle);border-radius:16px;width:100%;max-width:800px;padding:5rem 6rem;position:relative}.reader-paper:before{content:"";pointer-events:none;background:linear-gradient(90deg,#e5c1580a 0%,#0000 100%);width:8px;position:absolute;top:0;bottom:0;left:0}.reader-book-header{text-align:center;border-bottom:1px solid var(--border-subtle);margin-bottom:4rem;padding-bottom:2rem}.reader-book-tag{font-family:var(--font-editorial);letter-spacing:3px;color:var(--primary-gold);text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;display:block}.reader-chapter-title-styled{font-family:var(--font-serif);color:var(--text-primary);font-size:2.25rem;font-weight:500;line-height:1.2}.reader-editorial-content{font-family:var(--font-serif);line-height:1.9}.reader-editorial-content p{margin-bottom:1.75rem}.reader-footer-nav{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:5rem;padding-top:2.5rem;display:flex}.btn-book-nav{border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-editorial);letter-spacing:1px;background:#ffffff05;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-book-nav:hover{color:var(--primary-gold);border-color:var(--primary-gold);background:#e5c1580d}.btn-book-nav-toc{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-book-nav-toc:hover{color:var(--primary-gold);border-color:var(--primary-gold);background:#ffffff0a}.nav-placeholder{visibility:hidden;width:120px}.hamburger-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:none}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.mobile-drawer{overscroll-behavior:contain;background:var(--bg-card);border-left:1px solid var(--border-subtle);width:280px;height:100vh;padding:1.5rem;animation:.2s ease-out slideInRight;position:fixed;top:0;right:0;overflow-y:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.mobile-drawer-title{font-family:var(--font-editorial);color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-weight:700}.mobile-drawer-nav{flex-direction:column;gap:.25rem;display:flex}.mobile-nav-section-label{text-transform:uppercase;letter-spacing:2px;color:var(--primary-gold);margin-top:1.5rem;margin-bottom:.5rem;padding:0 .75rem;font-size:.6rem}.mobile-nav-link{color:var(--text-secondary);border-radius:8px;padding:.75rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .15s;display:block}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--primary-gold);background:#e5c1580f}.mobile-nav-divider{background:var(--border-subtle);height:1px;margin:1rem 0}.mobile-logout{color:#ef4444!important}.mobile-logout:hover{color:#ef4444!important;background:#ef444414!important}.header-left{align-items:center;gap:.75rem;display:flex}@media (width<=1024px){.app-container{padding:2rem 1.5rem}.spotlight-section{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem}.detail-grid{grid-template-columns:1fr;gap:2.5rem}.create-book-grid{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:2rem}.book-detail-cover-container{justify-self:center}}@media (width<=768px){.main-header{height:64px}.header-container{height:64px;padding:0 1rem}.hamburger-btn{display:flex}.mobile-overlay.open{display:block}.header-nav{display:none}.catalog-search-inline{width:100%}.header-user-name,.header-login-btn{display:none}.notif-dropdown{width:290px!important;right:0!important}.logo-text span{display:none}.logo-text h1{font-size:1.1rem}.catalog-title{font-size:1.75rem}.create-book-grid{grid-template-columns:1fr;gap:2rem}.catalog-header p{font-size:.9rem}.catalog-section-bar{flex-direction:column;align-items:flex-start;gap:1rem}.bookshelf-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.catalog-container .catalog-books-grid{grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:0}.catalog-book{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:12px;grid-template-columns:clamp(88px,24vw,120px) minmax(0,1fr);grid-template-areas:"cover info""synopsis synopsis""actions actions";align-items:start;gap:1rem;padding:1rem;display:grid}.catalog-book-cover{aspect-ratio:2/3;grid-area:cover;height:auto;padding:0}.catalog-book .shelf-book-wrapper{width:100%;height:100%;margin:0}.catalog-book .book-3d{width:100%;height:100%;box-shadow:none;transform:none}.catalog-book .book-3d-front{transform:none}.catalog-book .book-3d-spine,.catalog-book .book-3d-pages{display:none}.shared-book-card{grid-template-areas:"cover info""actions actions"}.catalog-book .editorial-placeholder{overflow-wrap:anywhere;padding:.65rem}.catalog-book .placeholder-title{margin-top:0;font-size:.8rem}.catalog-book .placeholder-author{letter-spacing:0;font-size:.6rem}.catalog-book .placeholder-brand{letter-spacing:1px;font-size:.45rem}.catalog-book-info{text-align:left;grid-area:info;min-width:0;padding-top:0}.catalog-book .shelf-title{min-height:0;margin-bottom:.5rem;font-size:1.1rem;display:block}.catalog-book .shelf-author{letter-spacing:0;font-size:.75rem}.catalog-book .shelf-genres{justify-content:flex-start}.catalog-book .card-genre-tag{font-size:.7rem}.catalog-book-synopsis{grid-area:synopsis;margin:0}.catalog-book-actions{grid-area:actions;justify-content:flex-start;width:100%}.catalog-book-error{grid-column:1/-1;margin:0}.catalog-book .btn-shelf-read{padding:.6rem .8rem;font-size:.65rem}.catalog-container .catalog-filter-group{flex-wrap:wrap;width:100%}.catalog-container .catalog-filter-select{flex:1;min-width:0}.responsive-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.reader-paper{padding:2rem 1.25rem}.reader-navbar{padding:0 1rem}.reader-title-center{display:none}.profile-header-card{text-align:center;justify-items:center;grid-template-columns:1fr!important;gap:2rem!important;padding:2rem!important}.profile-header-card h1{font-size:1.5rem!important}.profile-header-card>div:first-child>div{width:110px!important;height:110px!important}.profile-edit-grid{grid-template-columns:1fr!important}.codex-grid,.codex-workspace-grid{grid-template-columns:1fr!important;gap:2rem!important}.codex-sidebar,.codex-sidebar-taller{order:-1}.codex-content .reader-paper{padding:2rem 1.5rem!important}.codex-content .reader-chapter-title-styled{font-size:1.6rem!important}.codex-editor-panel .editor-toolbar-container{position:relative!important;top:auto!important}.codex-editor-panel .editor-toolbar{border-radius:12px;flex-wrap:wrap;justify-content:center;padding:.6rem}.codex-editor-panel .editor-content-textarea{min-height:280px!important}.codex-editor-panel .editorial-form>div:first-child{grid-template-columns:1fr!important}.codex-editor-panel .editorial-form>div:first-child select{height:auto!important;padding:.5rem .75rem!important}.codex-editor-panel .editorial-form>div:last-of-type{flex-direction:column;gap:1rem;align-items:stretch!important}.codex-editor-panel .editorial-form>div:last-of-type>div:first-child{justify-content:center!important}.codex-editor-panel .editorial-form>div:last-of-type>div:last-child{flex-wrap:wrap;justify-content:center!important}.codex-workspace-header{gap:1rem;flex-direction:column!important;align-items:flex-start!important}.codex-workspace-header>div{width:100%}.footer-links{text-align:center;flex-direction:column;align-items:center;gap:.75rem}}@media (width<=480px){.app-container{padding:1.25rem 1rem}.catalog-title{font-size:1.4rem}.editorial-tagline{font-size:.6rem}.book-card-footer{flex-direction:column;gap:.5rem}.book-card-footer .btn-back{justify-content:center;width:100%}.header-container{padding:0 .75rem}.bookshelf-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.responsive-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.header-actions .header-user{gap:.5rem;padding:.35rem .6rem}.header-actions button,.header-actions a:not(.user-info){padding:4px!important}.profile-edit-grid{grid-template-columns:1fr!important}}.editorial-form{flex-direction:column;gap:1.5rem;width:100%;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{font-family:var(--font-editorial);color:var(--primary-gold);letter-spacing:2px;text-transform:uppercase;font-size:.75rem}.form-input-styled{border:1px solid var(--border-subtle);min-height:var(--control-height);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);background:#ffffff05;outline:none;padding:.85rem 1.25rem;transition:all .3s}.form-input-styled:focus{border-color:var(--primary-gold);box-shadow:var(--focus-ring);background:#ffffff0f}select.form-input-styled option{background:var(--bg-card);color:var(--text-primary)}.form-textarea-styled{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);resize:vertical;background:#ffffff05;outline:none;padding:.85rem 1.25rem;line-height:1.6;transition:all .3s}.form-textarea-styled:focus{border-color:var(--primary-gold);box-shadow:var(--focus-ring);background:#ffffff0a}.form-actions-row{align-items:center;gap:1.25rem;margin-top:1rem;display:flex}.editor-title-input{width:100%;color:var(--text-secondary);font-family:var(--font-serif);text-align:center;background:0 0;border:none;border-bottom:1px solid #0000000d;outline:none;padding:.5rem;font-size:2.25rem;font-weight:500;transition:border-color .3s}.editor-title-input:focus{border-color:var(--text-gold)}.editor-content-textarea{width:100%;color:var(--text-primary);font-family:var(--font-serif);text-align:justify;background:0 0;border:none;outline:none;min-height:450px;padding:1rem 0;font-size:1.25rem;line-height:1.9}.editor-content-textarea p{margin-bottom:1.75rem}.editor-content-textarea[contenteditable]:empty:before{content:attr(placeholder);color:var(--text-secondary);cursor:text;font-style:italic}.reader-paper .editor-content-textarea[contenteditable]:empty:before{color:var(--text-secondary)}.reader-paper .editor-title-input{color:var(--text-primary);border-color:var(--border-subtle)}.reader-paper .editor-title-input:focus{border-color:var(--primary-gold)}.reader-paper .editor-content-textarea{color:var(--text-primary)}.editor-toolbar-container{z-index:90;background:linear-gradient(180deg, var(--bg-gradient-start) 0%, var(--bg-gradient-mid) 80%, transparent 100%);justify-content:center;width:100%;padding:1rem 0;display:flex;position:sticky;top:64px}.editor-toolbar{background:var(--bg-surface-solid);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);box-shadow:0 10px 30px #0006, 0 0 10px var(--primary-gold-glow);border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem 1.25rem;display:flex}.toolbar-group{align-items:center;gap:.25rem;display:flex}.btn-toolbar{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:relative}.btn-toolbar:hover{color:var(--primary-gold);background:#e5c15814}.btn-toolbar.text-btn{border-radius:6px;width:36px;font-size:.85rem;font-weight:700}.btn-toolbar.font-mono{font-family:monospace}.toolbar-divider{background-color:var(--border-subtle);width:1px;height:20px;margin:0 .5rem}.select-toolbar{background:var(--bg-surface-solid);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-sans);border-radius:4px;outline:none;padding:.25rem .5rem;transition:all .2s}.select-toolbar:hover,.select-toolbar:focus{border-color:var(--primary-gold)}.select-toolbar option{background:var(--bg-panel);color:var(--text-primary)}.ProseMirror{width:100%;color:var(--text-primary);font-family:var(--font-serif);text-align:justify;background:0 0;border:none;outline:none;min-height:450px;padding:1rem 0;font-size:1.25rem;line-height:1.9}.ProseMirror p{margin-bottom:1.75rem}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-secondary);cursor:text;float:left;pointer-events:none;height:0;font-style:italic}.btn-toolbar.is-active{color:var(--primary-gold);background:#e5c15826}.cliche-mark{color:#fda4af;background:#f43f5e29;border-bottom:2px solid #f43f5e99;border-radius:2px}.btn-toolbar.has-cliche-hits{color:#fda4af}.cliche-badge{color:#fff;background:#f43f5ed9;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.cliche-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;width:min(460px,100% - 2rem);margin:.5rem auto 0;padding:.85rem 1rem;box-shadow:0 15px 30px -10px #00000080}.cliche-panel-header{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.8rem;font-weight:600;display:flex}.cliche-panel-header span{align-items:center;gap:.4rem;display:flex}.cliche-panel-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:.15rem;display:flex}.cliche-hits{flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem;display:flex}.cliche-hit{color:#fda4af;background:#f43f5e1a;border:1px solid #f43f5e4d;border-radius:20px;padding:.2rem .6rem;font-size:.72rem}.cliche-terms{flex-wrap:wrap;gap:.4rem;display:flex}.cliche-term{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#e5c1580d;border-radius:20px;padding:.2rem .6rem;font-size:.72rem}.cliche-term.is-hit{color:#fda4af;background:#f43f5e1a;border-color:#f43f5e59}.cliche-empty{color:var(--text-secondary);font-size:.78rem;font-style:italic}.ProseMirror ul{margin-bottom:1.75rem;padding-left:2.5rem;list-style-type:disc}.ProseMirror ol{margin-bottom:1.75rem;padding-left:2.5rem;list-style-type:decimal}.ProseMirror li{margin-bottom:.5rem}.ProseMirror blockquote{border-left:3px solid var(--primary-gold);color:var(--text-secondary);margin:2rem 0;padding-left:1.5rem;font-style:italic}.ProseMirror a{color:var(--primary-gold);text-decoration:underline;transition:text-shadow .2s}.ProseMirror a:hover{text-shadow:0 0 4px var(--primary-gold-glow)}.ProseMirror hr{border:0;border-top:1px solid var(--border-subtle);margin:2.5rem 0}.ProseMirror h1{font-family:var(--font-editorial);color:var(--text-primary);margin:2rem 0 1.25rem;font-size:2rem}.ProseMirror h2{font-family:var(--font-editorial);color:var(--text-primary);margin:1.75rem 0 1rem;font-size:1.5rem}.ProseMirror h3{font-family:var(--font-serif);color:var(--text-primary);margin:1.5rem 0 .75rem;font-size:1.25rem}.ProseMirror s{color:var(--text-secondary);text-decoration:line-through}.ProseMirror code{color:var(--primary-gold);background:#e5c1581a;border-radius:3px;padding:.15rem .3rem;font-family:JetBrains Mono,monospace;font-size:.9em}.ProseMirror pre{background:var(--bg-surface-80);border:1px solid var(--border-subtle);border-radius:8px;margin:1.5rem 0;padding:1rem;overflow-x:auto}.ProseMirror pre code{color:var(--text-primary);background:0 0;padding:0}.asterism-node,.ProseMirror div[data-asterism]{text-align:center;color:var(--primary-gold);letter-spacing:.5rem;-webkit-user-select:none;user-select:none;margin:2rem 0;font-size:1.5rem;line-height:1}.footnote-ref{color:var(--primary-gold);font-size:.75rem;font-weight:700}.footnote-item{outline:none;margin-bottom:.6rem}.footnote-backref{margin-left:.35rem;font-size:.7rem;font-weight:700;text-decoration:none;color:var(--primary-gold)!important}.footnote-backref:hover{text-shadow:0 0 4px var(--primary-gold)}.editor-content-textarea font[size="2"],.reader-editorial-content-body font[size="2"]{font-size:.9rem}.editor-content-textarea font[size="3"],.reader-editorial-content-body font[size="3"]{font-size:1.15rem}.editor-content-textarea font[size="4"],.reader-editorial-content-body font[size="4"]{font-size:1.35rem}.editor-content-textarea font[size="5"],.reader-editorial-content-body font[size="5"]{font-size:1.6rem}.editor-content-textarea font[size="6"],.reader-editorial-content-body font[size="6"]{font-size:2rem;font-family:var(--font-serif);margin:1.5rem 0 1rem;font-weight:500;display:block}.footnotes-divider{border:0;border-top:1px solid var(--border-subtle);width:100%;margin:4rem 0 2rem}.footnotes-section{text-align:left;margin-top:2rem}.footnotes-section h4{font-family:var(--font-editorial);color:var(--primary-gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;font-size:.8rem}.footnotes-list{color:var(--text-secondary);padding-left:1.25rem;font-size:.85rem;line-height:1.7}.footnotes-list li{outline:none;margin-bottom:.6rem}.footnote-ref a{padding:0 .15rem;font-size:.75rem;font-weight:700;text-decoration:none;color:var(--primary-gold)!important}.footnote-ref a:hover{text-shadow:0 0 4px var(--primary-gold)}.footnotes-list li a{margin-left:.35rem;font-weight:700;text-decoration:none;color:var(--primary-gold)!important}.footnotes-list li a:hover{text-shadow:0 0 4px var(--primary-gold)}.reader-editorial-content-body{font-family:var(--font-serif);text-align:justify;line-height:1.9}.reader-editorial-content-body p{margin-bottom:1.75rem}.editor-content-textarea ul,.reader-editorial-content-body ul{margin-bottom:1.75rem;padding-left:2.5rem;list-style-type:disc}.editor-content-textarea ol,.reader-editorial-content-body ol{margin-bottom:1.75rem;padding-left:2.5rem;list-style-type:decimal}.editor-content-textarea li,.reader-editorial-content-body li{margin-bottom:.5rem}.editor-content-textarea blockquote,.reader-editorial-content-body blockquote{border-left:3px solid var(--primary-gold);color:var(--text-secondary);margin:2rem 0;padding-left:1.5rem;font-style:italic}.editor-content-textarea a,.reader-editorial-content-body a{color:var(--primary-gold);text-decoration:underline;transition:text-shadow .2s}.editor-content-textarea a:hover,.reader-editorial-content-body a:hover{text-shadow:0 0 4px var(--primary-gold-glow)}.profile-avatar-row{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.profile-fields-grid,.password-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.password-fields-grid{margin-top:1rem}.profile-fields-grid>.form-group,.password-fields-grid>.form-group{min-width:0}@media (width<=767px){.profile-avatar-row{flex-direction:column;align-items:flex-start}.profile-fields-grid,.password-fields-grid{grid-template-columns:minmax(0,1fr)}}.deletion-page{max-width:850px;margin:0 auto}.deletion-fields{border:0;gap:.65rem;min-width:0;margin:0;padding:0;display:grid}.deletion-fields .form-input-styled{width:100%;min-width:0;margin:0 0 .5rem;font-size:1rem}.deletion-fields select{background:var(--bg-card);color:var(--text-primary)}.deletion-confirm{cursor:pointer;align-items:flex-start;gap:.75rem;padding:.75rem 0;line-height:1.6;display:flex}.deletion-confirm input{flex-shrink:0;width:20px;height:20px;margin-top:.2rem}.deletion-submit{white-space:normal;justify-content:center;align-items:center;gap:.5rem;min-height:48px;display:inline-flex}.deletion-receipt{background:var(--bg-card);border:1px solid var(--primary-gold);overflow-wrap:anywhere;border-radius:12px;padding:1rem}.deletion-page a{overflow-wrap:anywhere}@media (width<=480px){.deletion-page h1{font-size:1.8rem}.deletion-submit{width:100%;padding:.85rem 1rem}}.legal-page{padding:2rem 1rem 4rem}.legal-page h1{font-family:var(--font-editorial);color:var(--text-primary);margin-bottom:.3rem;font-size:2.5rem}.legal-page .legal-date{color:var(--text-muted);margin-bottom:2.5rem;font-size:.85rem}.legal-page .legal-intro{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem;line-height:1.7}.legal-page section{margin-bottom:2.5rem}.legal-page h2{font-family:var(--font-editorial);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.4rem}.legal-page h3{color:var(--text-primary);margin-top:1.5rem;margin-bottom:.5rem;font-size:1rem}.legal-page p{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;line-height:1.8}.legal-page ul{margin-bottom:1rem;padding-left:1.5rem;list-style:outside}.legal-page ul li{color:var(--text-secondary);margin-bottom:.3rem;font-size:.95rem;line-height:1.8}.legal-page a{color:var(--primary-gold);text-decoration:underline}.legal-page .legal-contact{color:var(--text-primary);align-items:center;margin-top:.5rem;font-size:1rem;display:flex}.editor-content-textarea hr,.reader-editorial-content-body hr{border:0;border-top:1px solid var(--border-subtle);margin:2.5rem 0}.editor-content-textarea figure.editor-figure{text-align:center;margin:1.5rem 0}.editor-content-textarea figure.editor-figure img{max-width:100%;height:auto}.editor-content-textarea figure.editor-figure figcaption.editor-figcaption{color:var(--text-secondary);margin-top:.5rem;font-size:.85rem;font-style:italic}.editor-content-textarea figure.editor-figure figcaption.editor-figcaption:empty:before{content:"Añadir pie de imagen…";color:var(--text-tertiary);font-style:italic}.author-works{grid-template-columns:minmax(0,1fr);gap:3rem;display:grid}.age-rating-badge{color:var(--primary-gold);border:1px solid var(--border-subtle);border-radius:6px;align-items:center;gap:.4rem;margin:.5rem 0;padding:.3rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.age-gate{border:1px solid var(--border-subtle);background:#e5c1580a;border-radius:10px;margin-top:1.5rem;padding:1.25rem}.age-gate h2{font-family:var(--font-serif);margin:.65rem 0;font-size:1.3rem}.age-gate p,.age-gate li,.content-warnings{color:var(--text-secondary);font-size:.9rem;line-height:1.65}.age-gate ul{margin-bottom:.75rem;padding-left:1.25rem}.age-gate-action{border-radius:6px;min-height:44px;margin-top:1rem;padding:.75rem 1rem;text-decoration:none;display:inline-flex}.promotional-book-grid{grid-template-columns:minmax(160px,.65fr) minmax(0,1.35fr);align-items:start;gap:2rem;display:grid}.promotional-book-grid>div{overflow-wrap:anywhere;min-width:0}.promotional-book-cover{aspect-ratio:2/3;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--primary-gold);text-align:center;border-radius:8px;flex-direction:column;justify-content:space-around;align-items:center;padding:1.5rem;display:flex}.promotional-book-cover strong{font-family:var(--font-serif);color:var(--text-primary);font-size:1.6rem}.promotional-book-cover span{letter-spacing:2px;font-size:.8rem}.promotional-book .detail-synopsis-box h2{margin-bottom:.75rem;font-size:1.1rem}.promotional-book .detail-synopsis-box p{white-space:pre-line}.promotion-fields{border:1px solid var(--border-subtle);border-radius:8px;margin:1rem 0;padding:1rem}.promotion-fields p{color:var(--text-secondary);margin:.5rem 0 1rem;font-size:.85rem;line-height:1.6}.promotion-warnings{flex-wrap:wrap;gap:.75rem 1.25rem;display:flex}.promotion-warnings label{align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}@media (width<=768px){.promotional-book-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}.promotional-book-cover{justify-self:center;width:min(180px,100%)}.promotional-book-cover strong{font-size:1.1rem}}.author-works>div,.author-books-grid>a,.author-universes-grid>a{min-width:0}.author-books-grid,.author-universes-grid{display:grid}.author-books-grid{overflow-wrap:anywhere;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:2rem}.author-universes-grid{overflow-wrap:anywhere;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.5rem}.author-book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=768px){.author-books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.author-universes-grid{grid-template-columns:minmax(0,1fr);gap:1rem}}@media (width<=480px){.author-books-grid{gap:.75rem}}.workspace-tabs{border-bottom:1px solid var(--border-subtle);gap:.5rem;margin:1rem 0 2.5rem;padding-bottom:0;display:flex}.workspace-tab{cursor:pointer;font-family:var(--font-editorial);letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.75rem 1.25rem;font-size:.82rem;font-weight:600;transition:color .2s,border-color .2s;display:inline-flex}.workspace-tab:hover{color:var(--primary-gold)}.workspace-tab.active{color:var(--primary-gold);border-bottom-color:var(--primary-gold)}.book-stats{flex-direction:column;gap:2rem;display:flex}.book-stats-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.book-stats-card{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--primary-gold);border-radius:12px;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.25rem 1.5rem;display:flex}.book-stats-card .book-stats-value{color:var(--text-primary);font-size:1.6rem;font-weight:700;line-height:1.1}.book-stats-card .book-stats-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);font-size:.72rem;font-weight:600}.book-stats-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem}.book-stats-panel-title{font-family:var(--font-editorial);letter-spacing:.5px;text-transform:uppercase;color:var(--primary-gold);align-items:center;gap:.6rem;margin-bottom:1.5rem;font-size:.82rem;font-weight:700;display:flex}.book-stats-empty{color:var(--text-secondary);text-align:center;margin:0;padding:1.5rem 0;font-size:.85rem;font-style:italic}.trend-chart{align-items:flex-end;gap:.75rem;height:160px;padding-top:.5rem;display:flex}.trend-col{flex-direction:column;flex:1;align-items:center;gap:.5rem;height:100%;display:flex}.trend-bar-wrap{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.trend-bar{background:linear-gradient(180deg, var(--primary-gold), #e5c15859);border-radius:4px 4px 0 0;width:min(70%,42px);min-height:2px;transition:height .3s}.trend-day{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);opacity:.8;font-size:.65rem}.chapter-rank-list{flex-direction:column;gap:.75rem;display:flex}.chapter-rank-row{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.chapter-rank-pos{font-family:var(--font-editorial);color:var(--primary-gold);text-align:center;font-size:.9rem;font-weight:700}.chapter-rank-row:first-child .chapter-rank-pos{font-size:1.1rem}.chapter-rank-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.chapter-rank-value{color:var(--text-secondary);text-align:right;min-width:44px;font-size:.78rem;font-weight:600}.chapter-rank-bar-bg{background:#ffffff0a;border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.chapter-rank-bar{background:linear-gradient(90deg, var(--primary-gold), #e5c15873);border-radius:999px;min-width:0;height:100%;transition:width .3s}@media (width<=600px){.book-stats-cards{grid-template-columns:1fr 1fr}.workspace-tab{padding:.6rem .9rem;font-size:.75rem}}.codex-options-panel{border:1px solid var(--border-subtle);background:var(--bg-panel);border-radius:10px;margin:1.5rem 0;padding:1.25rem}.codex-options-panel h3,.codex-relations h3{font-family:var(--font-serif);margin-bottom:.75rem}.codex-options-panel p,.codex-spoiler-notice p{color:var(--text-secondary);margin:.75rem 0;line-height:1.6}.codex-options-panel fieldset{border:0;min-width:0;padding:0}.codex-options-panel label{margin:1rem 0 .5rem;display:block}.codex-options-panel input:not([type=checkbox]),.codex-options-panel select{width:100%;min-width:0}.codex-options-panel button{min-height:44px}.codex-options-panel .codex-relation-editor{border:1px solid var(--border-subtle);border-radius:8px;margin:1rem 0;padding:1rem}.codex-image-preview{object-fit:contain;border-radius:8px;width:100%;max-height:320px;display:block}.codex-main-image{margin:0 0 2rem}.codex-main-image img{object-fit:contain;border-radius:8px;width:100%;max-height:600px;display:block}.codex-main-image figcaption{color:var(--text-secondary);text-align:center;margin-top:.75rem;font-size:.85rem}.codex-main-image figcaption p{margin:.3rem 0}.codex-spoiler-notice{border:1px solid var(--primary-gold);background:var(--bg-panel);border-radius:10px;padding:1.5rem}.codex-relations{border-top:1px solid var(--border-subtle);margin-top:2rem;padding-top:1.5rem}.codex-relations li{overflow-wrap:anywhere;margin:.75rem 0}.codex-relations a{color:var(--primary-gold);text-decoration:underline}@media (width<=767px){.codex-options-panel{padding:1rem}}.codex-term-highlight{color:var(--primary-gold);border-bottom:1.5px dashed var(--primary-gold);cursor:help;border-radius:2px;padding:0 2px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.codex-term-highlight:hover{color:var(--primary-gold-hover);background-color:var(--primary-gold-glow);border-bottom-style:solid}.codex-popover{z-index:2000;-webkit-backdrop-filter:blur(12px);border:1px solid var(--primary-gold);width:320px;color:var(--text-primary);background:#181425f2;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;animation:.2s ease-out codexPopoverFade;display:flex;position:absolute;box-shadow:0 10px 30px #000000b3,0 0 15px #e5c1581a}@keyframes codexPopoverFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.codex-popover-header{border-bottom:1px solid #e5c15826;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.codex-popover-category{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.7rem;display:flex}.codex-popover-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;transition:all .2s}.codex-popover-close:hover{color:var(--text-primary);background:#ffffff14}.codex-popover-title{font-family:var(--font-editorial);color:var(--primary-gold);margin:0;font-size:1.15rem;font-weight:700}.codex-popover-summary{color:var(--text-secondary);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.codex-popover-footer{justify-content:flex-end;margin-top:.25rem;display:flex}.codex-popover-link{color:var(--primary-gold);align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.codex-popover-link:hover{color:var(--primary-gold-hover)}.speech-player-bar{z-index:9999;background:var(--bg-card);border-top:1px solid var(--border-active);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:.75rem 2rem calc(.75rem + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;animation:.25s ease-out speechSlideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #00000080}.speech-player-progress{flex-basis:100%;align-items:center;gap:.75rem;max-width:900px;display:flex}.speech-player-progress label,.speech-player-voice label,.speech-player-tracking{color:var(--text-secondary);font-size:.75rem}.speech-player-progress label{white-space:nowrap}.speech-player-progress input{min-width:0;accent-color:var(--primary-gold);flex:1}.speech-player-voice{flex-direction:column;flex-basis:100%;gap:.3rem;min-width:0;max-width:900px;display:flex}.speech-player-voice .speech-player-voice-select{width:100%;max-width:100%}.speech-player-tracking{text-align:center;flex-basis:100%}::highlight(tts-word){color:#111827;background-color:#e5c158}.tts-reading-paragraph{background-color:#e5c1582e;border-radius:4px}body:has(.speech-player-bar) .reader-paper{padding-bottom:240px}@keyframes speechSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.speech-player-btn{border:1px solid var(--border-subtle);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.speech-player-btn:hover{border-color:var(--primary-gold);color:var(--primary-gold);background:#e5c1580f}.speech-player-btn.play-btn{background:var(--primary-gold);border-color:var(--primary-gold);width:48px;height:48px;color:var(--bg-deep)}.speech-player-btn.play-btn:hover{background:var(--primary-gold-hover);box-shadow:0 0 14px var(--primary-gold-glow)}.speech-player-group{align-items:center;gap:.5rem;display:flex}.speech-player-label{font-size:.7rem;font-family:var(--font-editorial);color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.speech-player-rate{align-items:center;gap:.4rem;display:flex}.speech-player-rate-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.speech-player-rate-btn:hover{border-color:var(--primary-gold);color:var(--primary-gold)}.speech-player-rate-value{color:var(--primary-gold);text-align:center;min-width:36px;font-size:.8rem;font-weight:600;font-family:var(--font-editorial)}.speech-player-voice-select{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;max-width:180px;font-size:.75rem;font-family:var(--font-sans);background:#ffffff08;border-radius:6px;outline:none;padding:.35rem .5rem;transition:border-color .2s}.speech-player-voice-select:hover,.speech-player-voice-select:focus{border-color:var(--primary-gold)}.speech-player-voice-select option{background:var(--bg-card);color:var(--text-primary)}@media (width<=768px){.speech-player-bar{padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:center;gap:.5rem}.speech-player-voice-select{max-width:130px;font-size:.7rem}.speech-player-label{display:none}}.author-tools{max-width:1100px;margin:1.5rem auto}.workspace-tabs{flex-wrap:wrap}.author-tools h1,.author-tools h2,.author-tools h3{font-family:var(--font-serif);margin:0 0 1rem}.author-tools p{color:var(--text-secondary);margin:.75rem 0;line-height:1.65}.author-tools label{margin:1rem 0 .5rem;display:block}.author-tools input:not([type=checkbox]),.author-tools select,.author-tools textarea{width:100%;min-width:0}.author-tools button,.author-tools .btn-back{white-space:normal;min-height:44px}.author-tool-panel{border:1px solid var(--border-subtle);background:var(--bg-panel);border-radius:12px;min-width:0;margin:1.5rem 0;padding:1.5rem}.author-tool-panel fieldset{border:0;min-width:0;padding:0}.author-tool-panel legend{margin-bottom:1rem;font-weight:600}.author-tool-list{padding:0;list-style:none}.author-tool-list>li{border-bottom:1px solid var(--border-subtle);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.author-tool-list>li>div,.author-tool-list>li>span{min-width:0}.author-tool-list button,.author-tool-list a{flex-shrink:0;margin-top:0}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.beta-paragraphs{max-width:760px;margin:2rem auto}.beta-paragraph{border-bottom:1px solid var(--border-subtle);padding:1rem 0}.beta-paragraph p{color:var(--text-primary);font-family:var(--font-serif);white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.2rem;line-height:1.9}.beta-paragraph .btn-back{font-size:.8rem}.beta-feedback-list{padding:0;list-style:none}.author-tools blockquote{border-left:3px solid var(--primary-gold);white-space:pre-wrap;overflow-wrap:anywhere;margin:1rem 0;padding:.75rem 1rem}.beta-selection{z-index:10;background:var(--bg-panel);border:1px solid var(--primary-gold);padding:1rem;position:sticky;top:0}.calendar-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.calendar-heading h3{text-transform:capitalize;text-align:center;margin:0}.publication-month{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem;margin-top:1rem;display:grid}.publication-month>strong{text-align:center;font-size:.85rem}.publication-day{border:1px solid var(--border-subtle);border-radius:4px;min-width:0;min-height:90px;padding:.4rem}.publication-day:empty{border-color:#0000}.publication-event{background:var(--primary-gold);color:#17130c;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;margin-top:.25rem;padding:.3rem;font-size:.75rem;display:block;overflow:hidden}.publication-weekdays{flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0;display:flex}.publication-weekdays label{align-items:center;gap:.5rem;display:flex}.promotion-studio-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.promotion-preview{text-align:center}.promotion-preview img{border-radius:8px;width:100%;height:auto;display:block}.promotion-public-url{overflow-wrap:anywhere}@media (width<=767px){.author-tool-panel{padding:1rem}.promotion-studio-grid{grid-template-columns:minmax(0,1fr)}.author-tool-list>li{flex-direction:column;align-items:flex-start}.publication-day{min-height:64px;padding:.2rem;font-size:.75rem}.publication-event{padding:.1rem;font-size:.65rem}}.admin-dashboard{max-width:1100px;margin:0 auto 4rem}.admin-dashboard-header{text-align:left;margin-bottom:2rem}.admin-dashboard-header .catalog-title{color:var(--text-primary)}.admin-dashboard-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.admin-navigation{align-self:start;scroll-margin-top:96px;position:sticky;top:96px}.admin-navigation-desktop{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:12px;max-height:calc(100dvh - 112px);padding:.75rem;overflow-y:auto}.admin-navigation-group+.admin-navigation-group{border-top:1px solid var(--border-subtle);margin-top:1rem;padding-top:.75rem}.admin-navigation-group>p{color:var(--text-secondary);margin:.25rem .5rem .5rem;font-size:.75rem;font-weight:600}.admin-navigation-link{width:100%;min-height:44px;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.65rem;padding:.65rem .75rem;font-size:.875rem;display:flex}.admin-navigation-link svg{flex-shrink:0}.admin-navigation-link:hover{background:var(--bg-hover,#80808014);color:var(--text-primary)}.admin-navigation-link.active{color:var(--primary-gold);border-color:var(--primary-gold);background:#c8a54114;font-weight:600}.admin-navigation-link:focus-visible,.admin-navigation-mobile select:focus-visible{outline:2px solid var(--primary-gold);outline-offset:2px}.admin-navigation-mobile{display:none}.admin-section-content{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:12px;min-width:0;padding:1.5rem;scroll-margin-top:96px}@media (width<=768px){.admin-dashboard-header{margin-bottom:1.25rem}.admin-dashboard-header .catalog-title{font-size:clamp(1.5rem,6vw,2rem)}.admin-dashboard-header>p{font-size:.9rem;line-height:1.6}.admin-dashboard-layout{grid-template-columns:minmax(0,1fr);gap:1rem}.admin-navigation{z-index:20;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:.75rem 0;scroll-margin-top:64px;top:64px}.admin-navigation-desktop{display:none}.admin-navigation-mobile{gap:.35rem;display:grid}.admin-navigation-mobile label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.admin-navigation-mobile select{border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;min-width:0;min-height:48px;color:var(--text-primary);font:inherit;border-radius:8px;padding:.7rem .75rem;font-size:1rem}.admin-section-content{padding:1rem;scroll-margin-top:170px}.admin-inline-form{flex-direction:column}.admin-inline-form>button{justify-content:center}}.editorial-detail,.page-content,.detail-grid>*,.subscriptions-grid>*,.profile-preview-card>*,.author-profile-info,.codex-grid>*,.codex-workspace-grid>*,.create-book-grid>*{min-width:0}.editorial-detail,.page-content{overflow-wrap:anywhere}.page-action-group,.author-profile-tabs,.author-profile-actions,.author-profile-buttons{flex-wrap:wrap}.comments-block,.comment-form>div,.comment-card>div,.comment-edit-form,.comment-edit-form textarea{min-width:0}.comments-block{overflow-wrap:anywhere}.pagination-controls{flex-wrap:wrap;align-items:center}.pagination-controls>button{min-height:44px;margin-top:0}.pagination-controls>span{white-space:nowrap}.support-widget-fields>div,.author-comment-form>input,.subscription-row>*{min-width:0}.support-widget-dialog,.ui-modal{overflow-wrap:anywhere;max-height:calc(100dvh - 2rem);overflow-y:auto}.confirm-modal-actions{flex-wrap:wrap}.codex-popover{overflow-wrap:anywhere;width:min(320px,100vw - 20px)}@media (width<=768px){.create-book-grid{grid-template-columns:minmax(0,1fr)!important;gap:1.5rem!important}.pagination-controls{gap:.5rem!important}.pagination-controls>button{padding:.6rem .75rem}.support-widget-backdrop{padding:1rem;height:100dvh!important}.support-widget-dialog{width:100%!important;padding:1.25rem!important}.support-widget-fields{grid-template-columns:minmax(0,1fr)!important}.author-comment-form{flex-direction:column}.author-comment-form>input{width:100%}.author-comment-form>button{justify-content:center;min-height:44px}.subscription-row{flex-wrap:wrap}.subscription-row>button{min-height:44px}.notif-dropdown{max-height:calc(100dvh - 84px);overflow-y:auto;width:min(320px,100vw - 2rem)!important;position:fixed!important;top:68px!important;right:1rem!important}.mobile-drawer{width:min(280px,100vw);height:100dvh}.comment-form,.comment-edit-form,.comment-card{flex-direction:column}.comment-card>div:first-child{width:100%}.comment-card>div:first-child>div:first-child{flex-wrap:wrap;gap:.5rem}.comment-card>div:last-child{flex-wrap:wrap}.comment-card>div:last-child>button{justify-content:center;min-width:44px;min-height:44px}.comment-form>.btn-detail-start{justify-content:center;min-height:44px;align-self:stretch!important}.comment-edit-form textarea{width:100%}.comment-edit-form>div{justify-content:flex-end;flex-direction:row!important}.comment-edit-form button{justify-content:center;min-width:44px;min-height:44px}.app-container{padding:1.25rem 1rem}.editorial-detail .detail-back-link{margin-bottom:1.5rem}.detail-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-bottom:2rem}.detail-grid>.book-cover-3d-wrapper{justify-self:center;max-width:100%}.detail-grid>.book-cover-3d-wrapper .book-3d{aspect-ratio:2/3;width:min(220px,60vw)!important;height:auto!important}.detail-title{font-size:clamp(1.75rem,6vw,2.25rem)}.detail-author{flex-wrap:wrap;margin-bottom:1.25rem;font-size:.95rem}.detail-info-row{flex-wrap:wrap;gap:.75rem!important}.detail-meta-block :is(.btn-detail-start,.btn-back){white-space:normal;justify-content:center;max-width:100%;min-height:44px}.shelf-grid,.shelf-grid.responsive-grid,.subscriptions-grid{grid-template-columns:minmax(0,1fr)!important;gap:1.25rem!important}.shelf-grid>*{min-width:0}.page-action-group{width:100%;gap:.5rem!important}.page-action-group>:is(a,button){white-space:normal;min-height:44px}.profile-header-card,.profile-preview-card{grid-template-columns:minmax(0,1fr)!important;gap:1.25rem!important;margin-bottom:1.5rem!important;padding:1.25rem!important}.profile-preview-card{text-align:center;justify-items:center}.author-profile-avatar>div{width:110px!important;height:110px!important}.author-profile-info{width:100%}.author-profile-info>div>div:first-child{flex-wrap:wrap;justify-content:center}.author-profile-actions{justify-content:center;gap:.75rem!important}.author-profile-actions>.btn-back,.author-profile-buttons{margin-left:0!important}.author-profile-buttons{justify-content:center;width:100%}.author-profile-actions :is(button,a),.author-profile-tabs>button{white-space:normal;max-width:100%;min-height:44px}.author-profile-tabs{gap:.5rem!important;margin-bottom:1.5rem!important}.author-profile-tabs>button{flex:130px;padding:.65rem .75rem!important}.legal-page{padding:.5rem 0 2rem}.legal-page h1{font-size:clamp(1.6rem,6vw,2rem)}.legal-page h2{font-size:1.15rem}.legal-page .legal-contact{flex-wrap:wrap}.support-page{padding:.5rem 0 2rem!important}.support-verify-form{padding:1rem!important}.support-reply-heading{flex-wrap:wrap;gap:.5rem}.editorial-detail .form-actions-row{flex-wrap:wrap}.editorial-detail .form-actions-row>button{white-space:normal;max-width:100%;min-height:44px}}