:root{--color-bg:#faf8f5;--color-surface:#fff;--color-text:#2b2b2b;--color-text-muted:#6b6b6b;--color-accent:#7a3e1d;--color-accent-soft:#f0e4d8;--color-border:#e8e2d9;--cat-historia:#b08968;--cat-novela:#7a3e1d;--cat-tecnologia:#4a6670;--cat-psicologia:#8e6a9c;--cat-economia:#5c7a5c;--cat-politica:#a5443c;--cat-ciencia:#3d6b8a;--cat-filosofia:#6b5b3e;--cat-biografia:#b8863b;--cat-autoayuda:#c47a3d;--radius-card:16px;--radius-button:12px;--shadow-card:0 2px 8px #0000000f;--font-main:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-height:64px}*{box-sizing:border-box}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));margin:0}#app{max-width:480px;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 16px 16px;margin:0 auto}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:16px;padding:16px}button{border-radius:var(--radius-button);background:var(--color-accent);color:#fff;cursor:pointer;border:none;padding:10px 16px;font-family:inherit;font-size:15px}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);width:100%;padding:10px 12px;font-family:inherit;font-size:15px}.bottom-nav{height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);z-index:200;background:#ffffffd9;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--color-text-muted);flex-direction:column;flex:1;align-items:center;gap:2px;font-size:11px;text-decoration:none;display:flex}.nav-item.active{color:var(--color-accent)}.nav-icon{width:22px;height:22px;display:flex}.nav-icon svg{stroke:currentColor;width:100%;height:100%}.nav-label{font-weight:600}.nav-item-central{position:relative;top:-18px}.nav-item-central .nav-icon{background:var(--color-accent);width:52px;height:52px;box-shadow:var(--shadow-card);border-radius:50%;justify-content:center;align-items:center;padding:12px}.nav-item-central .nav-icon svg{stroke:#fff}.book-card-wrapper{border-radius:var(--radius-card);margin-bottom:10px;position:relative;overflow:hidden}.book-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);z-index:2;padding:14px 16px;transition:transform .15s ease-out;position:relative}.book-title{font-size:16px;font-weight:600}.book-meta-row{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.book-author{color:var(--color-text-muted);font-size:13px}.book-category{color:#fff;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.swipe-actions{z-index:1;align-items:center;display:flex;position:absolute;top:0;bottom:0}.swipe-actions-left{justify-content:flex-start;left:0}.swipe-actions-right{justify-content:flex-end;right:0}.swipe-actions button{border-radius:0;height:100%;padding:0 16px;font-size:13px}.swipe-actions-left .action-edit{background:var(--cat-tecnologia)}.swipe-actions-right .action-delete{background:var(--cat-politica)}.totals-card{text-align:center}.totals-year{color:var(--color-text-muted);margin-bottom:12px;font-size:16px;font-weight:600}.totals-split{justify-content:space-around;display:flex}.totals-col{flex-direction:column;align-items:center;display:flex}.totals-number{color:var(--color-accent);font-size:32px;font-weight:700}.totals-number-pages{font-size:24px}.totals-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.challenge-numbers{color:var(--color-accent);text-align:center;margin-bottom:8px;font-size:28px;font-weight:700}.progress-bar{background:var(--color-accent-soft);border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:var(--color-accent);border-radius:999px;height:100%;transition:width .3s}.chart-toggle{gap:8px;margin-bottom:12px;display:flex}.chart-toggle button{background:var(--color-accent-soft);color:var(--color-accent);flex:1;padding:8px;font-size:13px}.chart-toggle button.active{background:var(--color-accent);color:#fff}.card canvas{width:100%!important;height:220px!important}.settings-screen h2{margin-bottom:20px}.settings-screen hr{border:none;border-top:1px solid var(--color-border);margin:20px 0}.settings-screen button{width:100%;margin-bottom:10px;display:block}.setting-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.setting-row span{white-space:nowrap;font-size:15px}.setting-row input{text-align:center;width:80px}.wizard{min-height:calc(100vh - var(--nav-height) - 32px);flex-direction:column;justify-content:center;display:flex}.wizard-progress{color:var(--color-text-muted);text-align:center;margin-bottom:8px;font-size:12px}.wizard h2{text-align:center;margin-bottom:24px;font-size:22px}.wizard #step-content{margin-bottom:24px}.stars-input{flex-direction:row-reverse;justify-content:center;gap:4px;display:flex}.stars-input input{display:none}.stars-input label{cursor:pointer;width:34px;height:34px}.stars-input label svg{width:100%;height:100%;stroke:var(--color-accent);fill:none;transition:fill .15s}.stars-input input:checked~label svg,.stars-input input:checked~input~label svg{fill:var(--color-accent)}.wizard-nav{gap:10px;display:flex}.wizard-nav button{flex:1}#btn-back{background:var(--color-accent-soft);color:var(--color-accent)}.library{position:relative}.library-toolbar{gap:8px;margin-bottom:16px;display:flex}.library-toolbar input[type=search]{flex:1}.library-toolbar button{background:var(--color-accent-soft);color:var(--color-accent);white-space:nowrap}.filter-panel{background:var(--color-surface);border-radius:var(--radius-card);z-index:50;max-height:60vh;padding:16px;position:absolute;top:60px;left:16px;right:16px;overflow-y:auto;box-shadow:0 8px 24px #00000026}.filter-panel.hidden{display:none}.filter-group{margin-bottom:16px}.filter-group strong{color:var(--color-text-muted);margin-bottom:8px;font-size:13px;display:block}.notes-screen{background:var(--color-bg);z-index:150;padding:calc(60px + env(safe-area-inset-top)) 16px 16px;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto;padding-bottom:16px!important}.notes-edit{flex-direction:column;flex:1;min-height:0;display:flex}.notes-edit textarea{resize:none;border:none;flex:1;min-height:0;font-size:15px;line-height:1.5;overflow-y:auto}.notes-rendered{flex:1;font-size:16px;line-height:1.6}.notes-rendered h2{margin-top:20px;font-size:22px}.notes-rendered h3{margin-top:16px;font-size:18px}.note-callout{background:var(--color-accent-soft);border-left:3px solid var(--color-accent);border-radius:8px;margin:12px 0;padding:10px 14px}.edit-toolbar{flex-shrink:0;gap:6px;padding:10px 0;display:flex;overflow-x:auto}.edit-toolbar button{flex-shrink:0}.flashcard-screen{flex-direction:column;gap:12px;padding-top:8px;display:flex}.flashcard{background:var(--color-accent);color:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);max-height:60vh;padding:24px 20px;overflow-y:auto}.flashcard-title{text-align:center;font-size:20px;font-weight:700}.flashcard-author{text-align:center;opacity:.75;margin-top:4px;margin-bottom:20px;font-size:13px}.flashcard-notes{font-size:15px;line-height:1.6}.flashcard-notes h2{margin-top:16px;font-size:18px}.flashcard-notes h3{margin-top:12px;font-size:16px}.flashcard-notes .note-callout{color:#fff;background:#ffffff26;border-left:3px solid #fff}