:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-primary: #2d6a4f;--color-primary-light: #40916c;--color-primary-pale: #d8f3dc;--color-text: #1b1b1b;--color-text-muted: #6c757d;--color-border: #dee2e6;--color-danger: #c1121f;--color-danger-bg: #fde8e8;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--nav-height: 60px;--header-height: 72px}[data-theme=dark]{--color-bg: #121212;--color-surface: #1e1e1e;--color-primary-pale: #1b3a2a;--color-text: #e8e8e8;--color-text-muted: #9ca3af;--color-border: #333333;--color-danger-bg: #3d1518;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}html{color-scheme:light dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}.app{display:flex;flex-direction:column;min-height:100%;max-width:600px;margin:0 auto}.app-header{background:var(--color-primary);color:#fff;padding:1rem 1.25rem;text-align:center;flex-shrink:0}.app-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.app-subtitle{font-size:.85rem;opacity:.85;margin-top:.15rem}.app-main{flex:1;padding:1.25rem;padding-bottom:calc(var(--nav-height) + 1.25rem);overflow-y:auto}.install-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.install-banner-text{flex:1;min-width:0;font-size:.85rem;color:var(--color-text);line-height:1.4}.install-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.install-banner-btn{padding:.45rem .9rem;font-size:.85rem}.install-banner-dismiss{border:none;background:none;color:var(--color-text-muted);font-size:1.25rem;line-height:1;cursor:pointer;padding:.25rem .4rem;border-radius:var(--radius)}.install-banner-dismiss:hover{color:var(--color-text);background:var(--color-bg)}.install-banner-hint{width:100%;font-size:.8rem;color:var(--color-text-muted);margin-top:-.25rem}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;display:flex;background:var(--color-surface);border-top:1px solid var(--color-border);height:var(--nav-height);z-index:100}.nav-btn{flex:1;border:none;background:none;font-size:.9rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;padding:.5rem;transition:color .15s}.nav-btn.active{color:var(--color-primary);font-weight:700}.nav-btn:hover{color:var(--color-primary)}.nav-btn-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem}.nav-btn-label{font-size:.7rem;font-weight:inherit}.icon{flex-shrink:0;display:block}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.5rem;border:none;background:var(--color-bg);border-radius:8px;color:var(--color-primary);cursor:pointer}.icon-btn:hover{background:var(--color-primary-pale)}.btn-with-icon{display:inline-flex;align-items:center;gap:.4rem}.stat-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.stat-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:var(--color-bg);border-radius:999px;font-size:.85rem;font-weight:500;color:var(--color-text)}.stat-chip .icon{color:var(--color-primary)}.status-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--color-text-muted);margin-top:.5rem}.status-chip .icon{color:var(--color-primary)}.pace-badge{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .5rem;border-radius:999px;background:var(--color-bg)}.pace-badge.pace-ahead-of-goal{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.pace-badge.pace-on-track{color:var(--color-primary-light);background:color-mix(in srgb,var(--color-primary-light) 12%,transparent)}.pace-badge.pace-behind-goal{color:#b8860b;background:color-mix(in srgb,#b8860b 12%,transparent)}.mode-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.import-mode-toggle{display:flex;gap:.5rem;margin-top:.75rem}.import-mode-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.5rem .75rem;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);font-size:.85rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}.import-mode-btn.selected{border-color:var(--color-primary);background:var(--color-primary-pale);color:var(--color-primary)}.daily-summary{display:flex;align-items:center;justify-content:center;gap:.35rem;text-align:center;font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.25rem}.daily-summary .icon{color:var(--color-primary)}.today-dashboard{background:var(--color-surface);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.today-dashboard-stats{margin-top:0}.today-progress-bar{margin-top:.65rem}.today-progress-bar .progress-fill.met{background:var(--color-primary-light)}.streak-chip.muted,.streak-chip.muted .icon{color:var(--color-text-muted)}.track-action-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.track-action-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;min-height:44px;background:var(--color-bg);border:2px solid var(--color-border);border-radius:999px;font-size:.85rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s}.track-action-chip:hover{border-color:var(--color-primary-light);background:var(--color-primary-pale)}.track-action-chip .icon{color:var(--color-primary);flex-shrink:0}.chapter-view-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.chapter-btn.read .icon{color:#fff}.cycle-status{display:inline-flex;align-items:center;gap:.25rem}.analytics-empty-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0;color:var(--color-text-muted)}.analytics-empty-state .icon{color:var(--color-primary);opacity:.6}.install-banner-content{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.install-banner-content .icon{color:var(--color-primary);flex-shrink:0}.install-banner-hint{display:flex;align-items:center;gap:.35rem}.inline-estimate-preview{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.date-picker{display:flex;align-items:center;gap:.5rem;background:var(--color-surface);border-radius:var(--radius);padding:.5rem;box-shadow:var(--shadow);margin-bottom:.75rem}.date-nav-btn{width:44px;height:44px;border:none;background:var(--color-bg);border-radius:8px;color:var(--color-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.date-nav-btn:disabled{opacity:.3;cursor:not-allowed}.date-picker-center{flex:1;text-align:center;position:relative}.date-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.date-display{font-size:.95rem;font-weight:600;pointer-events:none}.book-picker-screen{display:flex;flex-direction:column;min-height:100%}.book-picker-title{font-size:.9rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-muted)}.book-picker-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.book-picker-item{width:100%;min-height:44px;padding:.5rem .35rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);font-size:.82rem;font-weight:500;line-height:1.2;color:var(--color-text);text-align:center;cursor:pointer;box-shadow:var(--shadow)}@media(max-width:360px){.book-picker-list{grid-template-columns:repeat(2,1fr)}.book-picker-item{font-size:.88rem;padding:.55rem .4rem}}.book-picker-item.selected{background:var(--color-primary-pale);border-color:var(--color-primary-light);color:var(--color-primary);font-weight:600}.chapter-view-book{font-size:1rem;font-weight:600}.change-book-btn{border:none;background:none;padding:.25rem 0;font-size:.9rem;font-weight:500;color:var(--color-primary);cursor:pointer;flex-shrink:0}.field-label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem}.section-title{font-size:1rem;font-weight:600;margin-bottom:.75rem}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:.5rem}.chapter-btn{aspect-ratio:1;min-height:52px;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-size:1rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center;justify-content:center}.chapter-btn:hover{border-color:var(--color-primary-light)}.chapter-btn.read{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.chapter-btn.highlight{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 25%,transparent)}.loading-text{text-align:center;color:var(--color-text-muted);padding:2rem}.analytics-card{background:var(--color-surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.analytics-stats{display:flex;flex-direction:column;gap:.75rem}.analytics-stat{font-size:.95rem;line-height:1.5}.analytics-value{font-weight:700;color:var(--color-primary)}.analytics-eta{color:var(--color-text-muted);font-size:.9rem}.analytics-empty,.analytics-detail{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.analytics-complete{font-size:1rem;font-weight:600;color:var(--color-primary)}.cycle-history{background:var(--color-surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.cycle-history-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.75rem}.cycle-history-item{padding:.75rem 0;border-bottom:1px solid var(--color-border)}.cycle-history-item:last-child{border-bottom:none;padding-bottom:0}.cycle-history-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.cycle-history-dates{font-weight:600;font-size:.95rem}.cycle-status{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.2rem .5rem;border-radius:999px}.cycle-status.complete{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.cycle-status.partial{background:var(--color-border);color:var(--color-text-muted)}.cycle-history-stats{margin:.35rem 0 0;font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.cycle-history-scope{margin:.15rem 0 0;font-size:.8rem;color:var(--color-text-muted)}.settings-hint{margin-top:.75rem;font-size:.85rem}.progress-view{display:flex;flex-direction:column;gap:1.5rem}.overall-progress{background:var(--color-surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.overall-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.overall-percent{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.progress-bar{height:10px;background:var(--color-bg);border-radius:5px;overflow:hidden}.progress-bar.small{height:6px}.progress-fill{height:100%;background:var(--color-primary);border-radius:5px;transition:width .3s ease}.overall-detail{font-size:.85rem;color:var(--color-text-muted);margin-top:.5rem}.book-progress-list{display:flex;flex-direction:column;gap:.75rem}.book-progress-item{background:var(--color-surface);border-radius:var(--radius);padding:.75rem 1rem;box-shadow:var(--shadow)}.book-progress-header{display:flex;justify-content:space-between;margin-bottom:.4rem}.book-progress-name{font-size:.9rem;font-weight:500}.book-progress-count{font-size:.8rem;color:var(--color-text-muted)}.settings{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:var(--color-surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.settings-text{font-size:.9rem;color:var(--color-text-muted);margin-top:.5rem;line-height:1.6}.settings-actions{margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap}.import-options{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.btn{padding:.7rem 1.25rem;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.9}.btn.primary{background:var(--color-primary);color:#fff}.btn.secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn.danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.hidden-input{display:none}.status-message{padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem}.status-message.success{background:var(--color-primary-pale);color:var(--color-primary)}.status-message.error{background:var(--color-danger-bg);color:var(--color-danger)}.goal-setup-main{padding-bottom:1.25rem}.goal-setup{display:flex;flex-direction:column;gap:1.25rem}.goal-setup-header{text-align:center;margin-bottom:.5rem}.goal-setup-title{font-size:1.35rem;font-weight:700;color:var(--color-text)}.goal-setup-subtitle{font-size:.9rem;color:var(--color-text-muted);margin-top:.35rem;line-height:1.5}.goal-section{background:var(--color-surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.scope-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.75rem}.scope-card.full-width{grid-column:1 / -1}.scope-card{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.85rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.scope-card.selected{border-color:var(--color-primary);background:var(--color-primary-pale)}.scope-card-label{font-weight:600;font-size:.95rem}.scope-card-detail{font-size:.8rem;color:var(--color-text-muted)}.mode-toggle{display:flex;gap:.5rem;margin-top:.75rem}.mode-btn{flex:1;padding:.65rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.mode-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.goal-inputs{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.goal-field{display:flex;flex-direction:column;gap:.35rem}.goal-input{padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;background:#fff}.duration-presets{display:flex;flex-wrap:nowrap;gap:.5rem}.duration-preset{flex:1;min-height:44px;padding:.5rem .85rem;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);font-size:.9rem;font-weight:500;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.duration-preset.selected{border-color:var(--color-primary);background:var(--color-primary-pale);color:var(--color-primary)}.days-stepper{display:flex;align-items:center;gap:.5rem}.days-stepper-btn{flex-shrink:0;width:44px;height:44px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center}.days-stepper-btn:hover:not(:disabled){background:var(--color-primary-pale)}.days-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.days-stepper-input{flex:1;min-width:0;text-align:center}.stepper-value{flex:1;text-align:center;font-size:1.25rem;font-weight:700;color:var(--color-primary)}.finish-date-preview,.inline-estimate-preview{font-size:.95rem;color:var(--color-text-muted);margin:0}.inline-estimate-preview.secondary{margin-top:.25rem}.inline-estimate-hint{font-size:.85rem;color:var(--color-text-muted);font-style:italic;margin:0}.reading-time-summary{font-size:.95rem;color:var(--color-text-muted);margin:0;line-height:1.5}.estimates-panel{border:1px solid var(--color-primary-pale)}.estimates-summary{margin-top:.5rem;display:flex;flex-direction:column;gap:.4rem}.estimate-stat{font-size:.9rem;color:var(--color-text-muted)}.estimate-value{font-weight:700;color:var(--color-primary)}.estimate-subtitle{font-size:.85rem;font-weight:600;color:var(--color-text-muted);margin-top:1rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.03em}.reading-time-table{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.reading-time-table.compact{margin-top:.25rem}.reading-time-header,.reading-time-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.5rem;padding:.35rem 0}.reading-time-header{font-weight:600;color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.reading-time-row{color:var(--color-text)}.goal-setup-actions{margin-top:.5rem}.goal-submit{width:100%}.goal-submit:disabled{opacity:.5;cursor:not-allowed}.testament-section{margin-top:1rem}.testament-section:first-of-type{margin-top:.75rem}.testament-heading{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:1px solid var(--color-border)}.goal-progress-card{background:var(--color-surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);margin-bottom:1rem;border-left:4px solid var(--color-primary)}.goal-progress-stats{margin-top:.5rem}.goal-stat{font-size:.9rem;color:var(--color-text-muted)}.goal-stat-value{font-weight:600;color:var(--color-text)}.goal-bar{margin-top:.75rem;background:transparent;padding:0;box-shadow:none}.analytics-goal-hint{font-size:.85rem;color:var(--color-text-muted);margin-top:.5rem}.analytics-pace-status{font-size:.85rem;font-weight:600;margin:.25rem 0 .5rem}.pace-ahead-of-goal{color:var(--color-primary)}.pace-on-track{color:var(--color-primary-light)}.pace-behind-goal{color:#b8860b}