.layout-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;max-width:800px;margin:0 auto;background-color:var(--bg-card)}.layout-nav-wrapper{background-color:var(--bg-card);box-shadow:0 1px 4px #00000008}.layout-brand{font-size:var(--font-size-ui);font-weight:500;color:var(--text-primary);background:none;border:none;cursor:pointer;padding:0}.layout-main{max-width:800px;margin:0 auto;padding:24px 16px calc(72px + env(safe-area-inset-bottom))}.user-area{display:flex;align-items:center;gap:12px;position:relative}.user-trigger{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:var(--font-size-ui);color:var(--text-primary);padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition-base)}.user-trigger:active{background:#0000000d}.user-trigger .arrow{font-size:.8rem;transition:transform var(--transition-base);opacity:.6;margin-left:-2px}.user-trigger .arrow.open{transform:rotate(180deg)}.switcher-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background:var(--bg-card);border:1px solid var(--stroke-guide);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000014;z-index:100;padding:4px 0}.switcher-item{display:block;width:100%;padding:10px 16px;min-height:44px;background:none;border:none;cursor:pointer;text-align:left;font-size:var(--font-size-ui);color:var(--text-primary);transition:background var(--transition-base)}.switcher-item:active{background:#0000000a}.switcher-item.current{color:var(--text-primary);font-weight:500}.switcher-divider{height:1px;background:var(--stroke-guide);margin:4px 0}.switcher-item.logout{color:var(--text-secondary);font-size:var(--font-size-ui)}.switch-dialog{max-width:320px;width:85vw}.switch-dialog-title{margin:0 0 20px;font-size:var(--font-size-ui);font-weight:500;color:var(--text-primary)}.switch-dialog-btn{padding:10px 32px;background:var(--accent-warm);color:var(--text-primary);font-weight:500;border-radius:var(--radius-sm, 6px);font-size:var(--font-size-ui);border:none;cursor:pointer}.switch-dialog-btn:hover{box-shadow:var(--shadow-card-hover)}.layout-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg-card);box-shadow:0 -1px 4px #0000000f;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;padding:10px 0;min-height:48px;background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary);transition:all var(--transition-base);text-align:center;position:relative}.bottom-nav-item.active{color:var(--text-primary);font-weight:500}.bottom-nav-item.active:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:24px;height:2px;background-color:var(--text-primary);border-radius:2px}.bottom-nav-item{position:relative}.story-done-badge{position:absolute;top:6px;right:50%;margin-right:-20px;width:7px;height:7px;border-radius:50%;background:#868e96}.image-badge{position:absolute;top:6px;right:50%;margin-right:-20px}.image-badge--ready{width:8px;height:8px;border-radius:50%;background:#868e96}.image-badge--retry{width:8px;height:8px;border-radius:50%;background:transparent;border:1.5px solid #ADB5BD}.image-badge--failed{width:10px;height:2px;background:#868e96}.pin-gate-loading{display:flex;justify-content:center;align-items:center;min-height:60vh;color:var(--text-secondary)}.pin-gate-overlay{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.pin-gate-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2.5rem 2rem;text-align:center;max-width:340px;width:100%}.pin-gate-title{font-size:var(--font-size-title);margin:0 0 .5rem;color:var(--text-primary)}.pin-gate-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 2rem}.pin-dots{display:flex;justify-content:center;gap:16px;margin-bottom:2rem;cursor:pointer}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--accent-calm);background:transparent;transition:background-color .15s,border-color .15s}.pin-dot.filled{background:var(--dot-fill);border-color:var(--dot-fill)}.pin-input-hidden{position:absolute;left:-9999px;opacity:0;width:0;height:0;pointer-events:none}.pin-error{color:var(--text-primary);font-weight:500;font-size:var(--font-size-sm);margin:.5rem 0}.pin-submit-btn{margin-top:.5rem;width:100%;padding:.75rem;border:none;border-radius:var(--radius-md);background:var(--accent-warm);color:var(--text-primary);font-size:var(--font-size-ui);font-weight:500;cursor:pointer;transition:opacity .2s,background-color .2s,box-shadow .2s}.pin-submit-btn:hover:not(:disabled){background:var(--accent-calm);box-shadow:0 4px 12px #0000000f}.pin-submit-btn:active:not(:disabled){background:var(--border-mid);transform:translateY(1px)}.pin-submit-btn:disabled{background:var(--accent-warm);color:var(--text-primary);opacity:.4;cursor:default;box-shadow:none}.pin-reset-link{display:block;margin:1rem auto 0;background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;padding:4px 0;text-decoration:underline;text-align:center}.pin-reset-link:hover{color:var(--text-primary)}.pin-math-question{font-size:var(--font-size-title);font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.pin-math-input{width:120px;margin:0 auto 1.5rem;display:block;text-align:center;font-size:var(--font-size-ui);padding:.5rem;border:1.5px solid var(--accent-calm);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);outline:none}.pin-math-input:focus{border-color:var(--dot-fill)}.error-retry{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border-left:3px solid var(--accent-warm);border-radius:4px;margin:12px 0}.error-retry .error-msg{flex:1;color:var(--text-primary);font-size:var(--font-size-ui)}.error-retry .retry-btn{padding:8px 16px;min-height:44px;border:1px solid var(--accent-calm);border-radius:6px;background:transparent;color:var(--accent-calm);cursor:pointer;font-size:var(--font-size-ui);white-space:nowrap;transition:background var(--transition-base)}.error-retry .retry-btn:active{background:#0000000a}.settings-page{max-width:600px;margin:0 auto}.settings-title{font-size:1.3rem;font-weight:500;color:var(--text-primary);margin:0 0 24px}.settings-list{display:flex;flex-direction:column;gap:8px}.settings-item{display:block;width:100%;padding:14px 16px;background:var(--bg-card);border:1px solid var(--stroke-guide);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-size:var(--font-size-ui);color:var(--text-primary);transition:background var(--transition-base)}.settings-item:active{background:#0000000a}.settings-back-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline;padding:4px 0;margin-top:16px;text-align:left}.onboarding-page{max-width:480px;margin:0 auto;padding:16px 16px 15vh;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.onboarding-page h1{font-size:var(--font-size-ui);font-weight:500;color:var(--text-primary);margin-bottom:8px}.onboarding-page .subtitle{color:var(--text-secondary);font-size:var(--font-size-ui);margin-bottom:32px}.onboarding-form{display:flex;flex-direction:column;gap:20px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group label{font-size:var(--font-size-ui);color:var(--text-primary);font-weight:500}.field-group input{padding:10px 14px;border:1px solid var(--stroke-guide);border-radius:var(--radius-md);font-size:var(--font-size-ui);color:var(--text-primary);background:var(--bg-card);transition:border-color var(--transition-base)}.field-group input:focus{outline:none;border-color:var(--accent-calm)}.onboarding-btn{padding:12px 24px;min-height:44px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-ui);font-weight:500;cursor:pointer;background:var(--accent-warm);color:var(--text-primary);transition:background-color var(--transition-base),opacity var(--transition-base);margin-top:8px}.onboarding-btn:active:not(:disabled){background-color:var(--border-mid)}.onboarding-btn:disabled{opacity:.5;cursor:not-allowed}.onboarding-btn-secondary{background:var(--bg-paper);border:1px solid var(--border-mid);color:var(--text-primary)}.onboarding-btn-secondary:active:not(:disabled){background:var(--bg-paper)}.onboarding-btn-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline;padding:4px 0;text-align:center}.entry-buttons{gap:12px}.success-message{padding:16px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--accent-calm);color:var(--text-primary);font-size:var(--font-size-ui)}.user-list{display:flex;flex-direction:column;gap:8px}.user-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;min-height:44px;background:var(--bg-card);border:1px solid var(--stroke-guide);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-base)}.user-list-item:active{border-color:var(--accent-calm)}.user-list-item .user-name{font-size:var(--font-size-ui);font-weight:500;color:var(--text-primary)}.user-list-item .user-role{font-size:var(--font-size-sm);color:var(--text-secondary)}.user-list-item.add-member{justify-content:center;color:var(--accent-calm);font-size:var(--font-size-ui);border-style:dashed}.onboarding-hint{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.gender-segment{display:flex;gap:8px}.gender-option{flex:1;padding:10px 14px;min-height:44px;border:1px dashed var(--stroke-guide);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:var(--font-size-ui);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.gender-option.active{background:var(--accent-warm);border:1px solid var(--accent-warm);color:var(--text-primary);font-weight:500}.whitelist-select{max-width:680px;margin:0 auto;padding:24px;font-family:LXGW WenKai,Kaiti SC,STKaiti,serif}.wl-title{font-size:1.4rem;font-weight:600;color:#343a40;margin:0 0 8px}.wl-hint{font-size:.95rem;color:#495057;margin:0 0 18px}.whitelist-select input[type=checkbox]{accent-color:#343A40}.wl-list{list-style:none;margin:0 0 20px;padding:0}.wl-row{display:flex;align-items:center;gap:10px;padding:12px 8px;cursor:pointer}.wl-select-all{border-bottom:1px solid #E9ECEF;margin-bottom:6px}.wl-word{font-size:1.15rem;color:#343a40}.wl-oov-header,.wl-oov{font-size:.95rem;color:#495057;margin-left:auto}.wl-actions{display:flex;gap:14px;justify-content:center;margin-top:8px}.wl-confirm{font-family:inherit;background:#e9ecef;color:#343a40;border:none;border-radius:12px;padding:14px 48px;font-size:1.15rem;min-height:44px;box-shadow:0 4px 12px #0000000f;cursor:pointer}.wl-cancel{font-family:inherit;background:transparent;color:#495057;border:1px solid #DEE2E6;border-radius:12px;padding:14px 36px;font-size:1.15rem;min-height:44px;cursor:pointer}.wc-overlay{position:fixed;inset:0;z-index:200;background:#00000073;animation:wc-overlay-fade .2s ease-out;touch-action:none}.wc-sheet{position:absolute;left:0;right:0;bottom:0;max-height:70vh;display:flex;flex-direction:column;background:var(--bg-card);border-radius:20px 20px 0 0;box-shadow:0 -2px 10px #0000000d;animation:wc-sheet-up .28s ease-out}@keyframes wc-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes wc-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wc-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px;flex-shrink:0}.wc-sheet-title{font-size:var(--font-size-ui);font-weight:500;color:var(--text-primary)}.wc-sheet-close{width:28px;height:28px;border:2px solid var(--stroke-guide);border-radius:50%;background:transparent;color:var(--text-secondary);font-size:1.2rem;line-height:0;cursor:pointer;transition:all var(--transition-base)}.wc-sheet-close:hover{border-color:var(--text-secondary);color:var(--text-primary)}.wc-list{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0 calc(8px + env(safe-area-inset-bottom))}.wc-row{display:flex;align-items:center;width:100%;min-height:44px;padding:8px 16px;border:none;border-bottom:1px solid var(--stroke-guide);background:transparent;font-family:inherit;text-align:left;cursor:pointer;transition:background var(--transition-base)}.wc-row:last-child{border-bottom:none}.wc-main{font-size:var(--font-size-ui);color:var(--text-primary)}.wc-hint{font-size:var(--font-size-sm);color:var(--text-secondary);margin-left:10px}.wc-row.sel{background:var(--accent-warm);border-bottom-color:transparent}.wc-row.sel .wc-main{font-weight:600}.wc-check{margin-left:auto;color:var(--success-soft);font-weight:700}.outline-connect{max-width:680px;margin:0 auto;padding:24px;font-family:LXGW WenKai,Kaiti SC,STKaiti,serif}.oc-row{display:flex;align-items:center;gap:12px;margin:10px 0}.oc-cell{width:28px;flex:0 0 28px;display:flex;align-items:center;justify-content:center}.oc-text{text-align:left}.oc-status,.oc-friendly{font-size:1.15rem;color:#343a40;font-weight:600}.oc-cap{font-size:.95rem;color:#495057;margin-top:2px}.oc-err{font-size:1.15rem;font-weight:600;color:#b5524a}.oc-check{width:20px;height:20px;border-radius:50%;background:#868e96;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.oc-fail-ic{width:20px;height:20px;border-radius:50%;background:#b5524a;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px}.oc-ind{position:relative;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.oc-ring{position:absolute;inset:0;border-radius:50%;border:2px solid #E9ECEF;border-top-color:#868e96;animation:oc-spin 5s linear infinite}@keyframes oc-spin{to{transform:rotate(360deg)}}.oc-dot{width:13px;height:13px;border-radius:50%;background:#868e96;animation:oc-breath 2s ease-in-out infinite}@keyframes oc-breath{0%,to{transform:scale(.65);opacity:.5}50%{transform:scale(1);opacity:1}}.oc-actions{display:flex;gap:14px;justify-content:center;margin-top:24px}.oc-btn-primary{font-family:inherit;background:#e9ecef;color:#343a40;border:none;border-radius:12px;padding:12px 40px;font-size:1.15rem;min-height:44px;box-shadow:0 4px 12px #0000000f;cursor:pointer}.oc-btn-ghost{font-family:inherit;background:transparent;color:#495057;border:1px solid #DEE2E6;border-radius:12px;padding:12px 32px;font-size:1.15rem;min-height:44px;cursor:pointer}.outline-select{max-width:680px;margin:0 auto;padding:24px;font-family:LXGW WenKai,Kaiti SC,STKaiti,serif}.os-title{font-size:1.4rem;font-weight:600;color:#343a40;margin-bottom:18px}.os-card{display:flex;flex-direction:column;width:100%;text-align:left;background:#fff;border:1px solid #E9ECEF;border-radius:12px;padding:20px 22px;margin-bottom:16px;box-shadow:0 2px 8px #0000000a;font-family:inherit;cursor:pointer;transition:all .3s ease-out}.os-card-selected{background:#f1f3f5;border:1.5px solid #ADB5BD}.os-line{font-size:1.15rem;font-weight:400;color:#343a40;line-height:1.9}.os-gap{height:14px}.os-actions{display:flex;gap:14px;justify-content:center;margin-top:8px}.os-confirm{font-family:inherit;background:#e9ecef;color:#343a40;border:none;border-radius:12px;padding:14px 48px;font-size:1.15rem;min-height:44px;box-shadow:0 4px 12px #0000000f;cursor:pointer}.os-confirm:disabled{color:#adb5bd;box-shadow:none;cursor:default}.os-cancel{font-family:inherit;background:transparent;color:#495057;border:1px solid #DEE2E6;border-radius:12px;padding:14px 36px;font-size:1.15rem;min-height:44px;cursor:pointer}.bd-ind{position:relative;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.bd-ring{position:absolute;inset:0;border-radius:50%;border:2px solid #E9ECEF;border-top-color:#868e96;animation:bd-spin 5s linear infinite}@keyframes bd-spin{to{transform:rotate(360deg)}}.bd-dot{width:13px;height:13px;border-radius:50%;background:#868e96;animation:bd-breath 2s ease-in-out infinite}@keyframes bd-breath{0%,to{transform:scale(.65);opacity:.5}50%{transform:scale(1);opacity:1}}.scan-status{max-width:680px;margin:0 auto;padding:24px;font-family:LXGW WenKai,Kaiti SC,STKaiti,serif}.ss-row{display:flex;align-items:center;gap:12px;margin:10px 0}.ss-cell{width:28px;flex:0 0 28px;display:flex;align-items:center;justify-content:center}.ss-text{display:flex;flex-direction:column;text-align:left}.ss-title{font-size:1.15rem;color:#343a40;font-weight:600}.ss-cap{font-size:.95rem;color:#495057;margin-top:2px}.ss-err{font-size:1.15rem;font-weight:600;color:#b5524a}.ss-actions{display:flex;gap:14px;justify-content:center;margin-top:24px}.ss-btn-primary{font-family:inherit;background:#e9ecef;color:#343a40;border:none;border-radius:12px;padding:12px 40px;font-size:1.15rem;min-height:44px;box-shadow:0 4px 12px #0000000f;cursor:pointer}.ss-btn-ghost{font-family:inherit;background:transparent;color:#495057;border:1px solid #DEE2E6;border-radius:12px;padding:12px 32px;font-size:1.15rem;min-height:44px;cursor:pointer}.gen-status{max-width:680px;margin:0 auto;padding:24px;display:flex;flex-direction:column}.gen-elapsed{font-size:.95rem;color:#495057;margin-bottom:14px}.gen-friendly{font-size:1.15rem;color:#343a40;font-weight:600}.gen-dots span{animation:gen-blink 1.5s infinite both}.gen-dots span:nth-child(2){animation-delay:.2s}.gen-dots span:nth-child(3){animation-delay:.4s}@keyframes gen-blink{0%,80%,to{opacity:.25}40%{opacity:1}}.gen-live{display:flex;align-items:center;gap:12px;margin:16px 0}.gen-ind{position:relative;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.gen-ring{position:absolute;inset:0;border-radius:50%;border:2px solid #E9ECEF;border-top-color:#868e96;animation:gen-spin 5s linear infinite}@keyframes gen-spin{to{transform:rotate(360deg)}}.gen-dot{width:13px;height:13px;border-radius:50%;background:#868e96;animation:gen-breath 2s ease-in-out infinite}@keyframes gen-breath{0%,to{transform:scale(.65);opacity:.5}50%{transform:scale(1);opacity:1}}.gen-cap{font-size:.95rem;color:#495057}.gen-errline{font-size:1.15rem;font-weight:600;color:#b5524a}.gen-detail-label{font-size:.95rem;color:#adb5bd;margin:8px 0 6px}.gen-log{background:#f8f9fa;border:1px solid #E9ECEF;border-radius:10px;padding:10px 12px;font-size:.9rem;line-height:1.7;color:#495057;height:140px;overflow-y:auto}.gen-log-now{color:#343a40;font-weight:700}.gen-cancel-btn{margin-top:16px;padding:13px;background:transparent;border:1px solid #DEE2E6;border-radius:12px;color:#495057;font-size:1.15rem;font-family:inherit;cursor:pointer}.gen-locked-hint{font-size:.95rem;color:#adb5bd;text-align:center;margin-top:8px}.gen-confirm-title{font-size:1.15rem;color:#343a40;margin-bottom:16px}.gen-confirm-actions{display:flex;gap:12px;justify-content:center}.gen-confirm-no{background:transparent;border:1px solid #DEE2E6;color:#495057;padding:10px 18px;border-radius:10px;font-family:inherit}.gen-confirm-yes{background:#e9ecef;border:1px solid #DEE2E6;color:#343a40;padding:10px 18px;border-radius:10px;font-family:inherit}.dialog-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#343a4040;animation:dialog-fade .3s ease-out}.dialog-card{background:var(--bg-card, #FFFFFF);color:var(--text-primary, #343A40);max-width:520px;width:calc(100% - 48px);padding:28px;border-radius:14px;box-shadow:0 8px 32px #0000001f;animation:dialog-slide .3s ease-out}.dialog-card input[type=checkbox]{accent-color:var(--text-primary, #343A40)}.dialog-title{font-size:var(--font-size-title, 1.4rem);margin:0 0 8px}.dialog-hint{font-size:var(--font-size-sm, .95rem);color:var(--text-secondary, #495057);margin:0 0 16px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}.dialog-btn{font-size:var(--font-size-ui, 1.15rem);padding:10px 22px;border-radius:10px;cursor:pointer;transition:all .3s ease-out}.dialog-btn.primary{background:var(--accent-warm, #E9ECEF);color:var(--text-primary, #343A40);border:none}.dialog-btn.primary:hover{box-shadow:0 4px 12px #00000014;background:#0000000d}.dialog-btn.secondary{background:transparent;color:var(--text-secondary, #495057);border:1px solid #DEE2E6}.dialog-btn.secondary:hover{background:#00000005}@keyframes dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes dialog-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.imp-group{margin-bottom:18px}.imp-group-title{font-size:var(--font-size-sm, .95rem);color:var(--text-secondary, #495057);margin:0 0 8px}.imp-chars{display:flex;flex-wrap:wrap;gap:10px}.imp-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;cursor:pointer;border:1px solid var(--stroke-guide, #E9ECEF);font-size:var(--font-size-ui, 1.15rem);color:var(--text-primary, #343A40);transition:all .3s ease-out}.imp-chip.selected{background:var(--accent-warm, #E9ECEF);border-color:#dee2e6}.imp-chip input{margin:0}.ppd-title{font-size:var(--font-size-title, 1.4rem);color:var(--text-primary, #343A40);margin:0 0 8px;text-align:center}.ppd-subtitle{font-size:var(--font-size-sm, .95rem);color:var(--text-secondary, #495057);margin:0 0 16px;text-align:center}.ppd-actions{display:flex;gap:12px;margin-top:8px}.ppd-actions .dialog-btn{flex:1}.story-reader-page{touch-action:pan-y;max-width:680px;margin:0 auto}.generate-card{text-align:center;padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.generate-card p{color:var(--text-secondary);font-size:var(--font-size-ui);margin-bottom:var(--spacing-lg)}.generate-btn{background-color:var(--accent-calm);color:var(--text-primary);border:none;padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-ui);border-radius:var(--radius-md);cursor:pointer;min-height:44px;transition:opacity var(--transition-base)}.generate-btn:hover{opacity:.85}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.story-title{font-size:var(--font-size-story);font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;text-align:center;line-height:1.8}.story-title .title-annotated,.printable-title .title-annotated{position:relative;display:inline-block;text-align:center;padding-top:.6em;line-height:1;vertical-align:baseline;page-break-inside:avoid;break-inside:avoid}.story-title .title-pinyin,.printable-title .title-pinyin{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:.42em;font-weight:400;white-space:nowrap;letter-spacing:0;line-height:1.1;pointer-events:none}.story-title .title-pinyin{font-size:var(--font-size-pinyin);color:var(--text-secondary)}.printable-title .title-pinyin{color:#555;font-family:Helvetica,Arial,sans-serif}.story-card{padding:32px 24px 24px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-top:var(--spacing-lg)}.story-text{font-size:var(--font-size-story);line-height:2.1;letter-spacing:.1em;color:var(--text-primary);text-align:left}.story-text .tappable{cursor:pointer;position:relative;display:inline-block;text-align:center;border-radius:2px}.story-text .tappable.static{cursor:default}.story-text .tappable.tapped{color:inherit}.story-text .pinyin-label{position:absolute;top:-1.2em;left:50%;transform:translate(-50%);font-size:var(--font-size-pinyin);color:var(--text-secondary);white-space:nowrap;letter-spacing:0;pointer-events:none;z-index:1;transition:opacity .4s ease-out}.theme-input-area{position:relative;margin-bottom:var(--spacing-lg)}.theme-textarea{width:100%;font-family:inherit;font-size:var(--font-size-ui);color:var(--text-primary);background:var(--bg-paper);border:1px solid var(--stroke-guide);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);resize:none;transition:border-color .4s ease-out;box-sizing:border-box}.theme-textarea:focus{outline:none;border-color:var(--accent-calm)}.theme-textarea::placeholder{color:var(--text-secondary);opacity:1}.style-options{display:flex;gap:var(--spacing-sm)}.style-pill{padding:6px 14px;background:transparent;border:1px solid var(--stroke-guide);border-radius:20px;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease-out}.style-pill.active{background:var(--accent-calm);border-color:var(--accent-calm);color:var(--text-primary);font-weight:500}.generate-card.large-input-layout{display:flex;flex-direction:column;min-height:75vh;padding:24px}.theme-input-area.large-input{flex:1;display:flex;flex-direction:column;margin-bottom:var(--spacing-xl)}.theme-textarea.main-textarea{flex:1;resize:none;font-size:var(--font-size-ui);padding:var(--spacing-lg);line-height:1.6;text-align:left}.theme-textarea.main-textarea::placeholder{color:var(--text-secondary);white-space:pre-wrap}.generate-btn.large-btn{width:100%;padding:14px;font-weight:500}.summary-card{text-align:center;padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-top:var(--spacing-xl)}.summary-title{font-size:var(--font-size-ui);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.summary-stats{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2rem;font-weight:600;color:var(--text-primary)}.stat-label{font-size:.9rem;color:var(--text-secondary);margin-top:4px}.tapped-chars-list{margin-bottom:var(--spacing-lg)}.tapped-chars-list p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.tapped-chars{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.tapped-char-badge{display:inline-block;font-size:1.4rem;color:var(--text-primary);background:var(--bg-paper);border:1px solid var(--stroke-guide);border-radius:var(--radius-sm);padding:4px 10px}.summary-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.complete-bar{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.complete-bar-row{display:flex;gap:var(--spacing-md)}.story-action-btn{flex:1;background-color:transparent;color:var(--text-primary);border:1px solid #DEE2E6;padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-ui);font-family:inherit;border-radius:var(--radius-md);cursor:pointer;min-height:44px;transition:opacity var(--transition-base),border-color var(--transition-base),background-color var(--transition-base)}.story-action-btn:hover:not(:disabled){border-color:var(--accent-calm);background-color:#00000005}.story-action-btn:disabled{opacity:.5;cursor:not-allowed}.printable-story-offscreen{position:absolute;left:-10000px;top:0;width:794px;pointer-events:none}.printable-story{width:794px;padding:56px 60px 0;background:#fff;color:#1a1a1a;font-family:LXGW WenKai,Kaiti SC,STKaiti,serif;box-sizing:border-box}.printable-title{font-size:26px;font-weight:500;text-align:center;margin:0 0 16px;color:#1a1a1a;line-height:1.3;letter-spacing:0}.printable-body{font-size:23px;line-height:1;letter-spacing:0;text-align:left;color:#1a1a1a;word-break:break-all}.printable-line{display:block;page-break-inside:avoid;break-inside:avoid}.printable-body .printable-annotated{position:relative;display:inline-block;text-align:center;padding-top:.6em;line-height:1;vertical-align:baseline;page-break-inside:avoid;break-inside:avoid}.printable-body .printable-pinyin{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:.42em;font-weight:400;color:#555;font-family:Helvetica,Arial,sans-serif;letter-spacing:0;line-height:1.1;white-space:nowrap;pointer-events:none}.print-footer-template{width:794px;padding:0 60px;box-sizing:border-box;font-family:LXGW WenKai,Kaiti SC,STKaiti,serif;font-size:16px;color:#666;text-align:center;background:#fff;line-height:1.4}@media print{.navbar,.nav,.complete-bar,.generate-card,.summary-card,.error-text{display:none!important}.story-reader-page{max-width:none}.story-text .pinyin-label{opacity:1!important}.printable-story-offscreen{position:static;left:auto}}.setting-cluster{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.setting-row{display:flex;align-items:center;gap:var(--spacing-md)}.setting-label{flex:0 0 auto;white-space:nowrap;font-size:var(--font-size-sm);color:var(--text-secondary)}.setting-spacer{flex:1}.wordcount-value{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;background:transparent;border:1px solid var(--stroke-guide);border-radius:20px;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-base)}.wordcount-value:hover{border-color:var(--accent-calm)}.wordcount-chev{font-size:.7rem;color:var(--text-secondary)}.theme-field{margin-bottom:14px}.field-label{font-size:.95rem;color:#495057;margin:0 4px 6px}.auto-grow{width:100%;box-sizing:border-box;resize:none;overflow-y:auto;font-family:LXGW WenKai,Kaiti SC,STKaiti,serif;font-size:1.15rem;line-height:1.8;color:#343a40;background:#fff;border:1px solid #E9ECEF;border-radius:12px;padding:16px 18px;box-shadow:0 2px 8px #0000000a}.theme-textarea.auto-grow{min-height:130px;max-height:13rem}.plot-textarea.auto-grow{min-height:80px;max-height:13rem}.auto-grow::placeholder{color:#adb5bd}.summary-image{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;background:#fff;margin-bottom:16px;filter:grayscale(1);animation:summaryImgFade .4s ease-out}@keyframes summaryImgFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.summary-image-skeleton{width:100%;aspect-ratio:1;border-radius:12px;background:var(--bg-paper, #F8F9FA);border:1px solid var(--stroke-guide, #E9ECEF);display:flex;align-items:center;justify-content:center;margin-bottom:16px;animation:summarySkel 1.6s ease-in-out infinite}@keyframes summarySkel{0%,to{opacity:.5}50%{opacity:1}}.summary-image-skeleton-text{font-size:var(--font-size-sm, .95rem);color:#495057}.summary-image-lost{font-size:var(--font-size-sm, .95rem);color:#adb5bd;text-align:center;padding:28px 0;margin-bottom:16px}.char-detail-overlay{position:fixed;inset:0;z-index:200;background:#00000073;animation:overlay-fade-in .2s ease-out;overscroll-behavior:contain;touch-action:none}.char-detail-overlay--light{background:#00000026}.char-detail-sheet{background:var(--bg-page, #fff);border-radius:20px 20px 0 0;width:100%;position:absolute;top:38vh;bottom:0;left:0;right:0;display:flex;flex-direction:column;animation:detailSheetUp .28s ease-out;touch-action:auto}@keyframes detailSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.char-detail-header{display:flex;align-items:center;justify-content:space-between;padding:28px 20px 0;margin-bottom:24px;flex-shrink:0}.char-detail-main{display:flex;flex-direction:row;align-items:center;gap:12px}.char-detail-char{font-size:5rem;font-family:var(--font-reading);font-weight:500;line-height:1;color:var(--text-primary);flex-shrink:0}.char-detail-meta{display:flex;flex-direction:column;gap:4px}.char-detail-pinyin{font-size:1.5rem;color:var(--text-secondary);font-weight:400;line-height:1.2;font-family:Segoe UI,Helvetica Neue,Noto Sans,Arial,sans-serif;letter-spacing:.02em}.char-detail-def{font-size:.85rem;color:var(--text-secondary)}.char-detail-close{background:transparent;border:2px solid var(--stroke-guide);border-radius:50%;width:28px;height:28px;padding:0 0 2px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:0;color:var(--text-secondary);flex-shrink:0;cursor:pointer;transition:all var(--transition-base)}.char-detail-close:hover{background:#00000005;border-color:var(--text-secondary);color:var(--text-primary)}.char-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px;margin-bottom:24px;flex-shrink:0}.char-action-btn{padding:14px 0;border-radius:var(--radius-md);font-size:1.05rem;font-weight:500;letter-spacing:.04em;text-align:center;cursor:pointer;border:none}.char-action-known{background:var(--accent-warm);color:var(--text-primary)}.char-action-known:hover{background:var(--accent-calm)}.char-action-unknown{background:transparent;color:var(--text-secondary);border:1px dashed var(--stroke-guide)}.char-action-unknown:hover{background:#00000005}.compounds-container{flex:1;position:relative;min-height:0;display:flex;flex-direction:column;border-radius:0 0 20px 20px}.compounds-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--bg-page, #fff) 80%,var(--bg-page, #fff) 100%);pointer-events:none;z-index:10}.compounds-scroll-wrapper{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 20px 20px;-ms-overflow-style:none;scrollbar-width:none}.compounds-scroll-wrapper.is-scrollable{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.compounds-scroll-wrapper::-webkit-scrollbar{display:none}.char-detail-compounds{border-top:1px solid var(--stroke-guide, #e8e8e8);padding-top:20px}.char-detail-compounds-title{font-size:.78rem;font-weight:500;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}.char-detail-empty{font-size:.9rem;color:var(--text-secondary);text-align:center;padding:24px 0;margin:0}.compound-grid{display:flex;flex-wrap:wrap;gap:10px}.compound-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;background:var(--bg-card, #f5f5f5);border-radius:var(--radius-md);font-size:1.15rem;color:var(--text-primary);box-shadow:var(--shadow-card)}.scroll-hint{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom));right:20px;pointer-events:none;color:var(--text-secondary);font-size:.85rem;z-index:20;opacity:.7}.character-page{touch-action:pan-y}.character-page h1{font-size:var(--font-size-ui);font-weight:500;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.character-page .count-info{color:var(--text-secondary);font-size:.9rem;margin-bottom:calc(var(--spacing-lg) - 10px)}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.char-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-sm);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base);cursor:pointer;-webkit-user-select:none;user-select:none;aspect-ratio:1}.char-card:hover{box-shadow:var(--shadow-card-hover)}.char-card .char{font-size:2.8rem;font-family:var(--font-reading);font-weight:500;line-height:1.2;color:var(--text-primary);margin-bottom:2px}.familiarity-dots{display:flex;gap:4px;justify-content:center;margin-top:auto;padding-bottom:4px}.familiarity-dot{width:6px;height:6px;border-radius:50%;background:var(--familiarity-empty);transition:background-color var(--transition-base)}.status-mastered .familiarity-dot{background:var(--familiarity-mastered)}.status-familiar .familiarity-dot:nth-child(1),.status-familiar .familiarity-dot:nth-child(2){background:var(--familiarity-familiar)}.status-unknown .familiarity-dot:nth-child(1){background:var(--familiarity-unknown)}.flashcard-page{touch-action:pan-y;min-height:60vh;display:flex;flex-direction:column;align-items:center;padding-top:24px}.flashcard-status{padding:48px 24px;text-align:center;color:var(--text-secondary);line-height:1.8}.flashcard-hint{font-size:var(--font-size-sm);margin-top:8px;color:var(--text-secondary);text-align:center}.flashcard-start-btn{margin-top:32px;padding:14px 48px;border:none;border-radius:var(--radius-md);background:var(--accent-warm);color:var(--text-primary);font-size:var(--font-size-ui);font-weight:500;cursor:pointer;transition:background .3s ease-out,box-shadow .3s ease-out}.flashcard-start-btn:hover{background:var(--accent-calm);box-shadow:0 4px 12px #0000000f}.flashcard-start-btn:disabled{background:var(--stroke-guide);color:var(--text-secondary);cursor:default;box-shadow:none}.streak-info{text-align:center;margin-bottom:8px;color:var(--text-secondary);font-size:var(--font-size-ui)}.streak-days{margin:0 0 4px}.streak-days strong{color:var(--text-primary)}.streak-progress{margin:0}.streak-progress strong{color:var(--text-primary)}.streak-notice-dialog{text-align:left;min-width:260px;max-width:320px}.streak-notice-body{text-align:left;color:var(--text-primary);font-size:var(--font-size-ui);line-height:1.8}.streak-notice-body p{margin:0}.streak-notice-ok{display:block;width:auto;min-width:80px;margin:20px auto 0;padding:10px;border:none;border-radius:var(--radius-md);background:var(--accent-warm);color:var(--text-primary);font-size:var(--font-size-ui);font-weight:500;cursor:pointer}.streak-notice-ok:active{opacity:.8}.gas-station{margin-top:8px;color:var(--text-secondary)}.gas-station p{margin:4px 0}.gas-station strong{color:var(--text-primary)}.gas-station-icons{display:flex;justify-content:center;gap:12px;margin:4px 0 12px}.gas-station-icons img{width:40px;height:40px;object-fit:contain}.gas-station-progress{margin-bottom:8px}.progress-track{width:200px;height:6px;margin:4px auto 0;border-radius:3px;background:var(--stroke-guide);overflow:hidden}.streak-info>.progress-track{margin-bottom:16px}.gas-station .progress-track{margin-bottom:24px}.progress-fill{height:100%;border-radius:3px;background:var(--accent-calm);transition:width .3s ease-out}.goal-complete-animation-overlay{position:fixed;inset:0;background:#0009;z-index:999;display:flex;align-items:center;justify-content:center;pointer-events:auto}.award-image{max-width:80%;max-height:70vh;object-fit:contain;border-radius:var(--radius-md)}.animated-pharmacy-bag{display:flex;flex-direction:column;align-items:center;transform:translate(120vw);animation:bagRunAcross 5s forwards}.animated-bag-text{margin-top:16px;font-size:1.25rem;font-weight:500;color:#fff;letter-spacing:.05em;opacity:0;animation:fadeInOutText 5s forwards}.bag-bounce{transform-origin:50px 90px;animation:bagBounce 5s linear forwards}.bag-arm-left{transform-origin:20px 45px;animation:runArmLeft 5s linear forwards}.bag-arm-right{transform-origin:80px 45px;animation:runArmRight 5s linear forwards}.bag-leg-left{transform-origin:35px 80px;animation:runLegLeft 5s linear forwards}.bag-leg-right{transform-origin:65px 80px;animation:runLegRight 5s linear forwards}@keyframes bagRunAcross{0%{transform:translate(120vw);animation-timing-function:ease-out}30%{transform:translate(0)}70%{transform:translate(0);animation-timing-function:ease-in}to{transform:translate(-120vw)}}@keyframes bagBounce{0%,7.5%,15%,22.5%,30%{transform:translateY(0)}3.75%,11.25%,18.75%,26.25%{transform:translateY(-8px)}30%,70%{transform:translateY(0)}70%,77.5%,85%,92.5%,to{transform:translateY(0)}73.75%,81.25%,88.75%,96.25%{transform:translateY(-8px)}}@keyframes runLegLeft{0%,7.5%,15%,22.5%,30%{transform:rotate(0)}3.75%,18.75%{transform:rotate(35deg)}11.25%,26.25%{transform:rotate(-35deg)}30%,70%{transform:rotate(0)}70%,77.5%,85%,92.5%,to{transform:rotate(0)}73.75%,88.75%{transform:rotate(35deg)}81.25%,96.25%{transform:rotate(-35deg)}}@keyframes runLegRight{0%,7.5%,15%,22.5%,30%{transform:rotate(0)}3.75%,18.75%{transform:rotate(-35deg)}11.25%,26.25%{transform:rotate(35deg)}30%,70%{transform:rotate(0)}70%,77.5%,85%,92.5%,to{transform:rotate(0)}73.75%,88.75%{transform:rotate(-35deg)}81.25%,96.25%{transform:rotate(35deg)}}@keyframes runArmLeft{0%,7.5%,15%,22.5%,30%{transform:rotate(0)}3.75%,18.75%{transform:rotate(-30deg)}11.25%,26.25%{transform:rotate(30deg)}30%,35%{transform:rotate(0)}45%{transform:rotate(-40deg)}50%{transform:rotate(20deg)}55%{transform:rotate(-40deg)}60%{transform:rotate(20deg)}65%,70%{transform:rotate(0)}70%,77.5%,85%,92.5%,to{transform:rotate(0)}73.75%,88.75%{transform:rotate(-30deg)}81.25%,96.25%{transform:rotate(30deg)}}@keyframes runArmRight{0%,7.5%,15%,22.5%,30%{transform:rotate(0)}3.75%,18.75%{transform:rotate(30deg)}11.25%,26.25%{transform:rotate(-30deg)}30%,70%{transform:rotate(0)}70%,77.5%,85%,92.5%,to{transform:rotate(0)}73.75%,88.75%{transform:rotate(30deg)}81.25%,96.25%{transform:rotate(-30deg)}}@keyframes fadeInOutText{0%,25%{opacity:0;transform:translateY(10px)}30%,70%{opacity:1;transform:translateY(0)}75%,to{opacity:0;transform:translateY(-10px)}}.textbook-page h1{font-size:var(--font-size-ui);font-weight:500;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.textbook-page .subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--spacing-xl)}.save-bar{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-xl);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.save-bar .count{color:var(--text-primary);font-size:var(--font-size-ui)}.save-btn{background:var(--accent-warm);color:var(--text-primary);font-weight:500}.save-btn:hover{box-shadow:var(--shadow-card-hover)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.import-dialog{max-width:360px;width:90vw;max-height:70vh;overflow-y:auto;text-align:center;animation:dialog-slide-up .3s ease-out}.import-dialog-title{margin:0 0 16px;font-size:var(--font-size-ui);font-weight:500;color:var(--text-primary)}.import-dialog-subtitle{margin:0 0 12px;font-size:.95rem;color:var(--text-primary)}.import-chars-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0}.char-tag{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-card, #f5f5f5);border-radius:var(--radius-sm, 6px);font-size:1.3rem;color:var(--text-primary);box-shadow:0 1px 3px #00000014}.import-dialog-close{margin-top:8px;padding:10px 32px;background:var(--accent-warm);color:var(--text-primary);font-weight:500;border-radius:var(--radius-sm, 6px);font-size:.95rem}.import-dialog-close:hover{box-shadow:var(--shadow-card-hover)}.book-row.book-completed .book-label,.level-title.book-completed{color:var(--text-primary)}.confirm-buttons{display:flex;gap:12px;justify-content:center;margin-top:16px}.confirm-btn-cancel{padding:10px 24px;background:transparent;border:1px solid var(--stroke-guide);color:var(--text-secondary);font-weight:500;border-radius:var(--radius-sm, 6px);font-size:.95rem;transition:all var(--transition-base)}.confirm-btn-cancel:hover{background:#00000005;color:var(--text-primary);border-color:var(--text-secondary)}.confirm-btn-ok{padding:10px 24px;background:var(--accent-warm);color:var(--text-primary);font-weight:500;border-radius:var(--radius-sm, 6px);font-size:.95rem}.confirm-btn-ok:hover{box-shadow:var(--shadow-card-hover)}.confirm-btn-ok:disabled,.confirm-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.custom-import-btn{display:block;width:100%;margin-top:var(--spacing-md);padding:14px;border:2px dashed var(--stroke-guide, #DEE2E6);border-radius:var(--radius-md, 12px);background:transparent;color:var(--text-secondary);font-size:var(--font-size-ui);font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.custom-import-btn:hover{background:#00000005;border-color:var(--text-secondary);color:var(--text-primary)}.custom-import-textarea{width:100%;padding:12px;border:1px solid var(--stroke-guide);border-radius:var(--radius-sm, 6px);font-size:1rem;line-height:1.6;resize:vertical;font-family:inherit;color:var(--text-primary);background:var(--bg-card, #fff);margin-bottom:12px}.custom-import-textarea:focus{outline:none;border-color:var(--accent-calm);box-shadow:0 0 0 2px #00000014}.custom-import-textarea::placeholder{color:var(--text-secondary);opacity:1}.series-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:16px;overflow:hidden}.series-header{display:flex;width:100%;justify-content:space-between;align-items:center;padding:16px 20px;background:none;border-radius:0;font-size:1.1rem}.series-header-title{font-weight:500;color:var(--text-primary)}.series-header-arrow{color:var(--text-secondary);font-size:1.2rem}.series-body{padding:0 20px 16px}.series-loading{color:var(--text-secondary);padding:8px}.level-group{margin-bottom:12px}.level-title{display:flex;align-items:center;gap:12px;font-size:var(--font-size-ui);font-weight:500;color:var(--text-primary);padding:8px 12px 8px 0;border-left:none;margin-bottom:0;cursor:pointer}.level-checkbox,.book-checkbox{appearance:none;-webkit-appearance:none;border:2px solid var(--accent-calm);border-radius:4px;background:var(--bg-card);cursor:pointer;flex-shrink:0;background-size:12px;background-position:center;background-repeat:no-repeat;transition:background-color .2s,border-color .2s}.level-checkbox{width:18px;height:18px}.level-checkbox:checked,.book-checkbox:checked{background-color:var(--text-primary);border-color:var(--text-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.level-checkbox.checkbox-completed:checked,.book-checkbox.checkbox-completed:checked{background-color:var(--accent-calm);border-color:var(--accent-calm)}.level-checkbox:indeterminate,.book-checkbox:indeterminate{background-color:var(--text-primary);border-color:var(--text-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.level-checkbox.checkbox-completed:indeterminate{background-color:var(--accent-calm);border-color:var(--accent-calm)}.level-header-row{display:flex;align-items:center;gap:12px;padding:8px 0;margin-bottom:0}.level-accordion-btn{display:flex;align-items:center;justify-content:space-between;flex:1;background:none;border-radius:0;padding:0;border-left:none;font-size:var(--font-size-ui);font-weight:500;color:var(--text-primary);cursor:pointer}.level-arrow{font-size:1.2rem;color:var(--text-secondary)}.book-row{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 24px;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-base)}.book-checkbox{width:20px;height:20px;cursor:pointer}.book-label{font-size:1rem;color:var(--text-primary)}.daily-goal-section{margin-top:var(--spacing-xl, 24px);padding:16px;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000d}.daily-goal-title{font-size:var(--font-size-ui);font-weight:500;margin:0 0 12px;color:var(--text-primary)}.goal-options{display:flex;gap:8px;flex-wrap:wrap}.goal-btn{padding:8px 16px;min-height:44px;border:1px solid var(--stroke-guide, #E9ECEF);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary, #ADB5BD);font-size:var(--font-size-ui);cursor:pointer;transition:background .3s ease-out,color .3s ease-out,border-color .3s ease-out}.goal-btn-active{background:var(--accent-calm, #CED4DA);color:var(--text-primary, #343A40);border-color:var(--accent-calm, #CED4DA)}.goal-btn:disabled{opacity:.6;cursor:not-allowed}.goal-confirm-wrap{margin-top:12px;text-align:center}.goal-confirm-btn{padding:10px 20px;min-height:44px;border:none;border-radius:var(--radius-md);background:var(--accent-calm, #CED4DA);color:var(--text-primary, #343A40);font-size:var(--font-size-ui);cursor:pointer;transition:opacity .2s ease-out}.goal-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.goal-hint{margin:10px 0 0;font-size:var(--font-size-sm, .95rem);color:var(--text-secondary, #ADB5BD);line-height:1.6}.streak-tracking-section{margin-top:var(--spacing-lg, 16px);padding:16px;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000d}.streak-tracking-row{display:flex;align-items:center;justify-content:space-between}.streak-tracking-label{font-size:var(--font-size-ui);font-weight:500;color:var(--text-primary)}.streak-tracking-toggle{position:relative;width:44px;height:24px;min-height:24px;min-width:44px;border:none;border-radius:12px;cursor:pointer;transition:background .3s ease-out;padding:0;flex-shrink:0}.streak-tracking-toggle.toggle-on{background:var(--text-secondary, #495057)}.streak-tracking-toggle.toggle-off{background:var(--stroke-guide, #E9ECEF)}.toggle-thumb{position:absolute;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s ease-out}.toggle-on .toggle-thumb{left:23px}.toggle-off .toggle-thumb{left:3px}.streak-tracking-hint{margin:8px 0 0;font-size:var(--font-size-sm, .95rem);color:var(--text-secondary, #ADB5BD);line-height:1.6}.goal-dialog-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.goal-dialog{background:var(--bg-card, #fff);border-radius:var(--radius-md);padding:24px;text-align:center;box-shadow:0 4px 20px #00000026;max-width:280px;width:90%}.goal-dialog-text{margin:0 0 16px;font-size:var(--font-size-ui);color:var(--text-primary, #343A40)}.goal-dialog-ok{padding:8px 24px;min-height:40px;border:none;border-radius:var(--radius-md);background:var(--accent-calm, #CED4DA);color:var(--text-primary, #343A40);font-size:var(--font-size-ui);cursor:pointer;width:auto}.update-toast{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 80px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 18px;background:var(--text-primary, #343A40);color:#fff;border-radius:var(--radius-md, 10px);box-shadow:0 4px 16px #00000026;font-size:var(--font-size-sm, .95rem);z-index:9999;white-space:nowrap;width:max-content;animation:toast-slide-up .3s ease-out}.update-toast button{padding:4px 14px;border:1.5px solid #fff;border-radius:var(--radius-sm, 6px);background:transparent;color:#fff;font-size:inherit;font-family:inherit;cursor:pointer}.update-toast button:active{background:#fff3}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.admin-page{max-width:1600px;margin:0 auto;padding:var(--spacing-lg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.admin-page h1{font-size:1.5rem;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.admin-toolbar{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.admin-toolbar label{font-size:13px;color:var(--text-secondary)}.admin-toolbar input{padding:6px 10px;border:1px solid var(--border-mid);border-radius:var(--radius-sm);font-size:13px}.admin-toolbar button{padding:6px 16px;border:none;border-radius:var(--radius-sm);background:var(--text-primary);color:#fff;font-size:13px;cursor:pointer}.admin-toolbar button:disabled{opacity:.5;cursor:not-allowed}.admin-error{color:#c0392b;padding:var(--spacing-sm);background:#fdf0ef;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.admin-summary{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.admin-stat-card{padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);min-width:120px;text-align:center}.admin-stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.admin-stat-card .stat-label{font-size:12px;color:var(--text-secondary)}.weekly-bar-chart{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.bar-chart-title{font-size:13px;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.bar-chart-container{display:flex;align-items:flex-end;gap:3px;height:100px}.bar-column{flex:1;display:flex;flex-direction:column;align-items:center;min-width:16px}.bar{width:100%;max-width:28px;background:var(--accent-calm, #6c9bcf);border-radius:2px 2px 0 0;min-height:2px}.bar-value{font-size:10px;color:var(--text-secondary);margin-bottom:2px;min-height:14px}.bar-label{font-size:9px;color:var(--text-secondary);margin-top:4px;writing-mode:vertical-lr;transform:rotate(180deg);height:36px}.admin-table-wrapper{overflow-x:auto;margin-bottom:var(--spacing-lg)}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);white-space:nowrap}.admin-table th,.admin-table td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--border-mid)}.admin-table th{background:var(--bg-paper);font-weight:600;font-size:11px;text-transform:uppercase;color:var(--text-secondary)}.admin-table td{font-size:12px}.admin-table tbody tr:hover{background:var(--bg-paper)}.admin-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-table th.sortable:hover{background:#eee}.trend-group-header{text-align:center!important;border-left:2px solid var(--border-mid)}.sub-header-cell{font-size:10px!important;padding:2px 4px!important;text-align:center!important;font-weight:400!important}.sub-header-cell:first-child,.admin-table td.trend-cell:nth-child(9),.admin-table td.trend-cell:nth-child(14),.admin-table td.trend-cell:nth-child(19){border-left:2px solid var(--border-mid)}.trend-cell{text-align:center!important;font-variant-numeric:tabular-nums;min-width:32px;font-size:12px}.trend-zero{color:var(--text-secondary, #999)}.inactive-warning{color:#c0392b;font-weight:600}.invite-codes-page{max-width:480px;margin:0 auto;padding:16px}.invite-codes-page h1{font-size:var(--font-size-ui);font-weight:500;color:var(--text-primary);margin-bottom:8px}.invite-codes-warning{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.invite-code-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-card);border:1px solid var(--stroke-guide);border-radius:var(--radius-md);margin-bottom:12px}.invite-code-value{font-family:var(--font-mono, monospace);font-size:1.25rem;letter-spacing:.2em;color:var(--text-primary);font-weight:500}.invite-code-used{opacity:.5}.invite-code-used .invite-code-value{text-decoration:line-through}.invite-code-status{font-size:var(--font-size-sm);color:var(--text-secondary)}.invite-code-copy-btn{padding:6px 12px;min-height:32px;border:1px solid var(--border-mid);border-radius:var(--radius-md);background:var(--bg-paper);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.invite-code-copy-btn:active{background:var(--bg-card)}.family-settings-page{max-width:480px;margin:0 auto;padding:16px}.family-settings-page h1{font-size:var(--font-size-ui);font-weight:500;color:var(--text-primary);margin-bottom:24px}.family-settings-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.family-settings-page .subtitle{color:var(--text-secondary);font-size:var(--font-size-ui);margin-bottom:32px}.family-settings-page .success-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:8px}:root{--bg-paper: #F8F9FA;--bg-card: #FFFFFF;--text-primary: #343A40;--text-secondary: #495057;--accent-calm: #CED4DA;--accent-warm: #E9ECEF;--success-soft: #868E96;--stroke-guide: #E9ECEF;--border-mid: #DEE2E6;--dot-fill: #ADB5BD;--familiarity-empty: #E5E5E5;--familiarity-mastered: #4A4A4A;--familiarity-familiar: #9E9E9E;--familiarity-unknown: #D4D4D4;--font-reading: "LXGW WenKai", "Kaiti SC", "STKaiti", "KaiTi", "KaiTi_GB2312", "STSong", "SimSun", "Noto Serif SC", serif;--font-family: var(--font-reading);--font-size-story: 2.2rem;--font-size-title: 1.4rem;--font-size-ui: 1.15rem;--font-size-sm: .95rem;--font-size-pinyin: 1rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 1px 4px rgba(0, 0, 0, .06);--shadow-card-hover: 0 2px 8px rgba(0, 0, 0, .1);--transition-base: .3s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family);background-color:var(--bg-paper);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit}button{font-size:var(--font-size-ui);cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);min-height:44px;min-width:44px;transition:background-color var(--transition-base),box-shadow var(--transition-base)}a{color:var(--accent-calm);text-decoration:none;transition:opacity var(--transition-base)}.inline-action-link{display:inline-flex;align-items:center;color:var(--text-primary);background:var(--accent-warm);padding:0 10px;border-radius:var(--radius-md);margin:0 4px;text-decoration:none;transition:background var(--transition-base),box-shadow var(--transition-base);box-shadow:0 1px 3px #0000000d;line-height:1.5}.inline-action-link:hover{background:var(--accent-calm);box-shadow:0 2px 6px #00000014}.unified-empty-state{text-align:center;color:var(--text-secondary);line-height:1.8;padding:170px 24px 48px}a:hover{opacity:.8}.layout-wrapper{min-height:100vh;background-color:var(--bg-paper)}.loading{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.error-text{color:#c92a2a;text-align:center;padding:var(--spacing-md);margin-bottom:.5rem}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0006;animation:overlay-fade-in .25s ease-out}.modal-dialog{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000002e;padding:28px 24px 20px;text-align:center;animation:dialog-slide-up .3s ease-out}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}