:root{--color-bg:#f6f3ec;--color-surface:#fff;--color-surface-alt:#f0ece2;--color-border:#e3ddd0;--color-text:#1c1c1a;--color-text-muted:#63625b;--color-primary:var(--child-primary,#2c5f4f);--color-primary-hover:var(--child-primary-hover,#234c40);--color-primary-contrast:var(--child-primary-contrast,#fff);--color-primary-soft:var(--child-primary-soft,#e4ede9);--color-danger:#a8422c;--color-star:#976600;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-sm:0 1px 2px #14140f0f, 0 1px 1px #14140f0a;--shadow-md:0 4px 16px #14140f14, 0 1px 3px #14140f0f;--nav-height:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-bg:#14161a;--color-surface:#1f2226;--color-surface-alt:#262a2f;--color-border:#34383e;--color-text:#f0efe9;--color-text-muted:#a3a299;--color-primary:var(--child-primary-dark,#57a98c);--color-primary-hover:var(--child-primary-hover-dark,#6cbb9f);--color-primary-contrast:var(--child-primary-contrast-dark,#0c130f);--color-primary-soft:var(--child-primary-soft-dark,#22322c);--color-danger:#d97a63;--color-star:#e8b647;--shadow-sm:0 1px 2px #0000004d, 0 1px 1px #0000003d;--shadow-md:0 4px 16px #0006, 0 1px 3px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{background:var(--color-bg);color:var(--color-text);font-variant-numeric:tabular-nums;margin:0}::selection{background:var(--color-primary-soft);color:var(--color-text)}input,textarea{caret-color:var(--color-primary)}*{scrollbar-color:var(--color-border) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-surface);border-radius:999px}.icon-btn{width:40px;height:40px;color:var(--color-text-muted);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.1rem;display:inline-flex}.icon-btn:hover{background:var(--color-surface-alt);color:var(--color-text)}@media (width>=640px){dialog.sheet{border-radius:var(--radius-lg);max-width:520px;margin:auto;animation-name:fade-in}}.submit-btn:disabled{opacity:.45;cursor:default}h3{margin:0 0 .6rem;font-size:.95rem;font-weight:700}input,select,textarea,button{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:.6rem .7rem;font-family:inherit;font-size:1rem}input,select,textarea{transition:border-color .15s,box-shadow .15s}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}button{cursor:pointer;font-weight:500;transition:transform 50ms,background .15s,border-color .15s}button:active{transform:scale(.98)}form{flex-direction:column;gap:.9rem;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem}.card+.card{margin-top:.9rem}.field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}.submit-btn{background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-sm);border:none;padding:.8rem;font-size:1rem}.submit-btn:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-primary)}.link-btn{color:var(--color-primary);text-underline-offset:.15em;font-size:inherit;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}.link-btn:disabled{opacity:.55;cursor:default}.link-btn.danger{color:var(--color-danger)}.back-btn{background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;align-self:flex-start;align-items:center;gap:.3rem;margin-bottom:.7rem;padding:.4rem .9rem .4rem .7rem;font-size:.85rem;font-weight:600;display:inline-flex}.back-btn span{font-size:1rem}.back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.segmented{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:.7rem;display:flex;overflow:hidden}.segmented button{white-space:nowrap;background:var(--color-surface);border:none;border-radius:0;flex:1;padding:.55rem .3rem;font-size:.85rem;transition:background .15s}.segmented button:not(.active):hover{background:var(--color-surface-alt)}.segmented button.active{background:var(--color-primary);color:var(--color-primary-contrast)}.checkbox-row{align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:.9rem;display:flex}.checkbox-row input{width:1.1rem;height:1.1rem;accent-color:var(--color-primary);padding:0}.field-row{grid-template-columns:1fr 1fr;align-items:start;gap:.6rem;display:grid}.field-row>label,.field-row>div{min-width:0}.field-row input[type=date]{width:100%}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-state{text-align:center;color:var(--color-text-muted);padding:2.5rem 1rem}.empty-state .empty-icon{margin-bottom:.6rem;font-size:2.2rem;display:block}.muted{color:var(--color-text-muted);font-size:.85rem}.chip{border-radius:999px;padding:.3rem .75rem;font-size:.85rem}.chip:hover{border-color:var(--color-primary)}.chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.about-footer{font-size:.75rem;margin:.6rem 0 0!important}.about-footer a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.kofi-link{align-items:center;gap:.2rem;display:inline-flex}.kofi-link img{filter:grayscale();opacity:.75;width:auto;height:1em;transition:filter .15s,opacity .15s}.kofi-link:hover img{filter:none;opacity:1}.welcome p{margin:0 0 .8rem;line-height:1.5}.welcome-lead{font-size:1.05rem}.welcome h3{margin-top:1.2rem}.welcome-steps{margin:0 0 .8rem;padding-left:1.3rem;line-height:1.5}.welcome-steps li+li{margin-top:.4rem}.inline-icon{vertical-align:-3px;color:var(--color-primary)}.welcome-install{width:100%;margin-bottom:.8rem}.welcome-skip{margin:.4rem 0 1rem;display:block}.welcome-privacy{margin:0!important}dialog.panel{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);overscroll-behavior:contain;border:none;padding:0;overflow-y:auto}dialog.panel::backdrop{background:#0f0f0c73}body:has(dialog[open]){overflow:hidden}dialog.sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100%;max-height:88dvh;margin:auto 0 0;animation:.22s ease-out sheet-up}dialog.drawer{border-radius:var(--radius-lg) 0 0 var(--radius-lg);width:min(360px,88vw);max-width:none;height:100dvh;max-height:none;margin:0 0 0 auto;animation:.22s ease-out drawer-in}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0;transform:scale(.97)}}.panel-body{min-height:100%;padding:.6rem 1rem calc(1.2rem + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}.panel-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.panel-header h2{margin:0;font-size:1.15rem}.panel-body form input:not([type=checkbox],[type=color]),.panel-body form select,.panel-body form textarea{width:100%}.panel-body form label{display:block}@media (prefers-reduced-motion:reduce){dialog.panel{animation:none}}.child-colour{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;width:2.6rem;height:2.6rem;padding:0}.colour-presets{flex-wrap:nowrap;gap:.5rem;padding:.2rem .1rem .4rem;display:flex;overflow-x:auto}.colour-swatch{cursor:pointer;width:2.3rem;height:2.3rem;box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:999px;flex-shrink:0;padding:0}.colour-swatch.active{border-color:var(--color-text)}.colour-swatch-custom{border:2px dashed var(--color-text-muted)}.colour-swatch-custom::-webkit-color-swatch-wrapper{padding:2px}.colour-swatch-custom::-webkit-color-swatch{border:none;border-radius:999px}.colour-swatch-custom::-moz-color-swatch{border:none;border-radius:999px}.child-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.child-list li{align-items:center;gap:.6rem;display:flex}.child-list li>button:first-child{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);flex:1;min-width:0;padding:.7rem .8rem;transition:border-color .15s}.child-list li>button:first-child:hover{border-color:var(--color-primary)}.child-list li>button.child-active{border-color:var(--color-primary);background:var(--color-primary-soft);font-weight:600}.child-remove{flex-shrink:0;font-size:.85rem}.restore-hint{text-align:center;margin-top:.7rem}.restore-hint .link-btn{font-size:.85rem}.child-edit{flex-shrink:0;font-size:.85rem}.star-rating{align-items:center;display:flex}.stars{gap:.1rem;display:flex}.star-clear{color:var(--color-text-muted);background:0 0;border:none;padding:.55rem .4rem;font-size:.9rem;line-height:1}.star{color:var(--color-border);background:0 0;border:none;padding:.55rem .06rem;font-size:1.45rem;line-height:1;transition:color .1s,transform .1s}.star.filled{color:var(--color-star)}.toast{left:50%;bottom:calc(var(--nav-height) + 1rem + env(safe-area-inset-bottom,0px));z-index:20;background:var(--color-primary);max-width:calc(100% - 2rem);color:var(--color-primary-contrast);box-shadow:var(--shadow-md);text-align:center;border-radius:999px;padding:.65rem 1.2rem;font-size:.9rem;font-weight:600;animation:.18s ease-out toast-in;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.scanner{flex-direction:column;gap:.5rem;display:flex}.scanner-video{object-fit:cover;border-radius:var(--radius-md);background:#000;width:100%;max-height:320px}.cover-capture-frame{border-radius:var(--radius-md);position:relative;overflow:hidden}.cover-capture-video{aspect-ratio:3/4;max-height:none}.cover-guide{pointer-events:none;border:2px solid #fff;border-radius:6px;position:absolute;box-shadow:0 0 0 9999px #00000073}.date-field label{display:block}.date-shortcuts{gap:.35rem;margin-top:.4rem;display:flex}.date-shortcuts .chip{padding:.2rem .6rem;font-size:.8rem}.lang-badge{white-space:nowrap;border:1px solid var(--color-border,currentColor);letter-spacing:.04em;vertical-align:middle;color:var(--color-text-muted);border-radius:4px;margin-left:.4em;padding:0 .4em;font-size:.7em;font-weight:600;line-height:1.5;text-decoration:none;display:inline}.cover-sm{width:32px;height:48px}.cover-lg{width:84px;height:126px}img.cover-sm,img.cover-lg{object-fit:cover;border-radius:4px}.cover-placeholder{background:var(--color-surface-alt);color:var(--color-text-muted);text-align:center;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:.65rem;display:flex;overflow:hidden}.cascade-item img.cover-lg,.cascade-item .cover-placeholder{box-shadow:var(--shadow-sm);transition:transform .12s}.cascade-item:active img.cover-lg,.cascade-item:active .cover-placeholder{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.cascade-item:active img.cover-lg,.cascade-item:active .cover-placeholder{transform:none}}.search-result{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-surface);align-items:center;gap:.6rem;margin-bottom:.4rem;padding:.6rem;transition:border-color .15s,background .15s;display:flex}.search-result:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.manual-entry{flex-direction:column;gap:.7rem;display:flex}.manual-entry label{display:block}.manual-entry input{width:100%}.manual-entry .link-btn{align-self:flex-start}.search-row{gap:.4rem;margin-bottom:.9rem;display:flex}.search-row input{flex:1;min-width:0}.search-row button{flex-shrink:0}.book-entry-modes{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.mode-primary{background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:.5rem;padding:1.1rem .5rem;font-size:1rem;display:flex}.mode-primary:hover{background:var(--color-primary-hover)}.mode-primary span{font-size:1.3rem}.cover-cascade{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.8rem;margin-top:.7rem;display:grid}.cascade-item{text-align:center;background:0 0;border:none;flex-direction:column;align-items:center;gap:.35rem;padding:0;font-size:.7rem;display:flex}.cascade-item span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.also-read{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:-.4rem;display:flex}button.search-result{text-align:left;width:100%;font-weight:400}.export-summary{margin:0 0 .8rem}.format-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.7rem;display:grid}.format-grid button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:.6rem .4rem;font-size:.9rem;transition:border-color .15s}.format-grid button:not(.active):hover{border-color:var(--color-primary)}.format-grid button.active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.export-submit{width:100%;margin-top:.3rem}.print-page{color:#1a1a1a;background:#fff}.export-list{margin:.8rem 0 0;padding:0;list-style:none}.export-list-row{border-bottom:1px solid #e5e2d8;align-items:center;gap:.6rem;padding:.5rem 0;display:flex}.export-list-row:last-child{border-bottom:none}.export-list-text{flex:1;min-width:0}.export-list-notes{color:#63625b;margin-top:.15rem;font-size:.8rem;font-style:italic}.export-list.plain .export-list-row{padding:.35rem 0}.cover-with-count{flex-shrink:0;line-height:0;position:relative}.count-badge{background:var(--child-primary,#2c5f4f);color:#fff;border-radius:999px;padding:0 5px;font-size:.6rem;font-weight:700;line-height:1.5;position:absolute;top:-5px;right:-6px}.count-inline{color:var(--child-primary,#2c5f4f);font-size:.8rem;font-weight:700}.print-root{display:none}@media print{@page{size:A4;margin:12mm}body:has(>.print-root)>:not(.print-root){display:none!important}.print-root{display:block}.print-root .print-page h2{margin:0 0 10pt;font-size:16pt}.print-root .export-list{margin-top:6pt}.print-root .export-list-row{gap:8pt;padding:5pt 0}.print-root .export-list-text strong{font-size:10.5pt}.print-root .export-list-text .muted{font-size:9pt}.print-root .export-list-notes{margin-top:1pt;font-size:8.5pt}.print-root .count-inline{font-size:9pt}}.export-share{width:100%;margin-top:.5rem}.history-filters{margin-bottom:.9rem}.history-filters .segmented,.history-filters .filter-dates{margin-bottom:.6rem}.history-summary{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.submit-btn.export-btn{border-radius:999px;padding:.5rem 1rem;font-size:.9rem}.filter-dates{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.7rem;display:grid}.filter-dates label{display:block}.filter-dates input{width:100%}.session-row{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:.7rem;padding:.7rem 0;display:flex}.session-row:last-child{border-bottom:none;padding-bottom:.2rem}.session-row-body{flex:1;min-width:0}.session-row-header{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.title-filter{width:100%;margin-bottom:.6rem}.session-row-cover{background:0 0;border:none;flex-shrink:0;padding:0;line-height:0}.book-link{text-align:left;background:0 0;border:none;padding:0;font-weight:700}.book-link:hover{color:var(--color-primary)}.book-link:hover .book-title{text-decoration:underline}.book-author{color:var(--color-text-muted);font-size:.85rem;font-weight:400}.session-row-actions{flex-shrink:0;gap:.7rem;font-size:.85rem;display:flex}.goal-card p{margin:0 0 .5rem}.goal-card progress{width:100%;height:.6rem;accent-color:var(--color-primary)}.backup-reminder{border-color:var(--color-primary);background:var(--color-primary-soft)}.backup-reminder p{margin:0 0 .7rem;line-height:1.45}.backup-reminder-actions{align-items:center;gap:1rem;display:flex}.backup-reminder-actions .submit-btn{padding:.55rem 1rem}.book-detail{align-items:flex-start;gap:1rem;margin-bottom:.8rem;display:flex}.book-detail p{margin:0 0 .5rem;line-height:1.45}.book-notes{flex-direction:column;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.book-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.settings-row{text-align:left;border:none;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:.8rem;width:100%;padding:.8rem 0;transition:background .15s;display:flex}.settings-row:hover:not(:disabled){background:var(--color-surface-alt)}.settings-row:disabled{opacity:.55;cursor:default}.settings-row>span:first-child{flex-direction:column;gap:.15rem;display:flex}.settings-row-icon{color:var(--color-text-muted);font-size:1.2rem}.danger-row strong{color:var(--color-danger)}.settings-about{margin-top:auto;padding-top:1.5rem}.settings-about p{margin:.3rem 0 0;line-height:1.45}.settings-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:1.4rem 0 .2rem;font-size:.75rem;font-weight:600}.settings-field{border-bottom:1px solid var(--color-border);flex-direction:column;gap:.35rem;padding:.7rem 0;display:flex}.settings-field .field-label,.settings-field .segmented{margin:0}.goal-target{align-items:center;gap:.5rem;display:flex}.goal-target input{width:5.5rem}.app{max-width:480px;padding:1.1rem 1rem calc(var(--nav-height) + 1.5rem);min-height:100vh;margin:0 auto}h1{letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.app-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}nav{z-index:10;background:var(--color-surface);border-top:1px solid var(--color-border);max-width:480px;box-shadow:var(--shadow-md);padding-bottom:env(safe-area-inset-bottom,0);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{height:var(--nav-height);color:var(--color-text-muted);background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;padding:.4rem;font-size:.7rem;font-weight:500;display:flex}nav .nav-icon{font-size:1.3rem;line-height:1}nav button[aria-current=true]{color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 3px 0 var(--color-primary);font-weight:700}.header-actions{align-items:center;display:flex}