:root,[data-theme=light]{--font-ui:"Outfit", system-ui, sans-serif;--font-body:"Lora", Georgia, serif;--radius:12px;--radius-md:16px;--radius-lg:28px;--radius-pill:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--type-toolbar-title:20px;--type-toolbar-subtitle:14px;--nav-h:80px;--toolbar-h:64px;--max:640px;--sidebar:244px;--touch:48px;--paper:#f7f3ec;--paper-elevated:#fffbf5;--bg:#fff;--ink:#2c2a27;--ink-muted:#3d3a36;--primary:#4f46e5;--on-primary:#fff;--primary-container:#c7d2fe;--on-primary-container:#312e81;--indigo-500:#4f46e5;--indigo-400:#6366f1;--indigo-700:#3730a3;--accent:#ca8a04;--on-secondary:#78350f;--secondary-container:#fef3c7;--on-secondary-container:#78350f;--tertiary:#6366f1;--on-tertiary:#fff;--tertiary-container:#c7d2fe;--on-tertiary-container:#312e81;--color-accent:#3730a3;--name-color:#3730a3;--accent-soft:#fef9c3;--error:#e76f51;--like:#ef4444;--success:#10b981;--white:#fff;--outline:#9490a8;--outline-variant:#e8e2d6;--gray-600:#4b5563;--gray-400:#9ca3af;--surface-dim:#e5ded2;--surface-bright:#fffbf5;--surface-container-lowest:#fff;--surface-container-low:#fbf7f0;--surface-container:#fffbf5;--surface-high:#f3eee4;--surface-container-highest:#e8e2d6;--nav-active:#4f46e5;--nav-inactive:#3d3a36;--nav-indicator:#c7d2fe;--xp-indicator:#4f46e5;--xp-track:#c7d2fe;--chat-mine:#4f46e5;--chat-theirs:#e7e5e4;--bookshelf-back-top:#e8dfd0;--bookshelf-back:#d9cdb8;--bookshelf-back-bottom:#d4c7b0;--bookshelf-plank:#c4b08a;--bookshelf-plank-shadow:#9c8b6a;--spine-1:#6b3a2a;--spine-2:sienna;--spine-3:#b45309;--spine-4:#3f4f3a;--spine-5:#5c4033;--spine-6:#3d4a5c;--spine-7:#3730a3;--spine-8:#4a3f6b;--spine-9:#7c2d12;--spine-10:#57534e;--badge-leyendo-bg:#e0e7ff;--badge-leyendo-text:#4338ca;--badge-completado-bg:#d1fae5;--badge-completado-text:#047857;--badge-pendiente-bg:#fef3c7;--badge-pendiente-text:#b45309;--badge-abandonado-bg:#fee2e2;--badge-abandonado-text:#b91c1c;--md-background:var(--bg);--md-surface:var(--paper-elevated);--md-primary:var(--primary);--md-on-primary:var(--on-primary);--md-on-surface:var(--ink);--md-on-surface-variant:var(--ink-muted);--md-outline:var(--outline);--shadow:0 2px 8px #2c2a2714;--shadow-dock:0 -8px 24px #2c2a271f;--scrim:#0006;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--paper:#1c1916;--paper-elevated:#26211c;--bg:#1c1916;--ink:#f5f0e8;--ink-muted:#c9c2b8;--primary:#9ca3af;--on-primary:#1c1916;--primary-container:#3a3630;--on-primary-container:#f5f0e8;--indigo-500:#fff;--indigo-400:#fff;--indigo-700:#fff;--accent:#f59e0b;--on-secondary:#1c1916;--secondary-container:#854d0e;--on-secondary-container:#fef3c7;--tertiary:#f59e0b;--on-tertiary:#111827;--tertiary-container:#45330d;--on-tertiary-container:#fef3c7;--color-accent:#f59e0b;--name-color:#f59e0b;--accent-soft:#451a03;--error:#e76f51;--like:#ef4444;--success:#10b981;--white:#fff;--outline:#5c564c;--outline-variant:#3a3630;--gray-600:#c9c2b8;--gray-400:#9ca3af;--surface-dim:#141210;--surface-bright:#26211c;--surface-container-lowest:#12100e;--surface-container-low:#1c1916;--surface-container:#26211c;--surface-high:#2e2924;--surface-container-highest:#3a3630;--nav-active:#f59e0b;--nav-inactive:#c9c2b8;--nav-indicator:#3a3630;--xp-indicator:#f59e0b;--xp-track:#374151;--chat-mine:#29264a;--chat-theirs:#26211c;--bookshelf-back-top:#1a1714;--bookshelf-back:#2a241e;--bookshelf-back-bottom:#141210;--bookshelf-plank:#3d3630;--bookshelf-plank-shadow:#2a2520;--spine-1:#a16207;--spine-2:#b45309;--spine-3:#ca8a04;--spine-4:#4d7c0f;--spine-5:#78716c;--spine-6:#64748b;--spine-7:#6366f1;--spine-8:#a78bfa;--spine-9:#9a3412;--spine-10:#a8a29e;--badge-leyendo-bg:#252858;--badge-leyendo-text:#a5b4fc;--badge-completado-bg:#064e3b;--badge-completado-text:#34d399;--badge-pendiente-bg:#451a03;--badge-pendiente-text:#fbbf24;--badge-abandonado-bg:#451215;--badge-abandonado-text:#f87171;--shadow:0 8px 28px #00000059;--shadow-dock:0 -8px 24px #00000059;--scrim:#0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);margin:0;line-height:1.5}h1,h2,h3,h4,button,nav,label,input,.ui{font-family:var(--font-ui)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,.btn{font-family:var(--font-ui);border-radius:var(--radius-pill);background:var(--primary);min-height:48px;color:var(--on-primary);cursor:pointer;border:none;padding:.75rem 1.25rem;font-weight:600}button:focus-visible,.btn:focus-visible,.bottom-nav a:focus-visible,.side-nav a:focus-visible,.list-row:focus-visible,.feed-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:active:not(:disabled),.btn:active:not(:disabled){filter:brightness(.94)}a.btn{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.btn:hover{text-decoration:none}button.secondary,.btn.secondary{color:var(--primary);border:1.5px solid var(--primary);background:0 0}button.text,.btn.text{color:var(--primary);background:0 0;border:none;min-height:40px;padding:.4rem .75rem}a.settings-link{min-height:48px;color:var(--ink);font-family:var(--font-ui);align-items:center;padding:0;font-weight:600;text-decoration:none;display:flex}a.settings-link:hover{text-decoration:underline}a.settings-link.danger{color:var(--error)}button.icon,a.btn.icon{width:48px;height:48px;min-height:48px;color:var(--color-accent);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}button:disabled{opacity:.55;cursor:not-allowed}input,textarea,select{border-radius:var(--radius);border:1px solid var(--outline-variant);background:var(--paper-elevated);width:100%;color:var(--ink);font:inherit;padding:.85rem 1rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:1px}.card{background:var(--paper-elevated);border:.5px solid var(--outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:14px}.muted{color:var(--ink-muted);font-size:.92rem}.app-frame{background:var(--bg);min-height:100vh}.shell{max-width:var(--max);min-height:100vh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));background:var(--bg);margin:0 auto}.side-nav{display:none}.screen-toolbar{z-index:20;height:var(--toolbar-h);background:var(--paper-elevated);border-bottom:1px solid var(--outline-variant);grid-template-columns:56px 1fr 56px;align-items:center;padding:0 8px;display:grid;position:sticky;top:0}.screen-toolbar-title{text-align:center;font-family:var(--font-ui);font-size:var(--type-toolbar-title);letter-spacing:-.01em;color:var(--ink);margin:0;font-weight:800}.screen-toolbar.is-accent .screen-toolbar-title{color:var(--color-accent)}.screen-toolbar-side{align-items:center;min-height:48px;display:flex}.screen-toolbar-side.is-end{justify-content:flex-end}.brand{font-family:var(--font-ui);letter-spacing:-.02em;color:var(--ink);font-size:2.5rem;font-weight:800;line-height:1.1}.bottom-nav{width:min(100%, var(--max));height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--paper-elevated);border-top:1px solid var(--outline-variant);z-index:30;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{color:var(--nav-inactive);font-family:var(--font-ui);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;font-size:.7rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav a svg,.nav-icon-wrap svg,.screen-toolbar svg{width:24px;height:24px}.bottom-nav a.active{color:var(--nav-active)}.bottom-nav a.active .nav-icon-wrap{background:var(--nav-indicator);border-radius:16px;padding:4px 16px}.nav-icon-wrap{display:inline-flex;position:relative}.nav-badge,.unread-badge{background:var(--error);min-width:18px;height:18px;color:var(--white);border-radius:99px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex}.nav-badge{position:absolute;top:-6px;right:-8px}.page{padding:0 0 1rem}.page-pad{padding:12px 16px 0}.continue-label{color:var(--primary);text-transform:none;margin:10px 16px 0;font-size:.8rem;font-weight:700}.continue-row{scrollbar-width:thin;gap:10px;padding:8px 16px 12px;display:flex;overflow-x:auto}.continue-card{color:inherit;flex:0 0 268px;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.continue-card:hover{text-decoration:none}.continue-cover{object-fit:cover;background:var(--outline-variant);border-radius:6px;flex-shrink:0;width:46px;height:66px}.stack{flex-direction:column;gap:.75rem;display:flex}.tabs{border-bottom:1px solid var(--outline-variant);display:flex}.tabs button{color:var(--ink-muted);box-shadow:none;background:0 0;border-bottom:2px solid #0000;border-radius:0;flex:1;min-height:48px}.tabs button.active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:700}.auth-wrap{background:radial-gradient(ellipse at top, color-mix(in srgb, var(--accent-soft) 55%, transparent), transparent 55%), var(--bg);justify-content:center;min-height:100vh;padding:16px 24px 32px;display:flex}.auth-card{width:min(100%,420px);padding-top:36px}.auth-sub{font-family:var(--font-body);color:var(--ink-muted);margin:10px 0 0;font-size:1.05rem;line-height:1.4}.field{font-family:var(--font-ui);flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;display:flex}.divider{color:var(--ink-muted);font-family:var(--font-ui);align-items:center;gap:12px;margin:4px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--outline-variant);flex:1;height:1px}.avatar{object-fit:cover;background:var(--primary-container);width:40px;height:40px;color:var(--on-primary-container);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar svg{width:58%;height:58%}.avatar.lg{width:72px;height:72px}.cover{object-fit:cover;background:var(--outline-variant);border-radius:8px;flex-shrink:0;width:64px;height:96px}.row{align-items:flex-start;gap:.85rem;display:flex}.error{color:var(--error);font-size:.9rem}.legal{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}.legal h1,.legal h2{font-family:var(--font-ui)}.empty{text-align:center;color:var(--ink-muted);padding:2.5rem 1rem}.empty-state{flex-direction:column;align-items:center;gap:.6rem;display:flex}.empty-title{color:var(--ink);margin:0;font-size:1.05rem;font-weight:700}.empty-hint{max-width:28ch;margin:0;font-size:.92rem}.empty-cta{margin-top:.4rem}.result-heading{color:var(--ink-muted);margin:.4rem 0 0;font-size:.9rem}.skeleton-card{align-items:flex-start;gap:.85rem;display:flex}.skeleton{background:linear-gradient(90deg, var(--surface-high) 25%, var(--paper-elevated) 50%, var(--surface-high) 75%);background-size:200% 100%;border-radius:8px;animation:1.2s ease-in-out infinite skeleton-shimmer}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:40px;height:40px}.skeleton-lines{flex-direction:column;flex:1;gap:8px;padding-top:4px;display:flex}.skeleton-line{width:80%;height:12px}.skeleton-line.is-short{width:45%}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.chat-thread{min-height:calc(100vh - var(--nav-h) - var(--toolbar-h))}.chat-messages{max-height:55vh;padding:.25rem 12px;overflow-y:auto}.bubble{background:var(--chat-theirs);max-width:85%;color:var(--ink);border-radius:16px;padding:.65rem .85rem}.bubble.mine{background:var(--chat-mine);color:var(--white);align-self:flex-end;margin-left:auto}.bubble.theirs{align-self:flex-start}.chat-composer{bottom:calc(var(--nav-h) + .5rem);background:var(--bg);padding:.5rem 12px;position:sticky}.feed-card{margin:6px 12px}.feed-action{color:var(--ink-muted);font-size:12px}.feed-body{font-family:var(--font-body);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.feed-body-full{-webkit-line-clamp:unset;overflow:visible}.feed-progress{align-items:center;gap:8px;display:flex}.feed-progress .xp-bar{flex:1}.feed-progress strong{color:var(--primary);text-align:right;min-width:40px;font-size:12px}.feed-book-chip{background:var(--surface-high);color:inherit;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.feed-book-chip:hover{text-decoration:none}.feed-book-chip img,.feed-book-chip-cover{object-fit:cover;background:var(--outline-variant);border-radius:6px;flex-shrink:0;width:36px;height:52px}.feed-book-chip svg{width:18px;height:18px;color:var(--ink-muted);flex-shrink:0}.feed-actions{align-items:center;gap:8px;display:flex}.feed-chip{background:var(--surface-high);min-height:40px;color:var(--ink-muted);border:none;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.feed-chip svg{width:18px;height:18px}.feed-like svg{color:var(--like)}.feed-comments,.feed-comment{font-size:14px}.feed-comment{border-bottom:1px solid var(--outline-variant);padding:6px 0}.stars{color:var(--accent);letter-spacing:1px;font-size:14px}.stars span{color:var(--outline-variant)}.stars span.on{color:var(--accent)}.continue-ring{background:conic-gradient(var(--primary) var(--pct,0%), var(--xp-track) 0);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.continue-ring span{background:var(--paper-elevated);width:34px;height:34px;font-size:10px;font-weight:700;font-family:var(--font-ui);border-radius:50%;place-items:center;display:grid}.profile-banner{background:var(--header,var(--primary-container));background-position:50%;background-size:cover;width:calc(100% + 48px);height:168px;margin:0 -24px}.profile-avatar-on-banner{border:3px solid var(--bg);box-shadow:var(--shadow);margin-top:-36px}.stats-link{color:inherit;text-decoration:none}.stats-link:hover{text-decoration:none}.chip{background:var(--surface-high);color:var(--ink-muted);font-size:12px;font-family:var(--font-ui);border-radius:8px;padding:4px 8px}.status-badge{background:var(--accent-soft);color:var(--color-accent);letter-spacing:.04em;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:800}.status-badge.is-leyendo{background:var(--badge-leyendo-bg);color:var(--badge-leyendo-text)}.status-badge.is-completado{background:var(--badge-completado-bg);color:var(--badge-completado-text)}.status-badge.is-pendiente{background:var(--badge-pendiente-bg);color:var(--badge-pendiente-text)}.status-badge.is-abandonado{background:var(--badge-abandonado-bg);color:var(--badge-abandonado-text)}.book-hero{background:var(--surface-high) center/cover no-repeat;place-items:center;height:220px;display:grid;position:relative}.book-hero-overlay{background:color-mix(in srgb, var(--paper) 35%, transparent);position:absolute;inset:0}.book-hero-cover{object-fit:cover;width:96px;height:144px;box-shadow:var(--shadow);background:var(--outline-variant);border-radius:8px;position:relative}.book-author{color:var(--name-color);font-family:var(--font-ui);margin:0;font-weight:700}.book-desc{color:var(--ink-muted);margin:0;line-height:1.5}.book-dock{background:var(--paper-elevated);box-shadow:var(--shadow-dock);z-index:5;flex-direction:row;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;bottom:0}.book-dock>.btn,.book-dock>a.btn{flex:1}.book-dock-shelf{gap:8px;display:flex}.book-dock-shelf select{flex:1}.xp-bar{background:var(--xp-track);border-radius:99px;height:8px;overflow:hidden}.xp-bar>span{background:var(--xp-indicator);height:100%;display:block}.profile-hero{text-align:center;background:var(--bg);flex-direction:column;align-items:center;padding:0 24px 8px;display:flex;position:relative}.profile-name{margin:8px 0 0;font-size:22px;font-weight:800}.stats{text-align:center;grid-template-columns:1fr 1fr 1fr;padding:16px 0;display:grid}.stats strong{font-size:20px;font-family:var(--font-ui);display:block}.stats span{font-size:12px}.fab{right:max(16px, calc(50% - var(--max) / 2 + 16px));bottom:calc(var(--nav-h) + 16px);background:var(--primary);width:48px;height:48px;min-height:48px;color:var(--on-primary);box-shadow:var(--shadow);z-index:25;border-radius:14px;place-items:center;padding:0;display:grid;position:fixed}.fab svg,button.icon svg,a.btn.icon svg,.side-nav a svg{width:24px;height:24px}.bookshelf{background:linear-gradient(var(--bookshelf-back-top), var(--bookshelf-back) 40%, var(--bookshelf-back-bottom));border-radius:12px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:280px;margin:8px 10px 88px;padding:18px 14px 12px;display:flex}[data-theme=dark] .bookshelf{background:linear-gradient(var(--bookshelf-back-top), var(--bookshelf-back) 40%, var(--bookshelf-back-bottom))}.hide-tabbar .shell{padding-bottom:env(safe-area-inset-bottom,0px)}.hide-tabbar .bottom-nav{display:none}.hide-tabbar .fab{bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}.spine{width:48px;min-width:48px;height:160px;color:var(--white);writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-ui);border-radius:3px 6px 6px 3px;justify-content:center;align-items:center;padding:10px 6px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.spine:hover{filter:brightness(1.08);text-decoration:none}.search-bar{margin:12px 16px 8px}.list-row{color:inherit;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.list-row:hover{background:var(--surface-high);text-decoration:none}.check{font-family:var(--font-ui);align-items:flex-start;gap:10px;font-size:.92rem;font-weight:500;display:flex}.check input{width:20px;height:20px;margin-top:2px}.modal-backdrop{background:var(--scrim);z-index:40;place-items:end center;display:grid;position:fixed;inset:0}.modal{width:min(100%, var(--max));background:var(--paper-elevated);border-radius:16px 16px 0 0;padding:16px}.overflow-wrap{position:relative}.overflow-menu{z-index:8;background:var(--paper-elevated);border:1px solid var(--outline-variant);min-width:160px;box-shadow:var(--shadow);border-radius:12px;position:absolute;top:44px;right:0;overflow:hidden}.overflow-menu button{width:100%;color:var(--ink);background:0 0;border-radius:0;justify-content:flex-start;min-height:44px}.overflow-menu button:hover{background:var(--surface-high)}.heatmap{grid-template-columns:repeat(12,1fr);grid-auto-rows:12px;gap:4px;display:grid}.heat{background:var(--outline-variant);border-radius:3px;display:block}.heat-1{background:color-mix(in srgb, var(--primary) 35%, var(--outline-variant))}.heat-2{background:color-mix(in srgb, var(--primary) 65%, var(--outline-variant))}.ad-slot{border:1px solid var(--outline-variant);border-radius:var(--radius);background:var(--paper-elevated);margin:12px 16px;padding:12px 12px 8px;position:relative;overflow:hidden}.ad-badge{z-index:1;font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--on-primary);background:var(--primary);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px}.ad-consent .modal,.ad-interstitial .modal{place-self:end center}@media (width>=768px){.page-pad{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (width>=1024px){.app-frame{grid-template-columns:var(--sidebar) 1fr;max-width:1100px;margin:0 auto;display:grid}.side-nav{border-right:1px solid var(--outline-variant);background:var(--bg);flex-direction:column;gap:8px;height:100vh;padding:28px 16px 20px;display:flex;position:sticky;top:0}.side-nav .brand{color:var(--color-accent);padding:0 12px 16px;font-size:1.6rem}.side-nav a{border-radius:var(--radius);color:var(--nav-inactive);font-family:var(--font-ui);align-items:center;gap:14px;min-height:48px;padding:12px 14px;font-weight:600;text-decoration:none;display:flex}.side-nav a.active{color:var(--nav-active);background:var(--nav-indicator)}.side-nav a:hover{background:var(--surface-high);text-decoration:none}.bottom-nav{display:none}.shell{max-width:var(--max);border-right:1px solid var(--outline-variant);margin:0;padding-bottom:2rem}.fab{right:calc(50% - 550px + var(--sidebar) + var(--max) - 72px);bottom:24px}.chat-composer{bottom:.5rem}}