:root{--color-bg: #f5f0eb;--color-surface: #ffffff;--color-text: #2c2c2c;--color-text-muted: #888888;--color-accent: #2c6e49;--color-accent-text: #ffffff;--color-success: #2c6e49;--color-error: #c0392b;--color-hint: #1a5276;--color-border: #dddddd;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-accent);text-decoration:inherit}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh}h1{font-family:Crimson Pro,Georgia,serif;font-size:2.4em;line-height:1.1;color:var(--color-text)}h2,h3{font-family:Crimson Pro,Georgia,serif}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;color:var(--color-text)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}[data-animations=off] *{transition-duration:0s!important;animation-duration:0s!important}@media(prefers-reduced-motion:reduce){:root:not([data-animations=on]) *{transition-duration:0s!important;animation-duration:0s!important}}@media(min-width:768px){.practice-card,.library-card,.settings-card,.stats-card,.palaces-card,.pao-card,.major-card,.playlist-card,.book-images-card,.mm-card{max-width:720px}}.hamburger-btn{position:fixed;top:1rem;left:1rem;z-index:1001;background:var(--color-surface, #fff);border:1px solid var(--color-border, #ddd);border-radius:10px;padding:.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000014}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:18px}.hamburger-icon span{display:block;height:2px;background:var(--color-text, #2c2c2c);border-radius:1px;transition:transform .2s,opacity .2s}.hamburger-icon.hamburger-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-icon.hamburger-open span:nth-child(2){opacity:0}.hamburger-icon.hamburger-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-overlay{position:fixed;inset:0;z-index:1000;background:#0000004d}.menu-panel{position:fixed;top:0;left:0;width:260px;max-width:80vw;height:100%;background:var(--color-surface, #fff);box-shadow:2px 0 12px #00000026;padding:4rem 0 1rem;display:flex;flex-direction:column}.menu-item{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border:none;background:none;font-size:1rem;font-weight:500;color:var(--color-text, #2c2c2c);cursor:pointer;text-align:left;width:100%}.menu-item:hover{background:#0000000a}.menu-item:active{background:#00000014}.menu-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-error, #c0392b);color:#fff;font-size:.7rem;font-weight:700}.menu-profile{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem 1rem;border-bottom:1px solid var(--color-border, #eee);margin-bottom:.25rem}.menu-profile-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.menu-profile-name{font-size:.9rem;font-weight:600;color:var(--color-text, #2c2c2c)}.menu-section-divider{height:1px;background:var(--color-border, #eee);margin:.25rem 1.5rem}.menu-group-toggle{justify-content:space-between}.menu-group-chevron{font-size:1.1rem;color:var(--color-text-muted, #888);transition:transform .15s;display:inline-block}.menu-group-chevron-open{transform:rotate(90deg)}.menu-group{border-top:1px solid var(--color-border, #eee);border-bottom:1px solid var(--color-border, #eee);background:#00000005}.menu-item-nested{padding-left:2.25rem;font-size:.95rem}.menu-item-signout{margin-top:auto;border-top:1px solid var(--color-border, #eee);color:var(--color-error, #c0392b)}[data-animations=off] .hamburger-icon span{transition:none}[data-animations=off] .menu-panel{animation:none}@media(prefers-reduced-motion:reduce){:root:not([data-animations=on]) .hamburger-icon span{transition:none}}.mnemonic-compact{margin-bottom:1rem;text-align:left}.mnemonic-toggle{display:flex;align-items:center;gap:.4rem;background:none;border:1px solid var(--color-border, #ddd);border-radius:8px;padding:.35rem .6rem;font-size:.8rem;color:var(--color-text-muted, #888);cursor:pointer;width:100%;text-align:left;transition:background .15s}.mnemonic-toggle:hover{background:var(--color-bg, #f5f0eb)}.mnemonic-toggle-icon{font-size:.7rem;flex-shrink:0}.mnemonic-toggle-label{font-weight:600;color:var(--color-text, #2c2c2c);flex-shrink:0}.mnemonic-toggle-preview{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic;margin-left:.25rem}.mnemonic-compact-body{margin-top:.5rem;padding:.5rem;background:var(--color-bg, #f5f0eb);border-radius:8px}.mnemonic-strategy-pills{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.mnemonic-pill{padding:.25rem .55rem;border:1.5px solid var(--color-border, #ddd);border-radius:12px;background:transparent;font-size:.72rem;font-weight:500;color:var(--color-text, #2c2c2c);cursor:pointer;transition:border-color .15s,background .15s}.mnemonic-pill:hover{border-color:var(--color-accent, #2c6e49)}.mnemonic-pill-active{background:var(--color-accent, #2c6e49);border-color:var(--color-accent, #2c6e49);color:#fff;font-weight:600}.mnemonic-result{padding:.5rem .6rem;background:var(--color-surface, #fff);border-radius:8px;border-left:3px solid var(--color-accent, #2c6e49);margin-bottom:.5rem}.mnemonic-result-empty{border-left-color:var(--color-text-muted, #888);font-size:.8rem;color:var(--color-text-muted, #888);font-style:italic}.mnemonic-summary{font-size:.9rem;font-weight:600;font-style:italic;color:var(--color-text, #2c2c2c);line-height:1.4}.mnemonic-keyword-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}.mnemonic-keyword-tag{display:inline-block;padding:.15rem .45rem;border-radius:6px;font-size:.72rem;font-weight:500}.mnemonic-keyword-chapter{background:#6366f1;color:#fff}.mnemonic-keyword-verse{background:#10b981;color:#fff}.mnemonic-keyword-combined{background:#f59e0b;color:#fff}.mnemonic-manual-input{width:100%;padding:.5rem .6rem;border:1.5px solid var(--color-border, #ddd);border-radius:8px;font-size:.85rem;font-family:inherit;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);outline:none;resize:vertical;margin-bottom:.5rem;box-sizing:border-box}.mnemonic-manual-input:focus{border-color:var(--color-accent, #2c6e49)}.mnemonic-reset{display:inline-block;padding:.2rem .5rem;background:none;border:none;font-size:.72rem;color:var(--color-text-muted, #888);cursor:pointer;text-decoration:underline}.mnemonic-reset:hover{color:var(--color-text, #2c2c2c)}.mnemonic-full{margin-top:.5rem}[data-animations=off] .mnemonic-toggle,[data-animations=off] .mnemonic-pill{transition:none}.mrp-icon-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted, #999);padding:10px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .15s,background .15s}.mrp-icon-btn:hover,.mrp-icon-btn:focus-visible{color:var(--color-accent, #2c6e49);background:var(--color-border, #eee)}.mrp-icon-btn[aria-expanded=true]{color:var(--color-accent, #2c6e49)}.mrp-overlay{position:fixed;inset:0;background:#0003;z-index:90}.mrp-panel{position:fixed;left:0;right:0;bottom:0;max-height:65vh;background:var(--color-surface, #fff);border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #0000001f;padding:.75rem 1.25rem 1.5rem;z-index:100;transform:translateY(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);overflow-y:auto;overscroll-behavior:contain}.mrp-panel-open{transform:translateY(0)}.mrp-handle{width:36px;height:4px;background:var(--color-border, #ccc);border-radius:2px;margin:0 auto .75rem}.mrp-section{margin-bottom:1rem}.mrp-section:last-child{margin-bottom:0}.mrp-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted, #999);margin:0 0 .5rem;font-weight:600}.mrp-chips{display:flex;flex-wrap:wrap;gap:.5rem}.mrp-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--color-bg, #f5f5f5);border:1px solid var(--color-border, #e0e0e0);border-radius:20px;padding:.35rem .75rem;font-size:.9rem}.mrp-chip-emoji{font-size:1.1rem}.mrp-chip-label{font-weight:500;color:var(--color-text, #333)}.mrp-chip-sub{font-weight:400;color:var(--color-text-muted, #888);font-size:.8rem}.mrp-story{font-size:1rem;line-height:1.5;color:var(--color-text, #333);margin:0 0 .5rem;font-style:italic}.mrp-no-memory{font-size:.9rem;color:var(--color-text-muted, #888);margin:0}.mrp-link-btn{background:none;border:none;color:var(--color-accent, #2c6e49);font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.mrp-link-btn:hover{opacity:.8}.mrp-details{margin-top:.5rem}.mrp-detail-row{font-size:.85rem;color:var(--color-text, #555);margin-bottom:.3rem}.mrp-detail-label{color:var(--color-text-muted, #888);margin-right:.35rem}[data-animations=off] .mrp-panel{transition:none}@media(prefers-reduced-motion:reduce){:root:not([data-animations=on]) .mrp-panel{transition:none}}.ref-chain{margin:.5rem 0}.ref-chain-segments{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;row-gap:.35rem;padding:.25rem 0;overflow-x:auto;max-width:100%}.ref-chain-connector{display:flex;align-items:center;padding:0 .2rem;flex-shrink:0}.ref-chain-arrow-icon{font-size:1rem;color:var(--color-text-muted, #888);line-height:1}.ref-chain-card{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .6rem;border:1.5px solid var(--color-border, #ddd);border-radius:10px;background:var(--color-surface, #fff);cursor:pointer;transition:border-color .15s,box-shadow .15s;min-width:48px;flex-shrink:1}.ref-chain-card:hover{border-color:var(--color-accent, #2c6e49)}.ref-chain-card-expanded{border-color:var(--color-accent, #2c6e49);box-shadow:0 2px 8px #2c6e491f}.ref-chain-card.ref-chain-src-book{border-bottom:2.5px solid #6366f1}.ref-chain-card.ref-chain-src-chapter{border-bottom:2.5px solid #10b981}.ref-chain-card.ref-chain-src-verse{border-bottom:2.5px solid #f59e0b}.ref-chain-card.ref-chain-src-concept{border-bottom:2.5px solid #ec4899}.ref-chain-display{font-size:1.5rem;line-height:1.2;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.ref-chain-src-book .ref-chain-display{font-size:2rem;max-width:none;overflow:visible}.ref-chain-src-chapter .ref-chain-display,.ref-chain-src-verse .ref-chain-display{font-size:1rem;font-style:italic;color:var(--color-text, #2c2c2c)}.ref-chain-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted, #888);text-transform:uppercase;letter-spacing:.03em;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.ref-chain-sublabel{font-size:.65rem;color:var(--color-text-muted, #888);font-style:italic;text-align:center;max-width:100px}.ref-chain-bridge{display:flex;align-items:center;padding:0 .3rem;flex-shrink:0}.ref-chain-bridge-icon{font-size:1.1rem;color:#ec4899;line-height:1;font-weight:600}.ref-chain-src-concept .ref-chain-display{font-size:1.5rem;font-style:normal;max-width:none;overflow:visible}.ref-chain-compact{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.25rem;font-size:.85rem;padding:.15rem .4rem;background:var(--color-bg, #f5f0eb);border-radius:6px;border:1px solid var(--color-border, #ddd)}.ref-chain-compact-item{display:inline-flex;align-items:center;gap:.25rem}.ref-chain-compact .ref-chain-arrow{color:var(--color-text-muted, #888);font-size:.75rem}.ref-chain-compact-display{font-weight:600}.ref-chain-compact-display.ref-chain-src-book{font-size:1.1em}.ref-chain-compact-display.ref-chain-src-chapter{color:#10b981;font-style:italic}.ref-chain-compact-display.ref-chain-src-verse{color:#f59e0b;font-style:italic}.ref-chain-compact-bridge{color:#ec4899;font-weight:600;font-size:.8em;padding:0 .15rem}.ref-chain-compact-display.ref-chain-src-concept{color:#ec4899;font-style:normal}@media(max-width:400px){.ref-chain-card{min-width:52px;padding:.3rem .4rem}.ref-chain-display{font-size:1.2rem}.ref-chain-src-book .ref-chain-display{font-size:1.6rem}}[data-animations=off] .ref-chain-card{transition:none}.practice-card{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:2rem;max-width:480px;width:100%;margin:0 auto}.practice-header-row{display:flex;align-items:center;margin-bottom:.25rem}.practice-header-spacer{flex:1}.practice-back{text-align:left;margin-bottom:.25rem}.practice-header-row .btn-back{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:.25rem .5rem;color:var(--color-hint, #1a5276);line-height:1}.practice-reference{font-size:.9rem;color:var(--color-text-muted, #888);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.practice-empty{color:var(--color-text-muted, #888);text-align:center}.practice-empty-state{text-align:center;padding:1rem 0}.practice-empty-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.practice-empty-body{color:var(--color-text-muted, #888);margin-bottom:1.5rem}.practice-playlist-bar{font-size:.8rem;color:var(--color-text-muted, #888);margin-bottom:.75rem;text-align:center}.playlist-progress-track{height:4px;background:var(--color-border, #ddd);border-radius:2px;margin-top:.35rem;overflow:hidden}.playlist-progress-fill{height:100%;background:var(--color-accent, #2c6e49);border-radius:2px;transition:width .3s}.reference-input-area{margin-bottom:1rem;text-align:center}.reference-prompt{font-size:.9rem;color:var(--color-text-muted, #888);margin-bottom:.5rem}.reference-input-row{display:flex;gap:.5rem;justify-content:center}.reference-input{font-size:1rem;padding:.5rem .75rem;border:2px solid var(--color-border, #ddd);border-radius:10px;outline:none;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);max-width:200px}.reference-input:focus{border-color:var(--color-accent, #2c6e49)}.reference-input.reference-wrong{border-color:var(--color-error, #c0392b)}.reference-wrong-msg{font-size:.8rem;color:var(--color-error, #c0392b);margin-top:.35rem;margin-bottom:0}.btn-reveal{display:inline-block;margin-top:.5rem;padding:.3rem .75rem;background:none;border:1px solid var(--color-border, #ddd);border-radius:8px;font-size:.85rem;color:var(--color-text-muted, #888);cursor:pointer}.btn-reveal:active{opacity:.7}.stage-indicator{font-size:.85rem;margin-bottom:1.5rem;color:var(--color-text-muted, #999)}.stage-separator{color:var(--color-border, #ccc);margin:0 .1rem}.stage-label{font-weight:400}.stage-label.stage-active{color:var(--color-hint, #1a5276);font-weight:700}.stage-label.stage-done{color:var(--color-success, #2c6e49)}.practice-read-actions{text-align:center;margin-bottom:1rem}.hint-row{display:flex;flex-wrap:wrap;gap:.5rem .75rem;margin-bottom:2rem;line-height:2;cursor:pointer}.hint-word{font-size:1.25rem;font-weight:600;color:var(--color-border, #bbb);transition:color .3s}.hint-word.read-visible{color:var(--color-text, #2c2c2c)}.hint-word.revealed{color:var(--color-success, #2c6e49)}.hint-word.active{color:var(--color-hint, #1a5276)}.hint-word.wrong{color:var(--color-error, #c0392b);animation:wrong-flash .5s}@keyframes wrong-flash{0%,to{opacity:1}50%{opacity:.4}}.hint-word.wrong-revealed{color:var(--color-error, #c0392b)}.hint-word.skipped{color:var(--color-text-muted, #999);font-style:italic}.practice-input-area{display:flex;gap:.5rem;margin-bottom:1.5rem}.practice-hidden-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.practice-keypress-hint{font-size:.9rem;color:var(--color-text-muted, #888);text-align:center;margin-bottom:1rem}.btn-skip{flex-shrink:0;padding:.75rem 1rem;background:var(--color-text-muted, #888);font-size:.95rem}[data-animations=off] .hint-word{transition:none}[data-animations=off] .hint-word.wrong{animation:none}[data-animations=off] .playlist-progress-fill{transition:none}[data-animations=off] .celebration-pop{animation:none}@media(prefers-reduced-motion:reduce){:root:not([data-animations=on]) .hint-word{transition:none}:root:not([data-animations=on]) .hint-word.wrong{animation:none}:root:not([data-animations=on]) .celebration-pop{animation:none}}.practice-attempts{font-size:.8rem;color:var(--color-error, #c0392b);margin-bottom:1rem}.practice-progress{font-size:.85rem;color:var(--color-text-muted, #999);margin-bottom:1rem}.practice-done{text-align:center;padding:1rem;color:var(--color-success, #2c6e49);font-weight:600;font-size:1.1rem}.practice-celebration{margin-bottom:.5rem}.practice-celebration-text{font-size:1.3rem;font-weight:700;margin:0 0 .25rem}.practice-celebration-sub{font-size:.85rem;color:var(--color-text-muted, #777);font-weight:400;margin:0}.celebration-pop{animation:celebration-pop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes celebration-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.practice-milestone{font-size:1.1rem;font-weight:700;color:var(--color-accent, #2c6e49);margin:.5rem 0 0}.practice-done-stats{font-size:.9rem;color:var(--color-text-muted, #777);font-weight:400;margin-top:-.25rem}.practice-session-complete{text-align:center;padding:1.5rem 1rem}.practice-session-summary{font-size:.95rem;color:var(--color-text-muted, #777);margin:.25rem 0 0}.practice-session-stats{display:flex;gap:1rem;justify-content:center;margin-top:.75rem;font-size:.85rem;color:var(--color-text-muted, #777);font-weight:400}.practice-streak{color:var(--color-accent, #2c6e49);font-weight:600}.practice-today-count{color:var(--color-text-muted, #777)}.practice-done-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.btn{display:inline-block;padding:.6rem 1.5rem;background:var(--color-accent, #2c6e49);color:var(--color-accent-text, white);border:none;border-radius:10px;font-size:1rem;cursor:pointer}.btn:active{opacity:.8}.btn-secondary{background:var(--color-hint, #1a5276)}.practice-nudge{margin-top:1rem;padding:.75rem 1rem;background:var(--color-surface, #fff);border:1px solid var(--color-border, #ddd);border-radius:12px;text-align:center;animation:nudge-enter .4s ease-out both}.practice-nudge-text{font-size:.95rem;color:var(--color-text, #2c2c2c);font-weight:400;margin:0 0 .5rem}.practice-nudge-btn{font-size:.9rem;padding:.5rem 1.25rem}.practice-nudge-dismiss{display:block;margin:.4rem auto 0;background:none;border:none;font-size:.8rem;color:var(--color-text-muted, #888);cursor:pointer;padding:.25rem .5rem}.practice-nudge-dismiss:active{opacity:.6}@keyframes nudge-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-animations=off] .practice-nudge{animation:none}@media(prefers-reduced-motion:reduce){:root:not([data-animations=on]) .practice-nudge{animation:none}}[data-density=compact] .practice-card{padding:1rem}[data-density=compact] .hint-row{gap:.3rem .5rem;margin-bottom:1rem;line-height:1.6}[data-density=compact] .hint-word{font-size:1rem}[data-density=compact] .btn{padding:.4rem 1rem;font-size:.9rem}.collection-browser{padding:.5rem 0}.collection-browser-cards{display:flex;flex-direction:column;gap:.75rem}.collection-browser-card{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem;background:var(--color-surface, #fff);border:2px solid var(--color-border, #ddd);border-radius:12px;transition:border-color .15s}.collection-browser-card--imported{border-color:var(--color-accent, #2c6e49);background:#2c6e4908}.collection-browser-card-info{display:flex;flex-direction:column;gap:.3rem;min-width:0;flex:1}.collection-browser-card-name{font-size:1rem;font-weight:600;color:var(--color-text, #2c2c2c)}.collection-browser-card-desc{font-size:.82rem;color:var(--color-text-muted, #666);line-height:1.35}.collection-browser-card-count{font-size:.75rem;font-weight:600;color:var(--color-accent, #2c6e49);margin-top:.1rem}.collection-browser-card-actions{flex-shrink:0;display:flex;align-items:center;padding-top:.15rem}.collection-browser-btn{font-size:.82rem;font-weight:600;padding:.4rem .85rem;border-radius:8px;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.collection-browser-btn:disabled{opacity:.5;cursor:default}.collection-browser-btn--add{background:var(--color-accent, #2c6e49);color:#fff;border-color:var(--color-accent, #2c6e49)}.collection-browser-btn--add:hover:not(:disabled){opacity:.9}.collection-browser-btn--remove{background:transparent;color:#c0392b;border-color:#c0392b}.collection-browser-btn--remove:hover:not(:disabled){background:#c0392b0f}.collection-browser-badge{font-size:.78rem;font-weight:600;color:var(--color-accent, #2c6e49);padding:.35rem .75rem;border:2px solid var(--color-accent, #2c6e49);border-radius:8px;white-space:nowrap}[data-density=compact] .collection-browser-card{padding:.75rem}.csv-import{padding:.25rem 0}.csv-import-hint{font-size:.88rem;color:var(--color-text-muted, #666);line-height:1.45;margin:0 0 1rem}.csv-import-sample-link{display:inline-block;font-size:.82rem;color:var(--color-accent, #2c6e49);margin-bottom:1rem}.csv-import-sample-link:hover{text-decoration:none}.csv-import-file-label{display:inline-block;padding:.65rem 1.25rem;background:var(--color-accent, #2c6e49);color:#fff;border-radius:8px;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s}.csv-import-file-label:hover{background:var(--color-accent-hover, #245a3a)}.csv-import-file-input{display:none}.csv-import-file-name{font-size:.85rem;color:var(--color-text-muted, #888);margin:0 0 .5rem;font-style:italic}.csv-import-summary{font-size:.95rem;font-weight:600;color:var(--color-text, #2c2c2c);margin:0 0 .75rem}.csv-import-verse-list{list-style:none;padding:0;margin:0 0 .75rem}.csv-import-verse-item{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.88rem;border-bottom:1px solid var(--color-border, #eee)}.csv-import-verse-ref{font-weight:600;color:var(--color-text, #2c2c2c)}.csv-import-verse-trans{font-size:.78rem;color:var(--color-text-muted, #888)}.csv-import-verse-more{color:var(--color-text-muted, #888);font-style:italic;border-bottom:none}.csv-import-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem;margin-bottom:.75rem}.csv-import-errors-title{font-size:.88rem;font-weight:600;color:#991b1b;margin:0 0 .35rem}.csv-import-error-list{list-style:none;padding:0;margin:0}.csv-import-error-item{font-size:.82rem;color:#b91c1c;padding:.15rem 0}.csv-import-actions{display:flex;gap:.5rem;margin-top:.75rem}.csv-import-btn{padding:.55rem 1.1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;background:var(--color-accent, #2c6e49);color:#fff;transition:background .15s}.csv-import-btn:hover{background:var(--color-accent-hover, #245a3a)}.csv-import-btn--secondary{background:var(--color-surface, #f5f5f5);color:var(--color-text, #2c2c2c);border:1px solid var(--color-border, #ddd)}.csv-import-btn--secondary:hover{background:var(--color-border, #e5e5e5)}.csv-import-done-msg{font-size:1rem;font-weight:600;color:var(--color-accent, #2c6e49);margin:0 0 .75rem}.add-verses-hub{padding:.5rem 0}.add-verses-hub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.add-verses-hub-title{font-size:1.05rem;font-weight:700;margin:0;color:var(--color-text, #2c2c2c)}.add-verses-hub-back{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;color:var(--color-hint, #1a5276);line-height:1;margin-right:.5rem}.add-verses-hub-close{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:.25rem .5rem;color:var(--color-text-muted, #888);line-height:1}.add-verses-hub-close:hover{color:var(--color-text, #2c2c2c)}.add-verses-hub-options{display:flex;flex-direction:column;gap:.75rem}.add-verses-hub-option{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;width:100%;padding:1rem;background:var(--color-surface, #fff);border:2px solid var(--color-border, #ddd);border-radius:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.add-verses-hub-option:hover:not(:disabled){border-color:var(--color-accent, #2c6e49);box-shadow:0 2px 8px #2c6e491f}.add-verses-hub-option:active:not(:disabled){border-color:var(--color-accent, #2c6e49);background:#2c6e490a}.add-verses-hub-option:disabled{opacity:.5;cursor:default}.add-verses-hub-option-icon{font-size:1.3rem}.add-verses-hub-option-label{font-size:1rem;font-weight:600;color:var(--color-text, #2c2c2c)}.add-verses-hub-option-desc{font-size:.82rem;color:var(--color-text-muted, #666);line-height:1.35}[data-density=compact] .add-verses-hub-option{padding:.75rem}.library-card{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem;max-width:480px;width:100%;margin:0 auto}.library-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.btn-back{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:.25rem .5rem;color:var(--color-hint, #1a5276);line-height:1}.library-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--color-text, #2c2c2c)}.library-empty,.library-no-results{color:var(--color-text-muted, #888);text-align:center;padding:2rem 0}.library-filters{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.library-search{width:100%;padding:.6rem .75rem;border:2px solid var(--color-border, #ddd);border-radius:10px;font-size:.95rem;outline:none;transition:border-color .2s;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);box-sizing:border-box}.library-search:focus{border-color:var(--color-accent, #2c6e49)}.library-collection-filter{width:100%;padding:.5rem .75rem;border:2px solid var(--color-border, #ddd);border-radius:10px;font-size:.9rem;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);outline:none;cursor:pointer;box-sizing:border-box}.library-collection-filter:focus{border-color:var(--color-accent, #2c6e49)}.library-actions-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.library-count{font-size:.8rem;color:var(--color-text-muted, #999)}.library-actions-buttons{display:flex;gap:.5rem;align-items:center}.library-add-btn{font-size:.75rem;padding:.3rem .75rem;background:none;color:var(--color-accent, #2c6e49);border:1.5px solid var(--color-accent, #2c6e49);border-radius:8px;cursor:pointer;font-weight:600;transition:background .15s}.library-add-btn:hover{background:#2c6e490f}.library-add-btn:active{background:#2c6e491f}.library-playlist-btn{font-size:.75rem;padding:.3rem .75rem;background:var(--color-accent, #2c6e49);color:var(--color-accent-text, white);border:none;border-radius:8px;cursor:pointer;font-weight:500}.library-playlist-btn:active{opacity:.8}.library-list{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}.library-item{border-bottom:1px solid var(--color-border, #eee)}.library-item:last-child{border-bottom:none}.library-item-btn{display:block;width:100%;text-align:left;background:none;border:none;padding:.75rem .5rem;cursor:pointer;border-radius:8px;transition:background .15s}.library-item-btn:hover{background:#2c6e490f}.library-item-btn:active{background:#2c6e491f}.library-item-main{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.library-item-ref{font-weight:600;font-size:1rem;color:var(--color-text, #2c2c2c)}.library-item-translation{font-size:.75rem;color:var(--color-text-muted, #999);text-transform:uppercase;letter-spacing:.03em}.library-item-preview{font-size:.85rem;color:var(--color-text-muted, #666);line-height:1.4}.library-item-box{display:inline-block;font-size:.7rem;padding:.15rem .4rem;border-radius:4px;margin-top:.25rem;font-weight:600;background:#e8f5e9;color:#2c6e49}.library-item-box[data-box="1"]{background:#fce4ec;color:#c0392b}.library-item-box[data-box="2"]{background:#fff3e0;color:#e67e22}.library-item-box[data-box="3"]{background:#fff9c4;color:#8d6e00}.library-item-box[data-box="4"]{background:#e0f2f1;color:#1a5276}.library-item-box[data-box="5"]{background:#e8f5e9;color:#2c6e49}.library-item-row{display:flex;align-items:center}.library-item-row .library-item-btn{flex:1;min-width:0}.library-mm-btn{flex-shrink:0;background:none;border:1.5px solid var(--color-border, #ddd);border-radius:8px;width:36px;height:36px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;padding:0;margin-left:.25rem;transition:border-color .15s,background .15s;opacity:.5}.library-mm-btn:hover{border-color:var(--color-accent, #2c6e49);opacity:.8}.library-mm-btn-active{opacity:1;border-color:var(--color-accent, #2c6e49);background:#2c6e4914}.library-mm-prompt{background:var(--color-bg, #f5f0eb);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem;text-align:center}.library-mm-prompt p{font-size:.85rem;color:var(--color-text, #2c2c2c);margin:0 0 .5rem}.library-mm-prompt-actions{display:flex;gap:.5rem;justify-content:center}.library-mm-prompt-btn{font-size:.8rem;padding:.35rem .75rem;background:var(--color-accent, #2c6e49);color:var(--color-accent-text, #fff);border:none;border-radius:8px;cursor:pointer;font-weight:600}.library-mm-prompt-dismiss{font-size:.8rem;padding:.35rem .75rem;background:none;border:none;color:var(--color-text-muted, #888);cursor:pointer}[data-density=compact] .library-card{padding:1rem}[data-density=compact] .library-item-btn{padding:.5rem .25rem}.stats-card{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem;max-width:480px;width:100%;margin:0 auto;text-align:left}.stats-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.stats-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--color-text, #2c2c2c)}.stats-summary{display:flex;gap:1rem;margin-bottom:1.5rem}.stats-metric{flex:1;text-align:center;padding:1rem;background:var(--color-bg, #f5f0eb);border-radius:12px}.stats-metric-value{display:block;font-size:1.8rem;font-weight:700;color:var(--color-accent, #2c6e49)}.stats-metric-label{display:block;font-size:.75rem;color:var(--color-text-muted, #888);margin-top:.25rem}.stats-section{margin-bottom:1.5rem}.stats-section:last-child{margin-bottom:0}.stats-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted, #888);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border, #eee)}.box-chart{display:flex;flex-direction:column;gap:.5rem}.box-bar-row{display:flex;align-items:center;gap:.5rem}.box-label{font-size:.8rem;color:var(--color-text, #2c2c2c);min-width:7rem;white-space:nowrap}.box-interval{color:var(--color-text-muted, #888);font-size:.7rem}.box-bar-track{flex:1;height:16px;background:var(--color-bg, #f0f0f0);border-radius:8px;overflow:hidden}.box-bar-fill{height:100%;border-radius:8px;transition:width .3s}.box-bar-fill[data-box="1"]{background:#e74c3c}.box-bar-fill[data-box="2"]{background:#e67e22}.box-bar-fill[data-box="3"]{background:#f1c40f}.box-bar-fill[data-box="4"]{background:#3498db}.box-bar-fill[data-box="5"]{background:#2ecc71}.box-count{font-size:.8rem;color:var(--color-text-muted, #888);min-width:1.5rem;text-align:right}.activity-chart{display:flex;align-items:flex-end;gap:.25rem;height:100px;padding-top:.5rem}.activity-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.activity-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.activity-bar-fill{width:70%;max-width:28px;background:var(--color-accent, #2c6e49);border-radius:4px 4px 0 0;transition:height .3s;min-height:0}.activity-label{font-size:.65rem;color:var(--color-text-muted, #888);margin-top:.25rem}.activity-count{font-size:.6rem;color:var(--color-accent, #2c6e49);font-weight:600}.settings-card{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem;max-width:480px;width:100%;margin:0 auto;text-align:left}.settings-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.settings-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--color-text, #2c2c2c)}.settings-section{margin-bottom:1.5rem;padding-top:.5rem}.settings-section:first-of-type{padding-top:0}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted, #888);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border, #eee)}.settings-row{margin-bottom:1rem}.settings-row:last-child{margin-bottom:0}.settings-label{display:block;font-size:.9rem;font-weight:500;color:var(--color-text, #2c2c2c);margin-bottom:.35rem}.settings-select{width:100%;padding:.5rem .75rem;border:2px solid var(--color-border, #ddd);border-radius:10px;font-size:.9rem;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);outline:none;cursor:pointer;box-sizing:border-box}.settings-select:focus{border-color:var(--color-accent, #2c6e49)}.settings-range{width:100%;accent-color:var(--color-accent, #2c6e49)}.settings-preview{display:block;margin-top:.25rem;color:var(--color-text-muted, #888)}.theme-picker{display:flex;gap:.5rem;flex-wrap:wrap}.theme-swatch{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;border:2px solid var(--color-border, #ddd);border-radius:10px;background:var(--color-surface, #fff);cursor:pointer;min-width:56px}.theme-swatch.theme-active{border-color:var(--color-accent, #2c6e49);box-shadow:0 0 0 1px var(--color-accent, #2c6e49)}.swatch-color{display:block;width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.swatch-name{font-size:.65rem;color:var(--color-text-muted, #888)}.settings-hint{display:block;font-size:.75rem;color:var(--color-text-muted, #888);margin-top:.25rem;line-height:1.4}.settings-key-entry{display:flex;gap:.5rem;align-items:stretch}.settings-input{flex:1;padding:.5rem .75rem;border:2px solid var(--color-border, #ddd);border-radius:10px;font-size:.9rem;font-family:monospace;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);outline:none;box-sizing:border-box;min-width:0}.settings-input:focus{border-color:var(--color-accent, #2c6e49)}.settings-input:disabled{opacity:.5;cursor:not-allowed}.settings-btn-save{padding:.5rem 1rem;background:var(--color-accent, #2c6e49);color:#fff;border:none;border-radius:10px;font-size:.9rem;cursor:pointer;white-space:nowrap}.settings-btn-save:disabled{opacity:.5;cursor:not-allowed}.settings-btn-save:active:not(:disabled){opacity:.8}.settings-key-display{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-surface-alt, #f7f7f7);border-radius:10px;border:2px solid var(--color-border, #ddd)}.settings-key-masked{font-family:monospace;font-size:.9rem;color:var(--color-text, #2c2c2c);flex:1}.settings-key-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.settings-key-valid{background:#d4edda;color:#155724}.settings-btn-small{padding:.3rem .6rem;font-size:.8rem}.settings-key-error{color:var(--color-error, #c0392b)}.settings-key-security{font-style:italic;margin-top:.5rem}.settings-row-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.settings-row-toggle .settings-label{flex:1;margin-bottom:0}.settings-checkbox{width:1.1rem;height:1.1rem;accent-color:var(--color-accent, #2c6e49);cursor:pointer}.settings-row-toggle .settings-hint{flex-basis:100%}.settings-account-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.settings-account-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.settings-account-details{display:flex;flex-direction:column;gap:.15rem}.settings-account-name{font-size:.95rem;font-weight:600;color:var(--color-text, #2c2c2c)}.settings-account-email{font-size:.8rem;color:var(--color-text-muted, #888)}.settings-btn-danger{padding:.5rem 1rem;background:var(--color-error, #c0392b);color:#fff;border:none;border-radius:10px;font-size:.9rem;cursor:pointer}.settings-btn-danger:active{opacity:.8}.palaces-card{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem;max-width:480px;width:100%;margin:0 auto;text-align:left}.palaces-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.palaces-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--color-text, #2c2c2c)}.palaces-empty{color:var(--color-text-muted, #888);text-align:center;padding:2rem 0;line-height:1.5}.palaces-list{list-style:none;margin:0 0 1rem;padding:0}.palace-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem .5rem;border-bottom:1px solid var(--color-border, #eee)}.palace-item:last-child{border-bottom:none}.palace-item-info{display:flex;flex-direction:column;gap:.15rem}.palace-item-name{font-weight:600;font-size:1rem;color:var(--color-text, #2c2c2c)}.palace-item-desc{font-size:.8rem;color:var(--color-text-muted, #888)}.palace-item-meta{font-size:.7rem;color:var(--color-text-muted, #999)}.palace-item-actions{display:flex;gap:.5rem}.palace-action-btn{background:none;border:none;font-size:.8rem;color:var(--color-accent, #2c6e49);cursor:pointer;padding:.25rem .5rem}.palace-delete-btn{color:var(--color-error, #c0392b)}.palace-create-form,.palace-edit-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.palace-input{padding:.5rem .75rem;border:2px solid var(--color-border, #ddd);border-radius:10px;font-size:.95rem;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);outline:none}.palace-input:focus{border-color:var(--color-accent, #2c6e49)}.palace-textarea{padding:.5rem .75rem;border:2px solid var(--color-border, #ddd);border-radius:10px;font-size:.85rem;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);outline:none;resize:vertical;font-family:inherit}.palace-textarea:focus{border-color:var(--color-accent, #2c6e49)}.palace-form-actions{display:flex;gap:.5rem}.btn-sm{padding:.4rem 1rem;font-size:.85rem}.palace-add-btn{width:100%}.major-card{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem;max-width:480px;width:100%;margin:0 auto;text-align:left}.major-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.major-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--color-text, #2c2c2c)}.major-desc{font-size:.85rem;color:var(--color-text-muted, #888);margin:0 0 1rem;line-height:1.4}.major-input-row{display:flex;gap:.5rem;margin-bottom:.5rem}.major-input{flex:1;padding:.6rem .75rem;border:1.5px solid var(--color-border, #ddd);border-radius:8px;font-size:.95rem;background:var(--color-bg, #f5f0eb);color:var(--color-text, #2c2c2c);outline:none;transition:border-color .15s}.major-input:focus{border-color:var(--color-accent, #2c6e49)}.major-btn{padding:.6rem 1.2rem;border:none;border-radius:8px;background:var(--color-accent, #2c6e49);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .15s}.major-btn:hover{opacity:.9}.major-error{color:#e74c3c;font-size:.8rem;margin:.25rem 0 .5rem}.major-examples{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:1.25rem}.major-examples-label{font-size:.75rem;color:var(--color-text-muted, #888);margin-right:.25rem}.major-example-chip{padding:.2rem .5rem;border:1px solid var(--color-border, #ddd);border-radius:12px;background:transparent;font-size:.7rem;color:var(--color-text, #2c2c2c);cursor:pointer;transition:background .15s}.major-example-chip:hover{background:var(--color-bg, #f5f0eb)}.major-result{background:var(--color-bg, #f5f0eb);border-radius:12px;padding:1rem;margin-bottom:1rem}.major-result-ref{font-size:1rem;font-weight:700;margin:0 0 .75rem;color:var(--color-text, #2c2c2c)}.major-result-parts{display:flex;flex-direction:column;gap:.75rem}.major-result-part{display:flex;flex-direction:column;gap:.3rem}.major-result-divider{height:1px;background:var(--color-border, #ddd)}.major-result-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted, #888)}.major-result-digits{font-size:.85rem;color:var(--color-text, #2c2c2c)}.major-result-pattern{font-size:.8rem;color:var(--color-text-muted, #888);font-style:italic}.major-word-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.major-word-chip{display:inline-block;padding:.25rem .6rem;border-radius:8px;background:var(--color-accent, #2c6e49);color:#fff;font-size:.8rem;font-weight:500}.major-word-chip:first-child{font-weight:700;font-size:.85rem}.major-no-words{font-size:.8rem;color:var(--color-text-muted, #888);font-style:italic}.major-legend{margin-top:.5rem;font-size:.8rem;color:var(--color-text, #2c2c2c)}.major-legend summary{cursor:pointer;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted, #888);padding:.5rem 0;border-top:1px solid var(--color-border, #eee)}.major-legend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem 1rem;margin-top:.5rem}.major-legend-row{display:flex;gap:.5rem;align-items:baseline}.major-legend-digit{font-weight:700;font-size:1rem;color:var(--color-accent, #2c6e49);min-width:1rem;text-align:center}.major-legend-sounds{font-size:.8rem;color:var(--color-text, #2c2c2c)}.pao-card{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem;max-width:480px;width:100%;margin:0 auto;text-align:left}.pao-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.pao-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--color-text, #2c2c2c)}.pao-desc{font-size:.85rem;color:var(--color-text-muted, #888);margin:0 0 1rem;line-height:1.4}.pao-input-row{display:flex;gap:.5rem;margin-bottom:.5rem}.pao-input{flex:1;padding:.6rem .75rem;border:1.5px solid var(--color-border, #ddd);border-radius:8px;font-size:.95rem;background:var(--color-bg, #f5f0eb);color:var(--color-text, #2c2c2c);outline:none;transition:border-color .15s}.pao-input:focus{border-color:var(--color-accent, #2c6e49)}.pao-btn{padding:.6rem 1.2rem;border:none;border-radius:8px;background:var(--color-accent, #2c6e49);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .15s}.pao-btn:hover{opacity:.9}.pao-error{color:#e74c3c;font-size:.8rem;margin:.25rem 0 .5rem}.pao-examples{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:1.25rem}.pao-examples-label{font-size:.75rem;color:var(--color-text-muted, #888);margin-right:.25rem}.pao-example-chip{padding:.2rem .5rem;border:1px solid var(--color-border, #ddd);border-radius:12px;background:transparent;font-size:.7rem;color:var(--color-text, #2c2c2c);cursor:pointer;transition:background .15s}.pao-example-chip:hover{background:var(--color-bg, #f5f0eb)}.pao-result{background:var(--color-bg, #f5f0eb);border-radius:12px;padding:1rem;margin-bottom:1rem}.pao-result-ref{font-size:1rem;font-weight:700;margin:0 0 .75rem;color:var(--color-text, #2c2c2c)}.pao-story-box{background:var(--color-surface, #fff);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem;border-left:4px solid var(--color-accent, #2c6e49)}.pao-story-text{font-size:1.05rem;font-weight:600;font-style:italic;color:var(--color-text, #2c2c2c);line-height:1.4}.pao-result-parts{display:flex;flex-direction:column;gap:.75rem}.pao-result-part{display:flex;flex-direction:column;gap:.3rem}.pao-result-divider{height:1px;background:var(--color-border, #ddd)}.pao-result-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted, #888)}.pao-result-hint{font-size:.75rem;color:var(--color-text-muted, #888);font-style:italic}.pao-pao-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.2rem}.pao-tag{display:inline-block;padding:.2rem .55rem;border-radius:8px;font-size:.78rem;font-weight:500}.pao-tag-person{background:#6366f1;color:#fff}.pao-tag-action{background:#f59e0b;color:#fff}.pao-tag-object{background:#10b981;color:#fff}.pao-formula{margin-top:.75rem;font-size:.75rem;color:var(--color-text-muted, #888);font-style:italic}.pao-formula-label{font-weight:600;font-style:normal}.pao-legend{margin-top:.5rem;font-size:.8rem;color:var(--color-text, #2c2c2c)}.pao-legend summary{cursor:pointer;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted, #888);padding:.5rem 0;border-top:1px solid var(--color-border, #eee)}.pao-legend-scroll{max-height:320px;overflow-y:auto;margin-top:.5rem}.pao-legend-table{width:100%;border-collapse:collapse;font-size:.75rem}.pao-legend-table th{position:sticky;top:0;background:var(--color-surface, #fff);text-align:left;padding:.3rem .4rem;font-weight:600;color:var(--color-text-muted, #888);text-transform:uppercase;letter-spacing:.04em;border-bottom:1.5px solid var(--color-border, #ddd)}.pao-legend-table td{padding:.25rem .4rem;border-bottom:1px solid var(--color-border, #eee)}.pao-legend-digits{font-weight:700;color:var(--color-accent, #2c6e49);min-width:1.5rem}.community-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.community-modal{background:var(--color-surface, #fff);border-radius:16px;padding:1.5rem;max-width:400px;width:100%;box-shadow:0 8px 32px #0003}.community-modal--large{max-width:600px;max-height:85vh;overflow-y:auto}.community-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.community-title{font-size:1.1rem;font-weight:700;margin:0;color:var(--color-text, #2c2c2c)}.community-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-text-muted, #888);padding:0 .25rem}.community-close:hover{color:var(--color-text, #2c2c2c)}.community-desc{font-size:.8rem;color:var(--color-text-muted, #888);margin:0 0 .75rem;line-height:1.4}.community-offline{text-align:center;padding:2rem 1rem;color:var(--color-text-muted, #888);font-size:.85rem}.community-offline p{margin:.5rem 0}.community-filter{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem;max-height:120px;overflow-y:auto;padding:.25rem 0}.community-filter-btn{padding:.25rem .5rem;border:1px solid var(--color-border, #ddd);border-radius:16px;background:var(--color-bg, #fafafa);font-size:.7rem;color:var(--color-text, #2c2c2c);cursor:pointer;white-space:nowrap}.community-filter-btn:hover{border-color:var(--color-accent, #2c6e49)}.community-filter-btn--active{background:var(--color-accent, #2c6e49);color:#fff;border-color:var(--color-accent, #2c6e49)}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.community-empty{text-align:center;font-size:.85rem;color:var(--color-text-muted, #888);padding:2rem 0}.community-card{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .4rem;border-radius:10px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #eee);text-align:center}.community-card-visual{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:8px;transition:background .15s}.community-card-visual:hover{background:var(--color-bg, #f5f5f5)}.community-card-emoji{font-size:1.75rem;line-height:1;display:block}.community-card-img{width:48px;height:48px;border-radius:8px;object-fit:cover}.community-card-book{font-size:.65rem;font-weight:600;color:var(--color-accent, #2c6e49);line-height:1.2}.community-card-desc{font-size:.6rem;color:var(--color-text-muted, #888);line-height:1.2}.community-card-footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:.2rem;padding-top:.2rem;border-top:1px solid var(--color-border, #eee)}.community-card-upvote{background:none;border:none;font-size:.65rem;color:var(--color-text-muted, #888);cursor:pointer;padding:.1rem .3rem;border-radius:4px}.community-card-upvote:hover{background:var(--color-bg, #f5f5f5);color:var(--color-accent, #2c6e49)}.community-card-upvote--active{color:var(--color-accent, #2c6e49);font-weight:600}.community-card-author{font-size:.55rem;color:var(--color-text-muted, #aaa)}.community-preview-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem}.community-preview{background:var(--color-surface, #fff);border-radius:16px;padding:1.5rem;max-width:320px;width:100%;text-align:center;position:relative;box-shadow:0 12px 40px #0000004d}.community-preview-visual{margin-bottom:.75rem}.community-preview-emoji{font-size:4rem;line-height:1}.community-preview-img{width:120px;height:120px;border-radius:12px;object-fit:cover;border:2px solid var(--color-border, #eee)}.community-preview-book{font-size:1rem;font-weight:700;margin:0 0 .25rem;color:var(--color-text, #2c2c2c)}.community-preview-desc{font-size:.85rem;color:var(--color-text-muted, #888);margin:0 0 .25rem}.community-preview-meta{font-size:.7rem;color:var(--color-text-muted, #aaa);margin:0 0 1rem}.community-preview-actions{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}.community-preview-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted, #888)}.community-preview-close:hover{color:var(--color-text, #2c2c2c)}.community-btn-adopt{padding:.4rem .8rem;background:var(--color-accent, #2c6e49);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer}.community-btn-adopt:hover{opacity:.9}.community-btn-upvote{padding:.4rem .8rem;background:none;border:1px solid var(--color-border, #ddd);border-radius:8px;font-size:.8rem;color:var(--color-text, #2c2c2c);cursor:pointer}.community-btn-upvote:hover{border-color:var(--color-accent, #2c6e49);color:var(--color-accent, #2c6e49)}.community-btn-upvote--active{border-color:var(--color-accent, #2c6e49);color:var(--color-accent, #2c6e49);font-weight:600}.community-btn-flag{padding:.4rem .6rem;background:none;border:1px solid var(--color-border, #ddd);border-radius:8px;font-size:.75rem;color:var(--color-text-muted, #aaa);cursor:pointer}.community-btn-flag:hover{border-color:#c44;color:#c44}.community-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1300;padding:1rem}.community-confirm{background:var(--color-surface, #fff);border-radius:12px;padding:1.25rem;max-width:300px;width:100%;text-align:center;box-shadow:0 8px 32px #0003}.community-confirm p{margin:0 0 .5rem;font-size:.9rem;color:var(--color-text, #2c2c2c)}.community-confirm p.community-confirm-desc{font-size:.8rem;color:var(--color-text-muted, #888)}.community-confirm-actions{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem}.community-btn-flag-confirm{padding:.4rem .8rem;background:#c44;color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer}.community-btn-flag-confirm:hover{opacity:.9}.community-btn-cancel{padding:.4rem .8rem;background:none;border:1px solid var(--color-border, #ddd);border-radius:8px;font-size:.8rem;color:var(--color-text-muted, #888);cursor:pointer}.community-btn-cancel:hover{border-color:var(--color-text-muted, #888);color:var(--color-text, #2c2c2c)}.book-images-card{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem;max-width:480px;width:100%;margin:0 auto;text-align:left}.book-images-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.book-images-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--color-text, #2c2c2c)}.book-images-desc{font-size:.85rem;color:var(--color-text-muted, #888);margin:0 0 1rem;line-height:1.4}.book-images-search-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.book-images-search{flex:1;padding:.5rem .75rem;border:2px solid var(--color-border, #ddd);border-radius:10px;font-size:.9rem;background:var(--color-bg, #fafafa);color:var(--color-text, #2c2c2c);outline:none}.book-images-search:focus{border-color:var(--color-accent, #2c6e49)}.book-images-count{font-size:.75rem;color:var(--color-text-muted, #888);white-space:nowrap}.book-images-sections{display:flex;flex-direction:column;gap:.25rem}.book-images-section{border:1px solid var(--color-border, #eee);border-radius:10px;overflow:hidden}.book-images-section-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;background:var(--color-bg, #fafafa);border:none;cursor:pointer;font-size:.8rem;font-weight:600;color:var(--color-text, #2c2c2c);text-align:left}.book-images-section-header:hover{background:var(--color-border, #eee)}.book-images-section-title{flex:1}.book-images-section-count{font-size:.7rem;font-weight:500;color:var(--color-text-muted, #888);background:var(--color-surface, #fff);padding:.1rem .4rem;border-radius:8px}.book-images-chevron{font-size:.75rem;color:var(--color-text-muted, #888);transition:transform .15s;display:inline-block}.book-images-chevron-open{transform:rotate(90deg)}.book-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;padding:.5rem .75rem .75rem}.book-card{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .4rem;border-radius:10px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #eee);text-align:center;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s}.book-card:hover{border-color:var(--color-accent, #2c6e49);box-shadow:0 1px 6px #00000014}.book-card--edited{border-color:var(--color-accent, #2c6e49)}.book-card-emoji{font-size:1.75rem;line-height:1}.book-card-custom-img{width:48px;height:48px;border-radius:8px;object-fit:cover}.book-card-name{font-size:.75rem;font-weight:600;color:var(--color-text, #2c2c2c);line-height:1.2}.book-card-desc{font-size:.65rem;color:var(--color-text-muted, #888);line-height:1.3}.book-images-empty{text-align:center;font-size:.85rem;color:var(--color-text-muted, #888);padding:2rem 0}.book-edit-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.book-edit-modal{background:var(--color-surface, #fff);border-radius:16px;padding:1.5rem;max-width:360px;width:100%;box-shadow:0 8px 32px #0003}.book-edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.book-edit-title{font-size:1.1rem;font-weight:700;margin:0;color:var(--color-text, #2c2c2c)}.book-edit-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-text-muted, #888);padding:0 .25rem}.book-edit-close:hover{color:var(--color-text, #2c2c2c)}.book-edit-preview{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.book-edit-emoji{font-size:4rem;line-height:1}.book-edit-img{width:100px;height:100px;border-radius:12px;object-fit:cover;border:2px solid var(--color-border, #eee)}.book-edit-upload-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;justify-content:center}.book-edit-upload-btn{display:inline-block;padding:.4rem .8rem;background:var(--color-accent, #2c6e49);color:#fff;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;text-align:center}.book-edit-upload-btn:hover{opacity:.9}.book-edit-file-input{display:none}.book-edit-remove-btn{padding:.4rem .8rem;background:none;border:1px solid var(--color-border, #ddd);border-radius:8px;font-size:.8rem;color:var(--color-text-muted, #888);cursor:pointer}.book-edit-remove-btn:hover{border-color:#c44;color:#c44}.book-edit-status{font-size:.8rem;color:var(--color-text-muted, #888);text-align:center;margin:0 0 .5rem}.book-edit-error{font-size:.8rem;color:#c44;text-align:center;margin:0 0 .5rem}.book-edit-label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--color-text-muted, #888);margin-bottom:1rem}.book-edit-input{padding:.5rem .6rem;border:2px solid var(--color-border, #ddd);border-radius:8px;font-size:.85rem;background:var(--color-bg, #fafafa);color:var(--color-text, #2c2c2c);outline:none}.book-edit-input:focus{border-color:var(--color-accent, #2c6e49)}.book-edit-char-count{font-size:.65rem;font-weight:400;color:var(--color-text-muted, #aaa);text-align:right}.book-edit-actions{display:flex;gap:.5rem;flex-wrap:wrap}.book-edit-save-btn{flex:1;padding:.5rem;background:var(--color-accent, #2c6e49);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer}.book-edit-save-btn:disabled{opacity:.5;cursor:not-allowed}.book-edit-save-btn:hover:not(:disabled){opacity:.9}.book-edit-reset-btn{padding:.5rem .75rem;background:none;border:1px solid #c44;border-radius:8px;font-size:.8rem;color:#c44;cursor:pointer}.book-edit-reset-btn:hover{background:#c44;color:#fff}.book-edit-cancel-btn{padding:.5rem .75rem;background:none;border:1px solid var(--color-border, #ddd);border-radius:8px;font-size:.8rem;color:var(--color-text-muted, #888);cursor:pointer}.book-edit-cancel-btn:hover{border-color:var(--color-text-muted, #888);color:var(--color-text, #2c2c2c)}.book-images-community-btn{display:block;width:100%;padding:.6rem;margin-bottom:.75rem;background:var(--color-bg, #f5f5f5);border:1px dashed var(--color-accent, #2c6e49);border-radius:10px;font-size:.8rem;font-weight:600;color:var(--color-accent, #2c6e49);cursor:pointer;text-align:center}.book-images-community-btn:hover{background:var(--color-accent, #2c6e49);color:#fff;border-style:solid}.book-edit-community-btn{display:block;width:100%;padding:.4rem;margin-bottom:.75rem;background:none;border:1px solid var(--color-border, #ddd);border-radius:8px;font-size:.75rem;color:var(--color-accent, #2c6e49);cursor:pointer;text-align:center}.book-edit-community-btn:hover{border-color:var(--color-accent, #2c6e49);background:var(--color-bg, #f5f5f5)}.book-edit-share-row{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border, #eee);text-align:center}.book-edit-share-btn{padding:.4rem .8rem;background:none;border:1px solid var(--color-accent, #2c6e49);border-radius:8px;font-size:.75rem;color:var(--color-accent, #2c6e49);cursor:pointer}.book-edit-share-btn:hover{background:var(--color-accent, #2c6e49);color:#fff}.book-edit-shared-msg{font-size:.75rem;color:var(--color-accent, #2c6e49);font-weight:600}.voice-picker{display:flex;flex-direction:column;gap:1rem}.voice-picker-group-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #888);margin-bottom:.4rem;display:block}.voice-picker-grid{display:flex;flex-direction:column;gap:.4rem}.voice-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:var(--color-surface, #fff);border:1.5px solid var(--color-border, #ddd);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s;text-align:left;width:100%}.voice-card:hover{border-color:var(--color-accent, #2c6e49)}.voice-card--selected{border-color:var(--color-accent, #2c6e49);background:#2c6e490f}.voice-card-info{flex:1;display:flex;flex-direction:column;min-width:0}.voice-card-name{font-weight:600;font-size:.85rem;color:var(--color-text, #2c2c2c)}.voice-card-character{font-size:.75rem;color:var(--color-text-muted, #888)}.voice-card-preview{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--color-border, #ddd);background:var(--color-surface-alt, #f8f8f8);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;transition:border-color .15s,background .15s}.voice-card-preview:hover{border-color:var(--color-accent, #2c6e49)}.voice-card-preview--playing{border-color:var(--color-accent, #2c6e49);background:var(--color-accent, #2c6e49);color:var(--color-accent-text, white)}.voice-card-check{font-size:.9rem;color:var(--color-accent, #2c6e49);font-weight:700;flex-shrink:0}.music-picker{display:flex;flex-direction:column;gap:.4rem}.music-track-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:var(--color-surface, #fff);border:1.5px solid var(--color-border, #ddd);border-radius:10px;cursor:pointer;text-align:left;width:100%;transition:border-color .15s,background .15s}.music-track-btn:hover{border-color:var(--color-accent, #2c6e49)}.music-track-btn--selected{border-color:var(--color-accent, #2c6e49);background:#2c6e490f}.music-track-info{flex:1;display:flex;flex-direction:column;min-width:0}.music-track-name{font-weight:600;font-size:.85rem;color:var(--color-text, #2c2c2c)}.music-track-desc{font-size:.75rem;color:var(--color-text-muted, #888)}.music-track-category{font-size:.65rem;padding:.15rem .4rem;border-radius:8px;background:var(--color-surface-alt, #f0f0f0);color:var(--color-text-muted, #666);font-weight:500;flex-shrink:0}.music-track-duration{font-size:.7rem;color:var(--color-text-muted, #999);flex-shrink:0}.music-track-preview{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--color-border, #ddd);background:var(--color-surface-alt, #f8f8f8);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;transition:border-color .15s,background .15s}.music-track-preview:hover{border-color:var(--color-accent, #2c6e49)}.music-track-preview--playing{border-color:var(--color-accent, #2c6e49);background:var(--color-accent, #2c6e49);color:var(--color-accent-text, white)}.music-volume-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .25rem}.music-volume-label{font-size:.8rem;color:var(--color-text-muted, #666);white-space:nowrap;min-width:120px}.music-volume-slider{flex:1;accent-color:var(--color-accent, #2c6e49)}.atmosphere-section{margin-bottom:1.25rem}.atmosphere-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:.4rem 0;cursor:pointer;color:var(--color-text, #2c2c2c)}.atmosphere-toggle-label{font-size:.85rem;font-weight:600}.atmosphere-toggle-chevron{font-size:.65rem;color:var(--color-text-muted, #888)}.atmosphere-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}@media(max-width:640px){.atmosphere-grid{grid-template-columns:1fr}}.atmosphere-card{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:var(--color-surface, #fff);border:2px solid var(--color-border, #ddd);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;text-align:center}.atmosphere-card:hover{border-color:var(--color-accent, #2c6e49)}.atmosphere-card--selected{border-color:var(--color-accent, #2c6e49);background:#2c6e490f;box-shadow:0 0 0 1px var(--color-accent, #2c6e49)}.atmosphere-card-icon{font-size:1.3rem;margin-bottom:.25rem}.atmosphere-card-label{font-weight:600;font-size:.8rem;color:var(--color-text, #2c2c2c)}.atmosphere-card-desc{font-size:.7rem;color:var(--color-text-muted, #888);margin-top:.1rem}.atmosphere-hint{font-size:.75rem;color:var(--color-text-muted, #888);margin:.5rem 0 0;text-align:center}.atmosphere-customize-link{display:block;width:100%;background:none;border:none;cursor:pointer;color:var(--color-accent, #2c6e49);font-size:.8rem;padding:.5rem 0;text-align:center;text-decoration:underline}.atmosphere-customize-link:hover{text-decoration:none}.atmosphere-customize{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}.atmosphere-customize-section{display:flex;flex-direction:column;gap:.4rem}.atmosphere-customize-label{font-size:.8rem;font-weight:600;color:var(--color-text, #2c2c2c)}.audio-player{margin-top:1.5rem;border-top:1px solid var(--color-border, #eee);padding-top:1rem}.audio-player-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}.audio-player-playlist-name{font-size:.95rem;font-weight:700;color:var(--color-text, #2c2c2c)}.audio-player-track-count{font-size:.75rem;color:var(--color-text-muted, #999)}.audio-player-now-playing{text-align:center;padding:.75rem 0}.audio-player-ref{font-size:1.1rem;font-weight:700;color:var(--color-text, #2c2c2c);margin-bottom:.25rem}.audio-player-text{font-size:.85rem;color:var(--color-text-muted, #666);line-height:1.5;max-height:5rem;overflow-y:auto}.audio-player-progress{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.audio-player-time{font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--color-text-muted, #999);min-width:2.5rem;text-align:center}.audio-player-seek{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-border, #ddd);border-radius:2px;outline:none;cursor:pointer}.audio-player-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--color-accent, #2c6e49);border-radius:50%;border:2px solid var(--color-surface, #fff);box-shadow:0 1px 3px #0003;cursor:pointer}.audio-player-seek::-moz-range-thumb{width:14px;height:14px;background:var(--color-accent, #2c6e49);border-radius:50%;border:2px solid var(--color-surface, #fff);box-shadow:0 1px 3px #0003;cursor:pointer}.audio-player-seek:disabled{opacity:.4;cursor:not-allowed}.audio-player-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin:.5rem 0}.audio-player-btn{background:none;border:2px solid var(--color-border, #ddd);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--color-text, #2c2c2c);transition:border-color .15s,background .15s}.audio-player-btn:hover:not(:disabled){border-color:var(--color-accent, #2c6e49)}.audio-player-btn:disabled{opacity:.35;cursor:not-allowed}.audio-player-btn--play{width:3.25rem;height:3.25rem;font-size:1.3rem;background:var(--color-accent, #2c6e49);color:var(--color-accent-text, white);border:none}.audio-player-btn--play:hover{opacity:.9}.audio-player-volume{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:.25rem 0}.audio-player-volume-icon{font-size:.85rem;width:1.2rem;text-align:center}.audio-player-volume-slider{width:80px;height:3px;-webkit-appearance:none;appearance:none;background:var(--color-border, #ddd);border-radius:2px;outline:none;cursor:pointer}.audio-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:var(--color-accent, #2c6e49);border-radius:50%;cursor:pointer}.audio-player-volume-slider::-moz-range-thumb{width:10px;height:10px;background:var(--color-accent, #2c6e49);border-radius:50%;cursor:pointer}.audio-player-track-info{font-size:.75rem;color:var(--color-text-muted, #999);text-align:center;margin:.25rem 0 .5rem}.audio-player-track-list{margin:0;padding:0;max-height:30vh;overflow-y:auto;border-top:1px solid var(--color-border, #eee)}.audio-player-track-item{display:flex;align-items:center;gap:.5rem;width:100%;font-size:.8rem;padding:.45rem .5rem;border:none;border-radius:6px;background:none;color:var(--color-text-muted, #666);cursor:pointer;transition:background .15s;text-align:left;font-family:inherit;box-sizing:border-box}.audio-player-track-item:hover{background:#2c6e490f}.audio-player-track-item--active{background:#2c6e491a;color:var(--color-text, #2c2c2c);font-weight:600}.audio-player-track-num{min-width:1.5rem;text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text-muted, #999)}.audio-player-track-ref{flex:1}.audio-player-track-badge{font-size:.6rem;text-transform:uppercase;font-weight:600;color:var(--color-text-muted, #999);background:var(--color-border, #eee);padding:.1rem .35rem;border-radius:4px}[data-density=compact] .audio-player{padding-top:.75rem}[data-density=compact] .audio-player-now-playing{padding:.5rem 0}[data-density=compact] .audio-player-track-item{padding:.3rem .5rem}.playlist-card{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem;max-width:480px;width:100%;margin:0 auto}.playlist-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.playlist-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--color-text, #2c2c2c)}.playlist-source-section{margin-bottom:1.25rem}.playlist-source-label{font-size:.85rem;font-weight:600;color:var(--color-text, #2c2c2c);margin-bottom:.5rem;display:block}.playlist-source-options{display:flex;flex-wrap:wrap;gap:.5rem}.playlist-source-btn{font-size:.8rem;padding:.4rem .75rem;background:none;color:var(--color-text, #2c2c2c);border:2px solid var(--color-border, #ddd);border-radius:10px;cursor:pointer;font-weight:500;transition:border-color .15s,background .15s}.playlist-source-btn:hover{border-color:var(--color-accent, #2c6e49)}.playlist-source-btn[aria-pressed=true]{background:var(--color-accent, #2c6e49);color:var(--color-accent-text, white);border-color:var(--color-accent, #2c6e49)}.playlist-collection-select{width:100%;padding:.5rem .75rem;border:2px solid var(--color-border, #ddd);border-radius:10px;font-size:.9rem;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);outline:none;cursor:pointer;box-sizing:border-box;margin-top:.5rem}.playlist-collection-select:focus{border-color:var(--color-accent, #2c6e49)}.playlist-style-section{margin-bottom:1.25rem}.playlist-style-label{font-size:.85rem;font-weight:600;color:var(--color-text, #2c2c2c);margin-bottom:.5rem;display:block}.playlist-style-options{display:flex;flex-wrap:wrap;gap:.4rem}.playlist-style-pill{font-size:.75rem;padding:.3rem .6rem;background:none;color:var(--color-text, #2c2c2c);border:1.5px solid var(--color-border, #ddd);border-radius:20px;cursor:pointer;transition:border-color .15s,background .15s}.playlist-style-pill:hover{border-color:var(--color-accent, #2c6e49)}.playlist-style-pill[aria-pressed=true]{background:var(--color-accent, #2c6e49);color:var(--color-accent-text, white);border-color:var(--color-accent, #2c6e49)}.playlist-voice-info{font-size:.82rem;color:var(--color-text-muted, #666);margin-bottom:1rem;padding:.6rem .75rem;background:var(--color-surface-alt, #f8f8f8);border-radius:8px}.playlist-voice-label{font-weight:600;color:var(--color-text, #2c2c2c)}.playlist-voice-hint{display:block;margin-top:.35rem;line-height:1.4}.playlist-voice-link{background:none;border:none;color:var(--color-accent, #2c6e49);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline;font-weight:500}.playlist-voice-link:hover{text-decoration:none}.playlist-voice-security{display:block;margin-top:.25rem;font-size:.75rem;color:var(--color-text-muted, #999)}.playlist-preview{font-size:.85rem;color:var(--color-text-muted, #666);margin-bottom:1rem;padding:.75rem;background:var(--color-surface-alt, #f8f8f8);border-radius:10px}.playlist-preview-count{font-weight:600;color:var(--color-text, #2c2c2c)}.playlist-action-row{display:flex;gap:.5rem}.playlist-preview-btn{padding:.75rem 1rem;font-size:.9rem;font-weight:600;background:var(--color-surface, #fff);color:var(--color-accent, #2c6e49);border:2px solid var(--color-accent, #2c6e49);border-radius:12px;cursor:pointer;transition:opacity .15s,background .15s,color .15s;flex-shrink:0}.playlist-preview-btn:hover:not(:disabled){background:var(--color-accent, #2c6e49);color:var(--color-accent-text, white)}.playlist-preview-btn:disabled{opacity:.5;cursor:not-allowed}.playlist-generate-btn{flex:1;padding:.75rem;font-size:1rem;font-weight:600;background:var(--color-accent, #2c6e49);color:var(--color-accent-text, white);border:none;border-radius:12px;cursor:pointer;transition:opacity .15s}.playlist-generate-btn:hover{opacity:.9}.playlist-generate-btn:active{opacity:.8}.playlist-generate-btn:disabled{opacity:.5;cursor:not-allowed}.playlist-saved-section{margin-top:1.5rem;border-top:1px solid var(--color-border, #eee);padding-top:1rem}.playlist-saved-title{font-size:.95rem;font-weight:700;color:var(--color-text, #2c2c2c);margin-bottom:.75rem}.playlist-saved-list{list-style:none;margin:0;padding:0}.playlist-saved-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .5rem;border-bottom:1px solid var(--color-border, #eee)}.playlist-saved-item:last-child{border-bottom:none}.playlist-saved-play-btn{flex:1;background:none;border:none;text-align:left;cursor:pointer;padding:.25rem 0;border-radius:6px;transition:background .15s}.playlist-saved-play-btn:hover{background:#2c6e490f}.playlist-saved-name{font-weight:600;font-size:.9rem;color:var(--color-text, #2c2c2c);display:block}.playlist-saved-meta{font-size:.75rem;color:var(--color-text-muted, #999)}.playlist-saved-delete{background:none;border:none;color:var(--color-text-muted, #999);cursor:pointer;font-size:1rem;padding:.25rem .4rem;border-radius:6px;transition:color .15s,background .15s}.playlist-saved-delete:hover{color:#c0392b;background:#c0392b14}.playlist-export-section{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--color-border, #eee);text-align:center}.playlist-export-btn{width:100%;padding:.65rem;font-size:.9rem;font-weight:600;background:var(--color-surface, #fff);color:var(--color-accent, #2c6e49);border:2px solid var(--color-accent, #2c6e49);border-radius:12px;cursor:pointer;transition:background .15s,color .15s}.playlist-export-btn:hover:not(:disabled){background:var(--color-accent, #2c6e49);color:var(--color-accent-text, white)}.playlist-export-btn:disabled{opacity:.5;cursor:not-allowed}.playlist-export-hint{font-size:.75rem;color:var(--color-text-muted, #999);margin:.4rem 0 0}.playlist-export-hint--warn{color:var(--color-warning, #b07d10)}.playlist-empty{color:var(--color-text-muted, #888);text-align:center;padding:2rem 0;font-size:.9rem}.playlist-gen-progress{text-align:center;padding:1rem 0}.playlist-gen-bar{width:100%;height:6px;background:var(--color-border, #eee);border-radius:3px;overflow:hidden;margin:.5rem 0}.playlist-gen-bar-fill{height:100%;background:var(--color-accent, #2c6e49);border-radius:3px;transition:width .3s}.playlist-gen-status{font-size:.8rem;color:var(--color-text-muted, #999)}[data-density=compact] .playlist-card{padding:1rem}.pms-card{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem;max-width:480px;width:100%;margin:0 auto;text-align:center}.pms-toggle{display:flex;gap:0;margin-bottom:1rem;border:1.5px solid var(--color-border, #ddd);border-radius:8px;overflow:hidden}.pms-toggle-btn{flex:1;padding:.45rem .5rem;border:none;background:transparent;font-size:.8rem;font-weight:600;color:var(--color-text-muted, #888);cursor:pointer;transition:background .15s,color .15s}.pms-toggle-btn+.pms-toggle-btn{border-left:1.5px solid var(--color-border, #ddd)}.pms-toggle-active{background:var(--color-accent, #2c6e49);color:#fff}.pms-progress{font-size:.8rem;font-weight:600;color:var(--color-text-muted, #888);margin-bottom:.75rem}.pms-flashcard{background:var(--color-bg, #f5f0eb);border-radius:12px;padding:2rem 1.5rem;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow .15s}.pms-flashcard:focus-visible{outline:2px solid var(--color-accent, #2c6e49);outline-offset:2px}.pms-flashcard-front{font-size:2rem;font-weight:700;color:var(--color-text, #2c2c2c);letter-spacing:.04em}.pms-flashcard-prompt{font-size:.8rem;color:var(--color-text-muted, #888);min-height:1.2em}.pms-flashcard-back{font-size:1.6rem;font-weight:700;color:var(--color-accent, #2c6e49);margin-top:.25rem}.pms-flashcard-hint{font-size:.75rem;color:var(--color-text-muted, #888);opacity:.7;margin-top:.5rem}.pms-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:center}.pms-btn{padding:.6rem 1.4rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .15s}.pms-btn:hover{opacity:.9}.pms-btn-got{background:var(--color-accent, #2c6e49);color:#fff}.pms-btn-miss{background:transparent;border:1.5px solid var(--color-border, #ddd);color:var(--color-text, #2c2c2c)}.pms-tally{display:flex;justify-content:center;gap:1.25rem;margin-top:.75rem;font-size:.78rem;color:var(--color-text-muted, #888)}.pms-tally-correct{color:var(--color-accent, #2c6e49);font-weight:600}.pms-tally-incorrect{color:#c0392b;font-weight:600}.pms-summary{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.pms-summary-score{font-size:1.6rem;font-weight:700;color:var(--color-text, #2c2c2c)}.pms-summary-msg{font-size:1rem;color:var(--color-accent, #2c6e49);font-weight:600}.pms-btn-restart{margin-top:.5rem;background:var(--color-accent, #2c6e49);color:#fff}.pms-difficulty{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.pms-diff-btn{padding:.3rem .75rem;border:1.5px solid var(--color-border, #ddd);border-radius:6px;background:transparent;font-size:.75rem;font-weight:600;color:var(--color-text-muted, #888);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.pms-diff-active{background:var(--color-accent, #2c6e49);border-color:var(--color-accent, #2c6e49);color:#fff}.pms-decode-card{cursor:default;transition:box-shadow .15s,background .3s}.pms-flash-correct{background:#2c6e491f}.pms-flash-wrong{background:#c0392b14}.pms-decode-input-row{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.pms-decode-input{width:4rem;padding:.5rem .6rem;border:2px solid var(--color-border, #ddd);border-radius:8px;font-size:1.4rem;font-weight:700;text-align:center;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);outline:none;transition:border-color .15s}.pms-decode-input:focus{border-color:var(--color-accent, #2c6e49)}.pms-decode-input::placeholder{color:var(--color-text-muted, #ccc)}.pms-decode-reveal{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:.5rem}.pms-decode-correct-answer{font-size:1.6rem;font-weight:700;color:var(--color-accent, #2c6e49)}.pms-decode-breakdown{font-size:.85rem;color:var(--color-text-muted, #888);font-weight:500}.pms-decode-sounds{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-top:.2rem}.pms-decode-sound-chip{padding:.15rem .5rem;border-radius:4px;background:#2c6e491a;font-size:.72rem;font-weight:600;color:var(--color-accent, #2c6e49)}.pms-upgrade-hint{font-size:.85rem;color:var(--color-text-muted, #888);display:flex;flex-direction:column;align-items:center;gap:.4rem}.pms-btn-upgrade{background:transparent;border:1.5px solid var(--color-accent, #2c6e49);color:var(--color-accent, #2c6e49)}.pms-btn:disabled{opacity:.5;cursor:not-allowed}.pbi-card{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem;max-width:480px;width:100%;margin:0 auto;text-align:center}.pbi-intro{padding:1.5rem .5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.pbi-intro p{font-size:.9rem;color:var(--color-text-muted, #888);line-height:1.5;text-align:left}.pbi-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;justify-content:center}.pbi-select-label{font-size:.78rem;font-weight:600;color:var(--color-text-muted, #888)}.pbi-select{padding:.35rem .5rem;border:1.5px solid var(--color-border, #ddd);border-radius:6px;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);font-size:.8rem;font-weight:500;cursor:pointer}.pbi-select:focus-visible{outline:2px solid var(--color-accent, #2c6e49);outline-offset:2px}.pbi-toggle{display:flex;gap:0;margin-bottom:1rem;border:1.5px solid var(--color-border, #ddd);border-radius:8px;overflow:hidden}.pbi-toggle-btn{flex:1;padding:.45rem .5rem;border:none;background:transparent;font-size:.8rem;font-weight:600;color:var(--color-text-muted, #888);cursor:pointer;transition:background .15s,color .15s}.pbi-toggle-btn+.pbi-toggle-btn{border-left:1.5px solid var(--color-border, #ddd)}.pbi-toggle-active{background:var(--color-accent, #2c6e49);color:#fff}.pbi-progress{font-size:.8rem;font-weight:600;color:var(--color-text-muted, #888);margin-bottom:.75rem}.pbi-flashcard{background:var(--color-bg, #f5f0eb);border-radius:12px;padding:2rem 1.5rem;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow .15s}.pbi-flashcard:focus-visible{outline:2px solid var(--color-accent, #2c6e49);outline-offset:2px}.pbi-flashcard-front{display:flex;align-items:center;justify-content:center}.pbi-emoji{font-size:4rem;line-height:1}.pbi-custom-image{width:80px;height:80px;border-radius:8px;object-fit:cover}.pbi-flashcard-name{font-size:1.8rem;font-weight:700;color:var(--color-text, #2c2c2c)}.pbi-flashcard-desc{font-size:.82rem;color:var(--color-text-muted, #888);font-style:italic}.pbi-flashcard-prompt{font-size:.8rem;color:var(--color-text-muted, #888);min-height:1.2em}.pbi-flashcard-back{font-size:1.6rem;font-weight:700;color:var(--color-accent, #2c6e49);margin-top:.25rem}.pbi-flashcard-back:focus{outline:none}.pbi-flashcard-back-image{display:flex;flex-direction:column;align-items:center;gap:.4rem}.pbi-reveal-desc{font-size:.82rem;color:var(--color-text-muted, #888);font-style:italic;font-weight:400}.pbi-flashcard-hint{font-size:.75rem;color:var(--color-text-muted, #888);opacity:.7;margin-top:.5rem}.pbi-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:center}.pbi-btn{padding:.6rem 1.4rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .15s;min-width:44px;min-height:44px}.pbi-btn:hover{opacity:.9}.pbi-btn-got{background:var(--color-accent, #2c6e49);color:#fff}.pbi-btn-miss{background:transparent;border:1.5px solid var(--color-border, #ddd);color:var(--color-text, #2c2c2c)}.pbi-tally{display:flex;justify-content:center;gap:1.25rem;margin-top:.75rem;font-size:.78rem;color:var(--color-text-muted, #888)}.pbi-tally-correct{color:var(--color-accent, #2c6e49);font-weight:600}.pbi-tally-incorrect{color:#c0392b;font-weight:600}.pbi-summary{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.pbi-summary-score{font-size:1.6rem;font-weight:700;color:var(--color-text, #2c2c2c)}.pbi-summary-msg{font-size:1rem;color:var(--color-accent, #2c6e49);font-weight:600}.pbi-btn-restart{margin-top:.5rem;background:var(--color-accent, #2c6e49);color:#fff}.pbi-mode-toggle{display:flex;gap:0;margin-bottom:.75rem;border:1.5px solid var(--color-border, #ddd);border-radius:8px;overflow:hidden}.pbi-mode-btn{flex:1;padding:.45rem .5rem;border:none;background:transparent;font-size:.8rem;font-weight:600;color:var(--color-text-muted, #888);cursor:pointer;transition:background .15s,color .15s}.pbi-mode-btn+.pbi-mode-btn{border-left:1.5px solid var(--color-border, #ddd)}.pbi-mode-active{background:var(--color-accent, #2c6e49);color:#fff}.pbi-match-container{display:flex;flex-direction:column;gap:.75rem}.pbi-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.pbi-match-grid-narrow{grid-template-columns:1fr}.pbi-match-col{display:flex;flex-direction:column;gap:.5rem}.pbi-match-col-row{flex-direction:row;overflow-x:auto;gap:.4rem;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.pbi-match-col-list{flex-direction:column;gap:.5rem}.pbi-match-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:2px solid var(--color-border, #ddd);border-radius:10px;background:var(--color-surface, #fff);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--color-text, #2c2c2c);transition:border-color .15s,background .15s,opacity .3s;min-width:44px;min-height:44px;text-align:left;position:relative}.pbi-match-item:focus-visible{outline:2px solid var(--color-accent, #2c6e49);outline-offset:2px}.pbi-match-item-emoji{flex-direction:column;align-items:center;text-align:center;padding:.6rem .5rem}.pbi-match-col-row .pbi-match-item-emoji{min-width:70px;flex-shrink:0}.pbi-match-emoji{font-size:1.8rem;line-height:1}.pbi-match-desc{font-size:.65rem;color:var(--color-text-muted, #888);line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pbi-match-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pbi-match-custom-img{width:36px;height:36px;border-radius:6px;object-fit:cover}.pbi-match-selected{border-color:var(--color-accent, #2c6e49);background:#2c6e4914;box-shadow:0 0 0 1px var(--color-accent, #2c6e49)}.pbi-match-matched{border-color:var(--color-accent, #2c6e49);background:#2c6e491f;opacity:.5;pointer-events:none}.pbi-match-check{color:var(--color-accent, #2c6e49);font-size:1.1rem;font-weight:700;margin-left:auto}.pbi-match-wrong{border-color:#c0392b;background:#c0392b1a;animation:pbi-shake .4s ease-out}@keyframes pbi-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.pbi-match-tally{font-size:.78rem;color:var(--color-text-muted, #888);text-align:center}.pbi-match-mistakes{color:#c0392b;font-weight:600}.pbi-match-complete{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.pbi-match-stars{font-size:2.5rem;color:#f39c12;letter-spacing:.2rem}.pbi-match-star-label{font-size:1.1rem;font-weight:700;color:var(--color-accent, #2c6e49)}.pbi-match-stat{font-size:.85rem;color:var(--color-text-muted, #888)}.pbi-match-improvement{font-size:.85rem;color:var(--color-accent, #2c6e49);font-weight:600}.pbi-match-timer-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.25rem}.pbi-match-timer-toggle{padding:.3rem .8rem;border:1.5px solid var(--color-border, #ddd);border-radius:6px;background:transparent;font-size:.75rem;font-weight:600;color:var(--color-text-muted, #888);cursor:pointer;min-height:32px}.pbi-match-timer-active{border-color:var(--color-accent, #2c6e49);color:var(--color-accent, #2c6e49);background:#2c6e490f}.pbi-match-timer{font-size:.85rem;font-weight:600;color:var(--color-text, #2c2c2c);font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mhelp-card{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem;max-width:480px;width:100%;margin:0 auto;text-align:left}.mhelp-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.mhelp-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--color-text, #2c2c2c)}.mhelp-intro{font-size:.85rem;color:var(--color-text-muted, #888);margin:0 0 1rem;line-height:1.5}.mhelp-section{margin-top:.5rem;font-size:.85rem;color:var(--color-text, #2c2c2c)}.mhelp-section summary{cursor:pointer;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted, #888);padding:.5rem 0;border-top:1px solid var(--color-border, #eee)}.mhelp-section[open] summary{color:var(--color-accent, #2c6e49)}.mhelp-section-body{padding:.25rem 0 .5rem;line-height:1.55}.mhelp-section-body p{margin:0 0 .6rem}.mhelp-section-body p:last-child{margin-bottom:0}.mhelp-steps{margin:.4rem 0 .6rem;padding-left:1.25rem}.mhelp-steps li{margin-bottom:.4rem;line-height:1.5}.mhelp-steps li:last-child{margin-bottom:0}.mhelp-table{width:100%;border-collapse:collapse;font-size:.8rem;margin:.5rem 0 .75rem}.mhelp-table th,.mhelp-table td{padding:.3rem .5rem;text-align:left;border-bottom:1px solid var(--color-border, #eee)}.mhelp-table th{font-weight:600;color:var(--color-text-muted, #888);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.mhelp-table td:first-child{font-weight:600;width:2.5rem}.mhelp-list{margin:.4rem 0 .6rem;padding-left:1.25rem}.mhelp-list li{margin-bottom:.3rem;line-height:1.5}.mhelp-list li:last-child{margin-bottom:0}.mhelp-tip{background:var(--color-accent-light, #e8f5e9);border-radius:8px;padding:.5rem .75rem;font-size:.8rem;line-height:1.5}.mm-card{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1.5rem 1.5rem 5rem;max-width:480px;width:100%;margin:0 auto}.mm-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.mm-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--color-text, #2c2c2c)}.mm-reference{font-size:.85rem;color:var(--color-text-muted, #888);margin-left:auto;white-space:nowrap}.mm-progress{display:flex;gap:3px;margin-bottom:1.25rem}.mm-progress-seg{flex:1;height:5px;border-radius:3px;background:var(--color-border, #ddd);transition:background .3s}.mm-progress-seg[data-state=done]{background:var(--color-accent, #2c6e49)}.mm-progress-seg[data-state=active]{background:var(--color-hint, #1a5276)}.mm-intro-card{background:var(--color-bg, #f5f0eb);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.25rem}.mm-intro-title{font-size:.95rem;font-weight:700;margin:0 0 .4rem;color:var(--color-text, #2c2c2c)}.mm-intro-text{font-size:.85rem;color:var(--color-text-muted, #666);margin:0 0 .5rem;line-height:1.5}.mm-intro-toggle{background:none;border:none;padding:0;font-size:.82rem;color:var(--color-hint, #1a5276);cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:2px}.mm-intro-bullets{margin:.5rem 0 0;padding-left:1.2rem;font-size:.82rem;color:var(--color-text-muted, #666);line-height:1.6}.mm-intro-dismiss{display:flex;justify-content:flex-end;margin-top:.5rem}.mm-intro-dismiss button{background:none;border:none;padding:.2rem .5rem;font-size:.75rem;color:var(--color-text-muted, #999);cursor:pointer}.mm-step{border:2px solid var(--color-border, #ddd);border-radius:12px;padding:1.25rem;margin-bottom:1rem;transition:border-color .2s}.mm-step[data-active=true]{border-color:var(--color-hint, #1a5276)}.mm-step-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #999);margin-bottom:.5rem;font-weight:600}.mm-step-content{text-align:center}.mm-book-emoji{font-size:3.5rem;line-height:1.2;margin-bottom:.25rem}.mm-book-desc{font-size:.9rem;color:var(--color-text-muted, #666);margin-bottom:1rem}.mm-book-actions{display:flex;gap:.75rem;justify-content:center;align-items:center}.mm-btn-primary{background:var(--color-accent, #2c6e49);color:var(--color-accent-text, #fff);border:none;border-radius:10px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;min-height:44px;min-width:44px}.mm-btn-primary:active{opacity:.85}.mm-btn-link{background:none;border:none;padding:.4rem .75rem;font-size:.85rem;color:var(--color-hint, #1a5276);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.mm-picker{margin-top:1rem}.mm-picker-label{font-size:.8rem;color:var(--color-text-muted, #888);margin-bottom:.5rem}.mm-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem;margin-bottom:.75rem}.mm-picker-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;background:var(--color-bg, #f5f0eb);border:2px solid transparent;border-radius:10px;padding:.5rem .25rem;cursor:pointer;transition:border-color .15s;min-height:44px;min-width:44px}.mm-picker-item:hover{border-color:var(--color-border, #ddd)}.mm-picker-item[data-selected=true]{border-color:var(--color-accent, #2c6e49);background:#2c6e490f}.mm-picker-item-emoji{font-size:1.5rem;line-height:1.2}.mm-picker-item-label{font-size:.6rem;color:var(--color-text-muted, #888);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mm-custom-input-row{display:flex;gap:.5rem;margin-top:.5rem}.mm-custom-input{flex:1;padding:.5rem .75rem;border:2px solid var(--color-border, #ddd);border-radius:8px;font-size:.85rem;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);outline:none;box-sizing:border-box}.mm-custom-input:focus{border-color:var(--color-accent, #2c6e49)}.mm-chip{display:flex;align-items:center;gap:.5rem;background:var(--color-bg, #f5f0eb);border:2px solid var(--color-border, #ddd);border-radius:12px;padding:.6rem 1rem;margin-bottom:1rem;cursor:pointer;transition:border-color .15s;width:100%;text-align:left}.mm-chip:hover{border-color:var(--color-text-muted, #999)}.mm-chip-emoji{font-size:1.4rem;line-height:1}.mm-chip-text{flex:1;font-size:.85rem;color:var(--color-text, #2c2c2c);font-weight:500}.mm-chip-check{font-size:.85rem;color:var(--color-accent, #2c6e49)}.mm-summary{text-align:center;padding:1rem 0}.mm-summary-emoji{font-size:3rem;line-height:1.2;margin-bottom:.5rem}.mm-summary-story{font-size:.95rem;color:var(--color-text, #2c2c2c);line-height:1.6;margin-bottom:1rem;padding:1rem;background:var(--color-bg, #f5f0eb);border-radius:10px;text-align:left;font-style:italic}.mm-summary-chips{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1.25rem}.mm-summary-chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--color-bg, #f5f0eb);border-radius:8px;padding:.3rem .6rem;font-size:.8rem;color:var(--color-text, #2c2c2c)}.mm-summary-actions{display:flex;gap:.75rem;justify-content:center}.mm-btn-outline{background:none;color:var(--color-accent, #2c6e49);border:1.5px solid var(--color-accent, #2c6e49);border-radius:10px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;min-height:44px;min-width:44px}.mm-btn-outline:active{background:#2c6e490f}.mm-btn-danger{background:none;color:var(--color-error, #c0392b);border:1.5px solid var(--color-error, #c0392b);border-radius:10px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;min-height:44px;min-width:44px}.mm-btn-danger:active{opacity:.85}.mm-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface, #fff);border-top:1px solid var(--color-border, #ddd);padding:.6rem 1rem;display:flex;justify-content:center;gap:.75rem;z-index:50}.mm-bottom-bar .mm-btn-primary{max-width:320px;width:100%;max-height:44px}.mm-btn-skip{background:none;border:none;color:var(--color-text-muted, #888);font-size:.85rem;cursor:pointer;padding:.5rem 1rem;min-height:44px;min-width:44px}.mm-verse-picker-list{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}.mm-verse-picker-item{border-bottom:1px solid var(--color-border, #eee)}.mm-verse-picker-item:last-child{border-bottom:none}.mm-verse-picker-btn{display:block;width:100%;text-align:left;background:none;border:none;padding:.75rem .5rem;cursor:pointer;border-radius:8px;transition:background .15s}.mm-verse-picker-btn:hover{background:#2c6e490f}.mm-verse-picker-ref{font-weight:600;font-size:.95rem;color:var(--color-text, #2c2c2c)}.mm-verse-picker-preview{font-size:.8rem;color:var(--color-text-muted, #666);margin-top:.15rem}.mm-confirm-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.mm-confirm-dialog{background:var(--color-surface, #fff);border-radius:16px;padding:1.5rem;max-width:320px;width:100%;text-align:center}.mm-confirm-text{font-size:.95rem;color:var(--color-text, #2c2c2c);margin:0 0 1.25rem;line-height:1.5}.mm-confirm-actions{display:flex;gap:.75rem;justify-content:center}.mm-draft-prompt{background:var(--color-bg, #f5f0eb);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.25rem;text-align:center}.mm-draft-prompt p{font-size:.9rem;color:var(--color-text, #2c2c2c);margin:0 0 .75rem}.mm-draft-prompt-actions{display:flex;gap:.75rem;justify-content:center}@media(min-width:768px){.mm-card{max-width:660px}}[data-density=compact] .mm-card{padding:1rem 1rem 4.5rem}[data-density=compact] .mm-step{padding:.75rem}.mm-step-optional{font-weight:400;font-style:italic;color:var(--color-text-muted, #aaa);margin-left:.4em}.mm-step-content-left{text-align:left}.mm-chip-muted{color:var(--color-text-muted, #999);font-style:italic}.mm-num-callout{background:var(--color-bg, #f5f0eb);border-radius:10px;padding:.75rem 1rem;margin-bottom:.75rem}.mm-num-callout-text{font-size:.85rem;color:var(--color-text, #2c2c2c);margin:0 0 .5rem;line-height:1.5}.mm-num-callout-actions{display:flex;flex-wrap:wrap;gap:.25rem .75rem}.mm-num-callout-actions .mm-btn-link{padding:.3rem 0;font-size:.82rem}.mm-num-row{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border, #eee)}.mm-num-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mm-num-row-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted, #666);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.03em}.mm-num-chip{display:inline-flex;align-items:center;background:var(--color-bg, #f5f0eb);border:2px solid var(--color-border, #ddd);border-radius:10px;padding:.45rem .9rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s;min-height:44px;min-width:44px;color:var(--color-text, #2c2c2c)}.mm-num-chip:hover{border-color:var(--color-text-muted, #999)}.mm-num-chip[data-selected=true]{border-color:var(--color-accent, #2c6e49);background:#2c6e4914}.mm-num-chip-alt{font-weight:500;font-size:.85rem;padding:.35rem .7rem}.mm-num-more{display:block;margin-top:.35rem;font-size:.78rem}.mm-num-alts{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.mm-num-hint{font-size:.85rem;color:var(--color-text-muted, #666);margin-bottom:.25rem}.mm-num-custom-toggle{display:block;margin-top:.35rem;font-size:.78rem}.mm-num-empty{font-size:.85rem;color:var(--color-text-muted, #888);text-align:center;padding:1rem 0;margin:0}.mm-ki-prompt{font-size:.9rem;color:var(--color-text, #2c2c2c);margin:0 0 .5rem;font-weight:600}.mm-ki-verse-toggle{display:inline-block;font-size:.78rem;margin-bottom:.5rem;padding:0}.mm-ki-verse-text{font-size:.82rem;color:var(--color-text-muted, #666);line-height:1.6;background:var(--color-bg, #f5f0eb);border-radius:8px;padding:.6rem .75rem;margin-bottom:.75rem;font-style:italic}.mm-ki-suggestions{margin-bottom:.75rem}.mm-ki-suggestions-label{font-size:.75rem;color:var(--color-text-muted, #888);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em;font-weight:600}.mm-ki-suggestions-row{display:flex;flex-wrap:wrap;gap:.35rem}.mm-ki-suggestion-chip{display:inline-flex;align-items:center;background:var(--color-bg, #f5f0eb);border:1.5px solid var(--color-border, #ddd);border-radius:8px;padding:.3rem .6rem;font-size:.8rem;cursor:pointer;color:var(--color-text, #2c2c2c);transition:border-color .15s,opacity .15s;min-height:32px}.mm-ki-suggestion-chip:hover:not(:disabled){border-color:var(--color-accent, #2c6e49)}.mm-ki-suggestion-chip[data-used=true]{opacity:.4;cursor:default}.mm-ki-slots{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.mm-ki-slot{border:1px solid var(--color-border, #eee);border-radius:10px;padding:.6rem .75rem;background:var(--color-surface, #fff)}.mm-ki-slot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.mm-ki-slot-num{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted, #999)}.mm-ki-remove{font-size:.72rem;padding:0;color:var(--color-error, #c0392b);text-decoration:none}.mm-ki-slot-row{display:flex;align-items:flex-start;gap:.5rem}.mm-ki-input{flex:1;min-width:0}.mm-ki-add{display:block;font-size:.82rem;margin-top:.25rem;padding:.3rem 0}.mm-ki-error{font-size:.82rem;color:var(--color-error, #c0392b);margin:.5rem 0 0}.mm-ki-emoji-picker{position:relative}.mm-ki-emoji-btn{width:44px;height:44px;border:2px solid var(--color-border, #ddd);border-radius:10px;background:var(--color-bg, #f5f0eb);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s;flex-shrink:0}.mm-ki-emoji-btn:hover{border-color:var(--color-text-muted, #999)}.mm-ki-emoji-grid{position:absolute;top:100%;left:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #ddd);border-radius:10px;padding:.4rem;box-shadow:0 4px 16px #0000001f;margin-top:4px}.mm-ki-emoji-option{width:36px;height:36px;border:2px solid transparent;border-radius:8px;background:none;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,border-color .1s}.mm-ki-emoji-option:hover{background:var(--color-bg, #f5f0eb)}.mm-ki-emoji-option[data-selected=true]{border-color:var(--color-accent, #2c6e49);background:#2c6e4914}.mm-ingredients-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border, #eee);overflow-x:auto}.mm-ingredient-pill{display:inline-flex;align-items:center;gap:.2rem;background:var(--color-bg, #f5f0eb);border-radius:20px;padding:.25rem .6rem;font-size:.78rem;color:var(--color-text, #2c2c2c);white-space:nowrap;font-weight:500}.mm-story-prompt{font-size:.9rem;color:var(--color-text, #2c2c2c);margin:0 0 .75rem;font-weight:600}.mm-template-card{display:block;width:100%;text-align:left;background:var(--color-surface, #fff);border:2px solid var(--color-border, #ddd);border-radius:10px;padding:.75rem 1rem;margin-bottom:.5rem;cursor:pointer;transition:border-color .15s,background .15s}.mm-template-card:hover{border-color:var(--color-text-muted, #999)}.mm-template-card[data-selected=true]{border-color:var(--color-accent, #2c6e49);background:#2c6e490a}.mm-template-name{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted, #888);margin-bottom:.3rem}.mm-template-preview{font-size:.88rem;color:var(--color-text, #2c2c2c);line-height:1.5;font-style:italic}.mm-story-more{display:block;font-size:.78rem;margin-bottom:.5rem}.mm-story-edit-link{display:block;font-size:.82rem;margin-top:.25rem;margin-bottom:.5rem}.mm-story-freetext-link{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border, #eee)}.mm-story-freetext-link .mm-btn-link{font-size:.82rem;padding:0}.mm-story-textarea{width:100%;padding:.6rem .75rem;border:2px solid var(--color-border, #ddd);border-radius:10px;font-size:.88rem;font-family:inherit;line-height:1.6;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);resize:vertical;min-height:80px;outline:none;box-sizing:border-box;margin-bottom:.5rem}.mm-story-textarea:focus{border-color:var(--color-accent, #2c6e49)}.mm-freetext-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;position:sticky;top:0;z-index:10;background:var(--color-surface, #fff);padding:.35rem 0}.mm-freetext-chip{display:inline-flex;align-items:center;gap:.15rem;background:var(--color-bg, #f5f0eb);border:1.5px solid var(--color-border, #ddd);border-radius:20px;padding:.25rem .55rem;font-size:.75rem;color:var(--color-text, #2c2c2c);cursor:pointer;white-space:nowrap;font-weight:500;transition:border-color .15s,background .15s;min-height:32px}.mm-freetext-chip:hover{border-color:var(--color-accent, #2c6e49)}.mm-freetext-chip:active{background:#2c6e491a;border-color:var(--color-accent, #2c6e49)}.mm-celebration{background:var(--color-surface, #fff);border-radius:16px;padding:2rem 1.5rem;max-width:280px;width:100%;text-align:center}.mm-celebration-check{font-size:3rem;color:var(--color-accent, #2c6e49);line-height:1;margin-bottom:.5rem;animation:mm-pop .4s ease-out}@keyframes mm-pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.mm-celebration-text{font-size:1.1rem;font-weight:700;color:var(--color-text, #2c2c2c);margin:0;animation:mm-fade-in .3s .2s both}@keyframes mm-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app{max-width:640px;margin:0 auto;padding:3.5rem 2rem 2rem;text-align:center;width:100%;box-sizing:border-box}.app-title-compact{font-size:1.25rem;margin:0 0 .5rem;opacity:.7}@media(min-width:768px){.app{max-width:800px}}.home-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center;margin-top:1.5rem}.btn-start{padding:.75rem 2rem;background:var(--color-accent, #2c6e49);color:var(--color-accent-text, white);border:none;border-radius:10px;font-size:1.1rem;cursor:pointer;min-width:200px}.btn-start:active{opacity:.8}.btn-due{padding:.65rem 2rem;background:var(--color-error, #c0392b);color:#fff;border:none;border-radius:10px;font-size:1rem;cursor:pointer;min-width:200px}.btn-due:active{opacity:.8}.btn-library{padding:.65rem 2rem;background:var(--color-hint, #1a5276);color:#fff;border:none;border-radius:10px;font-size:1rem;cursor:pointer;min-width:200px}.btn-library:active{opacity:.8}.btn-random{padding:.65rem 2rem;background:#2c6e4914;color:var(--color-accent, #2c6e49);border:2px solid var(--color-accent, #2c6e49);border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;min-width:200px}.btn-random:hover{background:var(--color-accent, #2c6e49);color:var(--color-accent-text, #ffffff)}.btn-random:active{opacity:.8}.home-empty-state{margin-top:2rem}.home-empty-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.home-empty-msg{color:var(--color-text-muted, #888);margin-bottom:1.5rem;line-height:1.5}.home-verse-count{color:var(--color-text-muted, #888);font-size:.9rem;margin-bottom:.25rem}.home-auth{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border, #eee)}.btn-youversion-signin{padding:.65rem 2rem;background:var(--color-surface, #fff);color:var(--color-text, #2c2c2c);border:2px solid var(--color-border, #ddd);border-radius:10px;font-size:1rem;cursor:pointer;min-width:200px}.btn-youversion-signin:hover{border-color:var(--color-accent, #2c6e49)}.btn-youversion-signin:active{opacity:.8}.btn-youversion-signin:disabled{opacity:.5;cursor:not-allowed}.auth-hint{font-size:.8rem;color:var(--color-text-muted, #888);margin-top:.5rem}.auth-callback{padding:2rem 0}.auth-callback-error{color:var(--color-error, #c0392b);margin-bottom:1rem}