:root{--paper-bg:#f8f5f0;--paper-card:#fffdf9;--paper-dark:#e8e4dc;--text-primary:#3d3d3d;--text-heading:#2c2c2c;--text-secondary:#6b6b6b;--text-muted:#9a9a9a;--accent-primary:#7a6a5a;--accent-primary-hover:#5c5045;--accent-secondary:#9b8b7b;--accent-light:#d4c8b8;--success:#5a7a5a;--success-light:#e8f0e8;--error:#a06060;--error-light:#f5e8e8;--warning:#b09060;--warning-light:#f5efe0;--accent-light-bg:#f5f0ea;--accent-purple:#7a6a8a;--accent-purple-light:#f0ecf5;--shadow-soft:0 2px 8px #0000000a;--shadow-medium:0 4px 16px #0000000f;--shadow-paper:0 1px 3px #0000000d,0 0 0 1px #00000005}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f5f0;background-color:var(--paper-bg);color:#3d3d3d;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.01em;line-height:1.75}.container{margin:0 auto;max-width:1100px;padding:24px}.card{background:#fffdf9;background:var(--paper-card);border:1px solid #e8e4dc;border:1px solid var(--paper-dark);border-radius:12px;box-shadow:0 1px 3px #0000000d,0 0 0 1px #00000005;box-shadow:var(--shadow-paper);margin-bottom:24px;padding:28px;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #0000000f;box-shadow:var(--shadow-medium)}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:15px;font-weight:500;letter-spacing:.02em;padding:12px 24px;transition:all .25s ease}.btn-primary{background-color:#7a6a5a;background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:#5c5045;background-color:var(--accent-primary-hover);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-soft);transform:translateY(-1px)}.btn-secondary{background-color:initial;border:1px solid #e8e4dc;border:1px solid var(--paper-dark);color:#3d3d3d;color:var(--text-primary)}.btn-secondary:hover{background-color:#f8f5f0;background-color:var(--paper-bg);border-color:#9b8b7b;border-color:var(--accent-secondary)}.btn-success{background-color:#5a7a5a;background-color:var(--success);color:#fff}.btn-success:hover{background-color:#4a6a4a;transform:translateY(-1px)}.btn-danger{background-color:#a06060;background-color:var(--error);color:#fff}.btn-danger:hover{background-color:#805050}.form-group{margin-bottom:20px}.form-label{color:#2c2c2c;color:var(--text-heading);display:block;font-size:15px;font-weight:500;margin-bottom:8px}.form-input{background-color:#fffdf9;background-color:var(--paper-card);border:1px solid #e8e4dc;border:1px solid var(--paper-dark);border-radius:8px;color:#3d3d3d;color:var(--text-primary);font-size:15px;padding:12px 16px;transition:all .25s ease;width:100%}.form-input:focus{border-color:#9b8b7b;border-color:var(--accent-secondary);box-shadow:0 0 0 3px #9b8b7b26;outline:none}.form-input::placeholder{color:#9a9a9a;color:var(--text-muted)}.error-message{background-color:#f5e8e8;background-color:var(--error-light);border-left:3px solid #a06060;border-left:3px solid var(--error);color:#a06060;color:var(--error)}.error-message,.success-message{border-radius:8px;font-size:14px;margin-top:4px;padding:12px 16px}.success-message{background-color:#e8f0e8;background-color:var(--success-light);border-left:3px solid #5a7a5a;border-left:3px solid var(--success);color:#5a7a5a;color:var(--success)}.loading{align-items:center;color:#6b6b6b;color:var(--text-secondary);display:flex;font-size:16px;justify-content:center;padding:60px}.loading:before{animation:spin .8s linear infinite;border:2px solid #e8e4dc;border-top-color:#7a6a5a;border:2px solid var(--paper-dark);border-radius:50%;border-top-color:var(--accent-primary);content:"";height:20px;margin-right:12px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.rich-text-content,.rich-text-preview{color:#3d3d3d;color:var(--text-primary);font-size:17px;line-height:2}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3,.rich-text-content h4,.rich-text-content h5,.rich-text-content h6,.rich-text-preview h1,.rich-text-preview h2,.rich-text-preview h3,.rich-text-preview h4,.rich-text-preview h5,.rich-text-preview h6{color:#2c2c2c;color:var(--text-heading);font-weight:600;line-height:1.4;margin:24px 0 16px}.rich-text-content h1,.rich-text-preview h1{border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--paper-dark);color:#2c2c2c;color:var(--text-heading);font-size:26px;padding-bottom:12px}.rich-text-content h2,.rich-text-preview h2{border-left:3px solid #d4c8b8;border-left:3px solid var(--accent-light);font-size:22px;padding-left:14px}.rich-text-content h3,.rich-text-preview h3{color:#7a6a5a;color:var(--accent-primary);font-size:19px}.rich-text-content p,.rich-text-preview p{margin:16px 0;text-indent:2em}.rich-text-content b,.rich-text-content strong,.rich-text-preview b,.rich-text-preview strong{background-color:#f5efe0;background-color:var(--warning-light);border-radius:3px;color:#2c2c2c;color:var(--text-heading);font-weight:600;padding:2px 6px}.rich-text-content em,.rich-text-content i,.rich-text-preview em,.rich-text-preview i{color:#6b6b6b;color:var(--text-secondary);font-style:italic}.rich-text-content blockquote,.rich-text-preview blockquote{background-color:#f8f5f0;background-color:var(--paper-bg);border-left:3px solid #d4c8b8;border-left:3px solid var(--accent-light);border-radius:0 8px 8px 0;color:#6b6b6b;color:var(--text-secondary);font-style:italic;margin:20px 0;padding:16px 24px}.rich-text-content ol,.rich-text-content ul,.rich-text-preview ol,.rich-text-preview ul{margin:16px 0;padding-left:2.5em}.rich-text-content li,.rich-text-preview li{margin:10px 0}.rich-text-content img,.rich-text-preview img{border-radius:8px;display:block;height:auto;margin:18px auto;max-width:100%}.navbar{background-color:#fffdf9;background-color:var(--paper-card);border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--paper-dark);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-soft);padding:0 24px}.navbar-content{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1100px}.navbar-brand{color:#2c2c2c;color:var(--text-heading);font-size:20px;font-weight:600;letter-spacing:.02em;text-decoration:none}.navbar-nav{align-items:center;display:flex;gap:8px}.navbar-link{border-radius:6px;color:#3d3d3d;color:var(--text-primary);padding:8px 16px;text-decoration:none;transition:all .2s ease}.navbar-link:hover{background-color:#f8f5f0;background-color:var(--paper-bg);color:#7a6a5a;color:var(--accent-primary)}.navbar-user{border-left:1px solid #e8e4dc;border-left:1px solid var(--paper-dark);color:#6b6b6b;color:var(--text-secondary);font-size:14px;margin-left:16px;padding-left:16px}.navbar-btn{background:#0000;border:1px solid #e8e4dc;border:1px solid var(--paper-dark);border-radius:6px;color:#3d3d3d;color:var(--text-primary);cursor:pointer;font-size:14px;padding:6px 16px;transition:all .2s ease}.navbar-btn:hover{background-color:#f8f5f0;background-color:var(--paper-bg);border-color:#9b8b7b;border-color:var(--accent-secondary)}.navbar-btn-primary{background-color:#7a6a5a;background-color:var(--accent-primary);border-color:#7a6a5a;border-color:var(--accent-primary);color:#fff}.navbar-btn-primary:hover{background-color:#5c5045;background-color:var(--accent-primary-hover)}.reading-timer{align-items:center;background-color:#fffdf9;background-color:var(--paper-card);border-bottom:1px solid #e8e4dc;border-bottom:1px solid var(--paper-dark);display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.reading-timer-label{color:#6b6b6b;color:var(--text-secondary);font-size:14px}.reading-timer-value{color:#7a6a5a;color:var(--accent-primary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:24px;font-weight:600;letter-spacing:.05em}.reading-settings-shell{background:linear-gradient(135deg,#fffdf9f5,#f5f0eaf2);border:1px solid #9b8b7b47;border-radius:14px;box-shadow:0 8px 22px #3c2e1e14;overflow:hidden}.reading-settings-toggle{grid-gap:12px;align-items:center;background:#0000;border:none;cursor:pointer;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:12px 14px;text-align:left;width:100%}.reading-settings-toggle:hover{background-color:#fffdf97a}.reading-settings-toggle-main{align-items:center;display:inline-flex;gap:8px}.reading-settings-title{color:#2c2c2c;color:var(--text-heading);font-size:14px;font-weight:600;margin:0}.reading-settings-badge{align-items:center;background-color:#7a6a5a1f;border:1px solid #7a6a5a59;border-radius:999px;color:#7a6a5a;color:var(--accent-primary);display:inline-flex;font-size:10px;font-weight:700;justify-content:center;letter-spacing:.06em;padding:2px 8px;text-transform:uppercase}.reading-settings-compact{align-items:center;display:inline-flex;gap:8px;justify-content:flex-end;min-width:0}.reading-settings-speed{color:#6b6b6b;color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-settings-progress-text{color:#7a6a5a;color:var(--accent-primary);font-size:11px;font-weight:600}.reading-settings-caret{color:#9a9a9a;color:var(--text-muted);font-size:12px;transition:transform .22s ease}.reading-settings-caret.expanded{transform:rotate(180deg)}.reading-settings-mini-progress{background-color:#e8e4dce6;border-radius:999px;height:2px;margin:0 14px;overflow:hidden}.reading-settings-mini-progress span{background:linear-gradient(90deg,#9b8b7b73,#7a6a5ad9);display:block;height:100%;transition:width .18s linear}.reading-settings-panel{border-top:1px dashed #9b8b7b73;padding:10px 14px 14px}.reading-settings-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.reading-setting-item{background-color:#fffdf99e;border:1px solid #e8e4dce6;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:9px}.reading-setting-label{color:#3d3d3d;color:var(--text-primary);font-size:13px;font-weight:500}.reading-setting-input{max-width:220px}.reading-setting-presets{display:flex;flex-wrap:wrap;gap:8px}.reading-setting-chip{background-color:#fffdf9f2;border:1px solid #9b8b7b5c;border-radius:999px;color:#6b6b6b;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s ease}.reading-setting-chip:hover{border-color:#9b8b7b;border-color:var(--accent-secondary);color:#2c2c2c;color:var(--text-heading);transform:translateY(-1px)}.reading-setting-chip.active{background-color:#7a6a5a1f;border-color:#7a6a5a;border-color:var(--accent-primary);color:#2c2c2c;color:var(--text-heading)}.reading-setting-hint{color:#9a9a9a;color:var(--text-muted);font-size:12px}.reading-content-shell{background:linear-gradient(180deg,#f7f3ec94,#fffdf929);border:1px solid #e8e4dcf2;border-radius:12px;padding:8px 12px}.reading-highlight-enabled{box-shadow:inset 0 0 0 1px #d4c8b885}.reading-progress-content .reading-progress-char{border-radius:3px;transition:background-color .14s linear,color .14s linear}.reading-progress-content .reading-progress-char.active{background:linear-gradient(90deg,#d4c8b84d,#d4c8b894);color:#2c2c2c;color:var(--text-heading)}.reading-progress-content .reading-progress-char.partial-active{background:linear-gradient(90deg,#d4c8b84d,#d4c8b894 0,#0000 0,#0000);background:linear-gradient(90deg,#d4c8b84d 0,#d4c8b894 var(--reading-char-fill,0),#0000 var(--reading-char-fill,0),#0000 100%);color:#2c2c2c;color:var(--text-heading)}.question-option{background-color:initial;border:1px solid #e8e4dc;border:1px solid var(--paper-dark);border-radius:8px;cursor:pointer;display:block;margin-bottom:10px;padding:12px 16px;transition:all .2s ease}.question-option:hover{background-color:#f8f5f0;background-color:var(--paper-bg);border-color:#d4c8b8;border-color:var(--accent-light)}.question-option.selected{background-color:#7a6a5a14;border-color:#7a6a5a;border-color:var(--accent-primary)}.question-option input{margin-right:12px}.progress-bar{background-color:#e8e4dc;background-color:var(--paper-dark);border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-bar-fill{background-color:#7a6a5a;background-color:var(--accent-primary);height:100%;transition:width .3s ease}.empty-state{color:#6b6b6b;color:var(--text-secondary);padding:60px 40px;text-align:center}.empty-state-icon{font-size:56px;margin-bottom:20px;opacity:.6}.result-page-container{padding-bottom:128px;position:relative}.result-card{overflow:visible}.result-page-header{background:linear-gradient(135deg,#fffdf9,#f2ebe1);border:1px solid #e8e4dc;border:1px solid var(--paper-dark);border-radius:14px;margin-bottom:28px;padding:22px}.result-page-subtitle{color:#9b8b7b;color:var(--accent-secondary);font-size:20px;font-weight:600;letter-spacing:.14em;margin-bottom:8px}.result-page-title{color:#2c2c2c;color:var(--text-heading);font-size:34px;font-weight:700;line-height:1.2;margin-bottom:8px}.result-page-desc{color:#6b6b6b;color:var(--text-secondary);font-size:14px;line-height:1.7}.result-section-title{color:#2c2c2c;color:var(--text-heading);font-size:24px;margin-bottom:16px}.result-floating-toolbar{bottom:calc(12px + env(safe-area-inset-bottom));left:0;pointer-events:none;position:fixed;right:0;z-index:1200}.result-floating-toolbar-inner{margin:0 auto;max-width:1100px;padding:0 24px;pointer-events:auto}.result-floating-toolbar-shell{grid-gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffdf9e0;border:1px solid #e8e4dcf2;border-radius:16px;box-shadow:0 10px 24px #231d181f;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:10px}.result-tool-btn{align-items:center;background-color:#fffdf9f2;border:1px solid #e8e4dc;border:1px solid var(--paper-dark);border-radius:12px;color:#2c2c2c;color:var(--text-heading);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;min-height:46px;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.result-tool-btn:hover{background-color:#fffdf9;border-color:#9b8b7b;border-color:var(--accent-secondary);transform:translateY(-1px)}.result-tool-btn-main{background-color:#5a7a5af2;border-color:#4f6d4f;color:#fff}.result-tool-btn-main:hover{background-color:#4f6d4f;border-color:#446144}button.result-tool-btn{font-family:inherit}.home-hero{padding:60px 40px;text-align:center}.home-title{color:#2c2c2c;color:var(--text-heading);font-size:36px;font-weight:600;margin-bottom:20px}.home-desc{color:#6b6b6b;color:var(--text-secondary);font-size:18px;line-height:1.8;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.home-seo-content{background-color:#f8f5f0;background-color:var(--paper-bg);border:1px solid #e8e4dc;border:1px solid var(--paper-dark);border-radius:12px;margin:0 auto 36px;max-width:760px;padding:20px 24px;text-align:left}.home-seo-title{color:#2c2c2c;color:var(--text-heading);font-size:22px;line-height:1.45;margin-bottom:10px}.home-seo-text{color:#6b6b6b;color:var(--text-secondary);font-size:15px;line-height:1.9}.home-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.home-features{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;margin-top:56px;max-width:700px}.home-feature-card{background-color:#f8f5f0;background-color:var(--paper-bg);border:1px solid #e8e4dc;border:1px solid var(--paper-dark);border-radius:12px;padding:28px 20px}.home-feature-icon{font-size:44px;margin-bottom:12px}.home-feature-title{color:#2c2c2c;color:var(--text-heading);font-size:17px;margin-bottom:10px}.home-feature-desc{word-wrap:break-word;color:#6b6b6b;color:var(--text-secondary);font-size:14px;line-height:1.6}.auth-card{margin:60px auto;max-width:420px}.auth-header{margin-bottom:32px;text-align:center}.auth-icon{font-size:48px;margin-bottom:16px}.auth-title{color:#2c2c2c;color:var(--text-heading);font-size:24px;margin-bottom:8px}.auth-footer,.auth-subtitle{color:#6b6b6b;color:var(--text-secondary);font-size:14px}.auth-footer{margin-top:24px;text-align:center}.auth-footer a{color:#7a6a5a;color:var(--accent-primary);font-weight:500;text-decoration:none}.auth-footer a:hover{color:#5c5045;color:var(--accent-primary-hover)}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.page-header h1{color:#2c2c2c;color:var(--text-heading);font-size:26px;font-weight:600}.book-filter-bar{align-items:center;display:flex;gap:12px;padding:16px}.book-filter-bar .form-input{flex:1 1}.book-filter-toggle{background-color:#fffdf9;background-color:var(--paper-card);border:1px solid #e8e4dc;border:1px solid var(--paper-dark);border-radius:8px;color:#6b6b6b;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:10px 14px;transition:all .2s ease}.book-filter-toggle:hover{color:#3d3d3d;color:var(--text-primary)}.book-filter-toggle.active,.book-filter-toggle:hover{border-color:#9b8b7b;border-color:var(--accent-secondary)}.book-filter-toggle.active{background-color:#f5f0ea;background-color:var(--accent-light-bg);color:#2c2c2c;color:var(--text-heading)}.book-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.book-card{display:flex;flex-direction:row;gap:20px;padding:20px}.book-cover{align-items:center;background-color:#f8f5f0;background-color:var(--paper-bg);border:1px solid #e8e4dc;border:1px solid var(--paper-dark);border-radius:8px;display:flex;flex:0 0 100px;height:130px;justify-content:center;overflow:hidden}.book-cover img{height:100%;object-fit:cover;width:100%}.book-cover-placeholder{font-size:36px}.book-info{display:flex;flex:1 1;flex-direction:column}.book-info h3{color:#2c2c2c;color:var(--text-heading);font-size:17px;font-weight:600;line-height:1.3;margin-bottom:8px}.book-author{color:#6b6b6b;color:var(--text-secondary);font-size:13px;margin-bottom:6px}.book-meta{color:#9a9a9a;color:var(--text-muted);font-size:13px;margin-bottom:12px}.book-actions{display:flex;gap:8px;margin-top:auto}.book-actions .btn{flex:1 1;font-size:14px;padding:8px 12px;text-align:center;text-decoration:none}.book-actions .btn-secondary{flex:0 0 auto}.navbar-toggle{background:#0000;border:none;border-radius:6px;cursor:pointer;display:none;padding:8px;transition:background .2s}.navbar-toggle:hover{background-color:#f8f5f0;background-color:var(--paper-bg)}.navbar-toggle-icon{position:relative}.navbar-toggle-icon,.navbar-toggle-icon:after,.navbar-toggle-icon:before{background-color:#3d3d3d;background-color:var(--text-primary);display:block;height:2px;transition:all .3s ease;width:22px}.navbar-toggle-icon:after,.navbar-toggle-icon:before{content:"";left:0;position:absolute}.navbar-toggle-icon:before{top:-7px}.navbar-toggle-icon:after{top:7px}.navbar-toggle.open .navbar-toggle-icon{background-color:initial}.navbar-toggle.open .navbar-toggle-icon:before{top:0;transform:rotate(45deg)}.navbar-toggle.open .navbar-toggle-icon:after{top:0;transform:rotate(-45deg)}@media (max-width:768px){.container{padding:16px}.card{border-radius:10px;padding:20px}.navbar{padding:0 16px}.navbar-content{flex-wrap:wrap;height:auto;min-height:56px;padding:0}.navbar-brand{font-size:18px;padding:16px 0}.navbar-toggle{display:block}.navbar-nav{border-top:1px solid #e8e4dc;border-top:1px solid var(--paper-dark);display:none;flex-direction:column;gap:4px;padding:0 0 16px;width:100%}.navbar-nav.open{display:flex}.navbar-link{align-items:center;border-radius:8px;display:flex;font-size:15px;min-height:44px;padding:12px 16px}.navbar-user{border-left:none;border-top:1px solid #e8e4dc;border-top:1px solid var(--paper-dark);font-size:13px;margin-left:0;margin-top:4px;padding:12px 16px}.navbar-btn{border-radius:8px;font-size:15px;min-height:44px;padding:10px 16px;text-align:center;width:100%}.navbar-btn-primary{display:block;text-align:center;text-decoration:none}.btn{align-items:center;display:inline-flex;font-size:15px;justify-content:center;min-height:44px}.form-input{font-size:16px}.rich-text-content,.rich-text-preview{font-size:16px;line-height:1.8}.reading-settings-list{gap:10px;grid-template-columns:1fr}.reading-settings-toggle{gap:8px;padding:10px 12px}.reading-settings-speed{font-size:11px}.reading-setting-input{max-width:100%}.reading-settings-panel{padding:8px 12px 12px}.reading-content-shell{padding:8px}.rich-text-content h1,.rich-text-preview h1{font-size:22px}.rich-text-content h2,.rich-text-preview h2{font-size:19px}.rich-text-content h3,.rich-text-preview h3{font-size:17px}.empty-state{padding:40px 20px}.empty-state-icon{font-size:44px}.loading{padding:40px}.result-page-container{padding-bottom:146px}.result-page-header{margin-bottom:24px;padding:18px 16px}.result-page-title{font-size:30px}.result-page-subtitle{font-size:20px;letter-spacing:.12em}.result-section-title{font-size:22px}.result-floating-toolbar{bottom:calc(8px + env(safe-area-inset-bottom))}.result-floating-toolbar-inner{padding:0 16px}.result-floating-toolbar-shell{border-radius:12px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.result-tool-btn{border-radius:10px;font-size:14px;min-height:44px}.auth-card{margin:24px auto;max-width:100%}.auth-icon{font-size:40px}.auth-title{font-size:22px}.page-header{margin-bottom:20px}.page-header h1{font-size:22px}.book-filter-bar{align-items:stretch;flex-direction:column;gap:10px}.book-filter-toggle{min-height:44px;width:100%}.book-grid{gap:16px;grid-template-columns:1fr}.book-card{gap:16px;padding:16px}.book-cover{flex:0 0 80px;height:110px}.home-hero{padding:40px 20px}.home-title{font-size:28px}.home-desc{font-size:16px;margin-bottom:28px}.home-seo-content{margin-bottom:24px;padding:16px}.home-seo-title{font-size:18px}.home-seo-text{font-size:14px;line-height:1.8}.home-features{gap:16px;margin-top:36px}.home-feature-card{padding:20px 16px}.home-feature-icon{font-size:36px;margin-bottom:10px}.home-feature-title{font-size:15px}.home-feature-desc{font-size:13px}}@media (max-width:480px){.container{padding:12px}.card{border-radius:8px;margin-bottom:16px;padding:16px}.btn{padding:10px 16px}.btn,.form-label{font-size:14px}.form-input{padding:10px 14px}.empty-state{padding:32px 16px}.empty-state-icon{font-size:36px;margin-bottom:16px}.rich-text-content,.rich-text-preview{font-size:15px;line-height:1.75}.reading-settings-toggle{padding:9px 10px}.reading-settings-title{font-size:13px}.reading-settings-panel{padding:8px 10px 10px}.reading-setting-item{padding:8px}.reading-setting-chip{padding:4px 9px}.result-page-container{padding-bottom:160px}.result-page-title{font-size:26px}.result-page-desc{font-size:13px}.result-floating-toolbar-inner{padding:0 12px}.result-tool-btn{font-size:13px;min-height:42px}.home-hero{padding:32px 16px}.home-title{font-size:24px}.home-desc{font-size:15px;margin-bottom:24px}.home-seo-content{margin-bottom:20px;padding:14px}.home-seo-title{font-size:16px}.home-seo-text{font-size:13px;line-height:1.7}.home-features{gap:12px;grid-template-columns:1fr;margin-top:28px}.home-actions{flex-direction:column;gap:12px}.home-actions .btn{width:100%}}@media print{body{background:#fff}.card{border:1px solid #ddd;box-shadow:none}.navbar{display:none}}.reading-progress-text{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.reading-start-card{padding:40px;text-align:center}.reading-start-title{color:var(--text-heading)}.reading-start-desc{color:var(--text-secondary);margin:20px 0}.reading-settings-prestart{margin-top:20px;text-align:left}.reading-settings-reading{margin-bottom:20px}.reading-content-shell-main{margin-bottom:24px}.reading-finish-btn{width:100%}.reading-status-card{padding:40px;text-align:center}.reading-status-title{color:var(--text-heading)}.reading-status-desc{margin:20px 0}.reading-status-desc,.reading-status-progress{color:var(--text-secondary)}.reading-status-action{margin-top:20px}.reading-question-header{align-items:center;border-bottom:1px solid var(--paper-dark);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.reading-question-title{color:var(--text-heading);margin:0}.reading-skip-btn{font-size:14px;padding:8px 16px}.reading-questions-loading{padding:40px 20px;text-align:center}.reading-questions-loading-icon{font-size:48px;margin-bottom:16px}.reading-questions-loading-text{color:var(--text-secondary);font-size:16px}.reading-questions-loading-subtext{color:var(--text-muted);font-size:14px}.reading-questions-loading-bar{background-color:var(--paper-dark);border-radius:2px;height:4px;margin:20px auto;overflow:hidden;width:200px}.reading-questions-loading-bar-fill{animation:reading-loading-bar 1.5s ease-in-out infinite;background-color:var(--accent-primary);height:100%;transform-origin:left;width:100%}@keyframes reading-loading-bar{0%{transform:scaleX(0)}50%{transform:scaleX(1)}to{transform:scaleX(0);transform-origin:right}}.reading-question-item{margin-bottom:24px}.reading-question-text{color:var(--text-heading);font-weight:600;margin-bottom:12px}.reading-question-options{padding-left:12px}.reading-submit-btn{margin-top:20px;width:100%}.result-metrics-wrap{margin-bottom:32px}.result-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.result-metric-card{border:1px solid var(--paper-dark);border-radius:8px;padding:20px;text-align:center}.result-metric-card-speed{background:var(--accent-light-bg)}.result-metric-card-comprehension{background:var(--success-light)}.result-metric-card-duration{background:var(--warning-light)}.result-metric-card-correct{background:var(--accent-purple-light)}.result-metric-value{font-size:28px;font-weight:700}.result-metric-value-speed{color:var(--accent-primary)}.result-metric-value-comprehension{color:var(--success)}.result-metric-value-duration{color:var(--warning)}.result-metric-value-correct{color:var(--accent-purple)}.result-skip-tag{color:var(--text-muted);font-size:16px}.result-metric-label{color:var(--text-secondary);font-size:13px;margin-top:8px}.result-skipped-panel{background-color:var(--paper-bg);border:1px solid var(--paper-dark);border-radius:8px;padding:40px 20px;text-align:center}.result-skipped-icon{font-size:48px;margin-bottom:16px}.result-skipped-title{color:var(--text-secondary);font-size:16px;margin:0}.result-skipped-desc{color:var(--text-muted);font-size:14px;margin-top:8px}.result-answer-card{border-radius:8px;margin-bottom:20px;padding:16px}.result-answer-card.is-correct{background-color:var(--success-light);border:1px solid var(--success)}.result-answer-card.is-wrong{background-color:var(--error-light);border:1px solid var(--error)}.result-answer-question{color:var(--text-heading);font-weight:600;margin-bottom:8px}.result-answer-options{padding-left:12px}.result-answer-option{border:1px solid #0000;border-radius:6px;color:var(--text-primary);margin-bottom:4px;padding:6px 10px}.result-answer-option.is-correct{background-color:var(--success-light);border-color:var(--success);color:var(--success);font-weight:600}.result-answer-option.is-wrong{background-color:var(--error-light);color:var(--error)}.result-answer-summary{color:var(--text-secondary);font-size:13px;margin-top:10px}.history-page{margin:0 auto;max-width:900px}.history-page .history-header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.history-page .history-title{color:var(--text-heading);font-size:26px;font-weight:600;margin:0}.history-page .history-summary{color:var(--text-muted);font-size:14px}.history-page .history-summary .highlight{color:var(--accent-primary);font-weight:600}.history-page .history-empty-desc{color:var(--text-secondary);margin-bottom:20px}.history-page .books-list{display:flex;flex-direction:column;gap:16px}.history-page .book-group{background:var(--paper-card);border:1px solid var(--paper-dark);border-radius:12px;box-shadow:var(--shadow-paper);overflow:hidden}.history-page .book-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s}.history-page .book-header:hover{background:var(--paper-bg)}.history-page .book-info{align-items:center;display:flex;gap:12px}.history-page .expand-icon{color:var(--text-muted);font-size:10px;transition:transform .2s}.history-page .expand-icon.expanded{transform:rotate(90deg)}.history-page .book-title{color:var(--text-heading);font-size:16px;font-weight:600}.history-page .book-count{background:var(--paper-bg);border-radius:10px;color:var(--text-muted);font-size:13px;padding:2px 10px}.history-page .book-stats{align-items:center;display:flex;gap:24px}.history-page .book-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.history-page .book-stat .stat-value{color:var(--accent-primary);font-family:SF Mono,monospace;font-size:16px;font-weight:600}.history-page .book-stat .stat-value.is-high{color:var(--success)}.history-page .book-stat .stat-value.is-medium{color:var(--warning)}.history-page .book-stat .stat-value.is-low{color:var(--error)}.history-page .book-stat .stat-label{color:var(--text-muted);font-size:11px}.history-page .clear-book-btn{background:#0000;border:1px solid var(--error);border-radius:6px;color:var(--error);cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s}.history-page .clear-book-btn:hover{background:var(--error);color:#fff}.history-page .clear-book-btn:disabled{cursor:not-allowed;opacity:.5}.history-page .book-results{background:var(--paper-bg);border-top:1px solid var(--paper-dark)}.history-page .result-row{align-items:center;border-bottom:1px solid var(--paper-dark);display:flex;justify-content:space-between;padding:12px 20px 12px 44px;transition:background .15s}.history-page .result-row:last-child{border-bottom:none}.history-page .result-row:hover{background:var(--paper-card)}.history-page .result-info{align-items:center;display:flex;gap:12px;min-width:140px}.history-page .paragraph-num{color:var(--accent-primary);font-size:14px;font-weight:600}.history-page .result-date{color:var(--text-muted);font-size:12px}.history-page .result-stats{display:flex;gap:32px}.history-page .result-stat{color:var(--text-secondary);font-size:13px}.history-page .result-stat.is-high{color:var(--success)}.history-page .result-stat.is-medium{color:var(--warning)}.history-page .result-stat.is-low{color:var(--error)}.history-page .result-stat strong{color:var(--text-heading);font-family:SF Mono,monospace}.history-page .result-stat.correct strong{color:var(--success)}.history-page .result-actions{display:flex;gap:6px}.history-page .action-btn{align-items:center;background:var(--paper-card);border:1px solid var(--paper-dark);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:30px;justify-content:center;text-decoration:none;transition:all .2s;width:30px}.history-page .action-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.history-page .action-btn.delete:hover{background:var(--error);border-color:var(--error)}.history-page .action-btn:disabled{cursor:not-allowed;opacity:.5}.history-page .history-spinner{animation:history-spin .6s linear infinite;border:2px solid var(--paper-dark);border-radius:50%;border-top-color:var(--accent-primary);height:12px;width:12px}@keyframes history-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.history-page .history-header-section{align-items:flex-start;flex-direction:column;gap:8px}.history-page .book-header{align-items:flex-start;flex-direction:column;gap:12px}.history-page .book-stats{justify-content:space-between;width:100%}.history-page .result-row{flex-wrap:wrap;gap:8px;padding-left:20px}.history-page .result-stats{flex:100% 1;gap:16px}.history-page .result-actions{margin-left:auto}}
/*# sourceMappingURL=main.07fbfbad.css.map*/