@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{background:#f5f5f5;margin:0!important;padding:0!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;overscroll-behavior:none}.app-container,body{height:100vh;height:100dvh}.app-container{display:flex;flex-direction:column;overflow:hidden}.header{background:#2c3e50;color:#fff;padding:.75rem;box-shadow:0 2px 4px rgba(0,0,0,.1);flex:0 0 auto;flex-direction:column;gap:.75rem}.header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.header-dashboard{display:flex;gap:1rem;width:100%;flex-wrap:wrap}.header-section{background:hsla(0,0%,100%,.1);border-radius:6px;padding:.75rem;flex:1 1;min-width:250px}.section-title{font-size:.8rem;font-weight:600;margin-bottom:.5rem;color:#fff}.management-controls{display:flex;gap:.4rem}.storage-dashboard{gap:.5rem}.storage-dashboard,.storage-item{display:flex;flex-direction:column}.storage-item{gap:.2rem}.storage-label,.storage-stats{font-size:.7rem;color:hsla(0,0%,100%,.9)}.storage-stats{grid-gap:.4rem;gap:.4rem;margin-top:.4rem}.header h1{margin:0;font-size:1.5rem}.upload-btn{background:#3498db;color:#fff;border:none;padding:.3rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem;transition:background .2s}.upload-btn:hover{background:#2980b9}.upload-btn:disabled{background:#7f8c8d;cursor:not-allowed}.main-content{display:grid;grid-template-columns:220px 1fr;flex:1 1 auto;min-height:0;overflow:hidden;transition:grid-template-columns .3s ease-in-out;position:relative}.main-content.sidebar-closed{grid-template-columns:0 1fr}.sidebar{background-color:#f8f9fa;padding:.5rem;overflow-y:auto;min-height:0;border-right:1px solid #dee2e6;position:relative;transition:width .3s ease-in-out,padding .3s ease-in-out,opacity .3s ease-in-out;width:220px;opacity:1}.main-content.sidebar-closed .sidebar{width:0;padding:0 1rem;opacity:0;overflow:hidden}.sidebar-toggle{position:absolute;top:50%;left:220px;transform:translate(-50%,-50%);z-index:100;background-color:#3498db;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:left .3s ease-in-out,background-color .2s}.main-content.sidebar-closed .sidebar-toggle{left:12px}.sidebar-toggle:hover{background-color:#2980b9}.content-area{padding:1rem;overflow-y:auto;min-width:0;min-height:0;-webkit-user-select:text;-moz-user-select:text;user-select:text;overscroll-behavior:contain}.main-content.mode-test .content-area{overflow:hidden}.reader-shell{min-height:100%}.file-header{position:relative;z-index:10;margin-bottom:1rem}.file-header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem;background-color:#f8f9fa;border-radius:4px;border:1px solid #dee2e6}.file-title{margin:0;color:#2c3e50;font-size:1.1rem;font-weight:600;text-align:center;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-position{font-size:.75em;color:#7f8c8d;margin-left:.5rem;font-weight:400}.nav-arrow{background-color:rgba(52,152,219,.9);color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.nav-arrow-top{position:static;width:36px;height:36px;font-size:16px;flex-shrink:0}.nav-arrow:hover:not(:disabled){background-color:rgba(41,128,185,.95);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.3)}.nav-arrow:disabled{background-color:hsla(204,8%,76%,.5);cursor:not-allowed;opacity:.5}@media (max-width:768px){.file-title{font-size:.9rem}.file-position{font-size:.7em}.nav-arrow-top{width:32px;height:32px;font-size:14px}.file-header-content{padding:.25rem;gap:.5rem}}.date-group{margin-bottom:1rem}.date-header{background:#ecf0f1;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#2c3e50;transition:background .2s}.date-header:hover{background:#d5dbdb}.date-header .arrow{transition:transform .2s}.date-header.expanded .arrow{transform:rotate(90deg)}.file-list{margin-top:.5rem}.file-list-header{padding:.5rem;background:#ecf0f1;border-radius:4px;margin-bottom:.5rem}.file-list-header h3{margin:0;color:#2c3e50;font-size:.75rem;font-weight:600}.file-item{padding:.5rem;border-radius:4px;cursor:pointer;transition:background .2s;margin-bottom:.25rem;font-size:.9rem;color:#34495e}.file-item:hover{background:#f8f9fa}.file-item.active{background:#3498db;color:#fff}.upload-area{border:2px dashed #ddd;border-radius:8px;padding:2rem;text-align:center;margin-bottom:1rem;transition:border-color .2s}.upload-area.dragover{border-color:#3498db;background:#f0f8ff}.upload-input{display:none}.empty-state{text-align:center;padding:2rem;color:#7f8c8d}.empty-state h2{margin-bottom:1rem;color:#95a5a6}.loading{text-align:center;padding:2rem;color:#7f8c8d}.error{background:#e74c3c;color:#fff;padding:1rem;border-radius:4px;margin-bottom:1rem}.html-content{width:100%;height:100%;border:none;border-radius:4px}.upload-progress{margin-top:1rem;border-radius:4px}.storage-info,.upload-progress{padding:1rem;background:#f8f9fa;border-left:4px solid #3498db}.storage-info{border-radius:8px;margin-bottom:1rem}.storage-info h4{margin:0 0 .5rem;color:#2c3e50;font-size:.9rem}.progress-bar{width:100%;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:hidden;margin:.2rem 0}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-fill.storage{background:linear-gradient(90deg,#27ae60,#f39c12,#e74c3c)}.progress-fill.files{background:linear-gradient(90deg,#3498db,#9b59b6)}.storage-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;font-size:.8rem;color:#7f8c8d;margin-top:.5rem}.storage-warning{background:#fff3cd;border-left:4px solid #ffc107;color:#856404}.storage-critical{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.importance-controls{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:8px;margin-bottom:1rem;border-left:4px solid #17a2b8}.importance-controls h4{margin:0;color:#2c3e50;font-size:.9rem}.sort-toggle{background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3);padding:.3rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem;transition:all .2s}.sort-toggle:hover{background:hsla(0,0%,100%,.3)}.sort-toggle.active{background:#28a745;border-color:#28a745}.cleanup-btn{background:#dc3545;color:#fff;border:1px solid #dc3545;padding:.3rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem;transition:all .2s}.cleanup-btn:hover{background:#c82333;border-color:#c82333}.file-item-container{display:flex;align-items:center;gap:.2rem;padding:.25rem;border-radius:4px;margin-bottom:.15rem}.file-item-name{flex:1 1;min-width:0;cursor:pointer;padding:.25rem;border-radius:4px;transition:background .2s;font-size:.75rem;color:#34495e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-name:hover{background:#f8f9fa}.file-item-name.active{background:#3498db;color:#fff}.importance-select{font-size:.55rem;padding:.1rem .15rem;border:1px solid #ddd;border-radius:2px;background:#fff;cursor:pointer;min-width:40px;width:40px;flex-shrink:0}.importance-important{background:#d4edda;border-color:#28a745;color:#155724}.importance-normal{background:#d1ecf1;border-color:#17a2b8;color:#0c5460}.importance-less{background:#fff3cd;border-color:#ffc107;color:#856404}.importance-delete{background:#f8d7da;border-color:#dc3545;color:#721c24}.delete-btn{background:#dc3545;color:#fff;border:none;padding:.1rem .25rem;border-radius:2px;cursor:pointer;font-size:.6rem;transition:background .2s;min-width:16px;flex-shrink:0}.delete-btn:hover{background:#c82333}.content-area iframe,.content-area>div{width:100%;min-height:400px;border:none;box-sizing:border-box}.content-area iframe body,.content-area iframe html,.content-area>div body,.content-area>div html{margin:0!important;padding:20px!important;width:100%!important;height:auto!important;min-height:100%!important;background-color:#f5f5f5!important;font-family:Microsoft YaHei,Arial,sans-serif!important;line-height:1.6!important;box-sizing:border-box!important;overflow-x:hidden!important}.content-area iframe .page,.content-area iframe body>div,.content-area>div .page,.content-area>div body>div{width:100%!important;max-width:1000px!important;min-height:600px!important;margin:0 auto!important;background-color:#fff!important;padding:20px!important;border-radius:10px!important;box-shadow:0 4px 6px rgba(0,0,0,.1)!important;box-sizing:border-box!important;position:relative!important}.content-area .main-title,.content-area .section-title{text-align:center!important;color:#e74c3c!important;margin:0 0 15px!important;font-size:16px!important;font-weight:700!important;background:linear-gradient(135deg,#fff9c4,#f7dc6f)!important;padding:10px!important;border-radius:8px!important;border-left:4px solid #f39c12!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.content-area .bilingual-section{display:flex!important;gap:2px!important;height:400px!important;width:100%!important;overflow:hidden!important;margin-bottom:15px!important}.content-area .language-container{flex:1 1!important;padding:15px!important;background-color:#fff!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important}.content-area .language-container:first-child{border-right:2px solid #3498db!important}.content-area .language-container h3{text-align:center!important;margin:0 0 15px!important;font-size:14px!important;color:#2c3e50!important;border-bottom:1px solid #bdc3c7!important;padding-bottom:8px!important}.content-area .content-text{font-size:16px!important;line-height:1.6!important;color:#2c3e50!important;word-wrap:break-word!important;height:auto!important;overflow:visible!important;white-space:pre-wrap!important}.content-area .highlight-0{background-color:#ffcc80!important}.content-area .highlight-1{background-color:#a5d6a7!important}.content-area .highlight-2{background-color:#90caf9!important}.content-area .highlight-3{background-color:#ce93d8!important}.content-area .highlight-4{background-color:#f48fb1!important}.content-area .highlight-5{background-color:#fff59d!important}.content-area .highlight-6{background-color:#80deea!important}.content-area .highlight-7{background-color:#bcaaa4!important}.content-area .phrase-cards-section{margin-top:20px!important;padding:15px!important;background-color:#f8f9fa!important;border-radius:8px!important;width:100%!important;box-sizing:border-box!important}.content-area .phrase-cards-title{text-align:center!important;color:#2c3e50!important;margin-bottom:15px!important;font-size:18px!important;font-weight:700!important}.content-area .phrase-cards-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;grid-gap:15px!important;gap:15px!important;width:100%!important;align-items:start!important}.content-area .phrase-card{border:2px solid #333!important;border-radius:8px!important;padding:12px!important;position:relative!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;background-color:#fff!important}.content-area .phrase-english{font-weight:700!important;margin-bottom:8px!important;color:#2c3e50!important}.content-area .phrase-chinese,.content-area .phrase-english{font-size:16px!important;line-height:1.3!important;word-break:break-word!important}.content-area .phrase-chinese{color:#34495e!important;font-family:Microsoft YaHei,SimSun,Arial,sans-serif!important}.content-area *{max-width:100%!important;box-sizing:border-box!important}.content-area iframe,.content-area>div{transform:none;position:relative}input[type=file]{display:none}.font-controls{gap:.5rem;background-color:rgba(0,0,0,.05);padding:.25rem .5rem;border-radius:4px}.font-btn,.font-controls{display:flex;align-items:center}.font-btn{background:#7f8c8d;color:#fff;border:none;border-radius:4px;width:28px;height:28px;font-size:18px;font-weight:700;cursor:pointer;justify-content:center;line-height:1}.font-btn:hover{background:#95a5a6}.font-size-display{font-size:.9rem;font-weight:600;color:#2c3e50;min-width:40px;text-align:center}.txt-content{font-family:Consolas,Monaco,Courier New,monospace!important;background-color:#f8f9fa!important;color:#2c3e50!important;white-space:pre-wrap!important;word-wrap:break-word!important;line-height:1.6!important;padding:20px!important;border-radius:4px!important;overflow:visible!important;min-height:0!important}.error-content,.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100% - 4rem);border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;color:#6c757d;gap:1rem}.loading-spinner{font-size:2rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.retry-btn{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.retry-btn:hover{background:#0056b3}@media (max-width:768px){.header{flex:0 0 auto;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.main-content{flex:1 1;min-height:0;overflow:hidden}.header-section>div{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.header-section>div::-webkit-scrollbar{display:none}.header-section>div>*{flex-shrink:0}.content-area .phrase-cards-grid{grid-template-columns:1fr!important}.storage-icon{width:48px!important;height:48px!important;font-size:18px!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.txt-content{-webkit-user-select:text!important;-webkit-touch-callout:none!important;-moz-user-select:text!important;user-select:text!important}.content-area{-webkit-overflow-scrolling:auto}.content-area>div,.txt-content{-webkit-touch-callout:default}}.text-selection-highlight{background-color:#ffeb3b!important;padding:2px 4px!important;border-radius:3px!important;box-shadow:0 1px 3px rgba(0,0,0,.2)!important;transition:none!important;position:relative!important}.text-selection-highlight:hover{background-color:#fdd835!important;box-shadow:0 2px 6px rgba(0,0,0,.3)!important}.storage-icon{animation:storageIconAppear .15s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes storageIconAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.txt-content{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.content-area iframe,.content-area>div:not(.txt-content){-webkit-user-select:text;-moz-user-select:text;user-select:text}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.modal-content{background:#fff;padding:0;border-radius:12px;width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 25px rgba(0,0,0,.2);transform-origin:center;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.modal-header{padding:1.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.modal-header h3{margin:0;color:#2c3e50;font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;color:#7f8c8d;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background:#eee;color:#e74c3c}.modal-body{padding:1.5rem;overflow-y:auto;gap:1.5rem}.input-group,.modal-body{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-label{font-size:.9rem;font-weight:600;color:#34495e}.text-input{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s;outline:none}.text-input:focus{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.textarea-input{min-height:200px;resize:vertical;font-family:inherit}.modal-footer{padding:1.5rem;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:1rem;background:#f8f9fa}.btn{padding:.6rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:1rem}.btn-secondary{background:#bdc3c7;color:#fff}.btn-secondary:hover{background:#95a5a6}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#95a5a6;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.reader-html-content{width:100%;min-height:0;padding:28px;overflow:visible;background:#f5f5f5;color:#2c3e50;font-family:Microsoft YaHei,Arial,sans-serif;line-height:1.6;box-sizing:border-box;-moz-user-select:text;user-select:text;-webkit-user-select:text;isolation:isolate}.reader-html-content *,.reader-html-content :after,.reader-html-content :before{box-sizing:border-box;max-width:100%}.reader-html-content .container,.reader-html-content .page{width:100%!important;max-width:1200px!important;min-height:0!important;margin:0 auto!important;padding:0!important;background:#fff!important;color:#2c3e50!important;border-radius:10px!important;box-shadow:0 4px 10px rgba(0,0,0,.08)!important;overflow:hidden!important;position:relative!important}.reader-html-content .header{display:block!important;text-align:center!important;padding:24px 30px!important;background:#f8f9fa!important;color:#2c3e50!important;border-bottom:2px solid #3498db!important;box-shadow:none!important}.reader-html-content .main-title,.reader-html-content .section-title{display:block!important;text-align:center!important;color:#c0392b!important;margin:0 0 15px!important;font-size:23px!important;font-weight:700!important;background:linear-gradient(135deg,#fff9c4,#f7dc6f)!important;padding:14px!important;border-radius:8px!important;border-left:4px solid #f39c12!important;box-shadow:none!important}.reader-html-content .meta{margin-top:10px!important;color:#7f8c8d!important;font-size:13px!important}.reader-html-content .bilingual-content,.reader-html-content .bilingual-section{display:flex!important;gap:0!important;height:min(520px,65vh)!important;width:100%!important;overflow:hidden!important;margin:0!important;background:#fff!important}.reader-html-content .language-column,.reader-html-content .language-container{flex:1 1!important;min-width:0!important;padding:28px!important;background:#fff!important;color:#2c3e50!important;overflow-y:auto!important;overflow-x:hidden!important}.reader-html-content .language-column:first-child,.reader-html-content .language-container:first-child{border-right:2px solid #3498db!important}.reader-html-content .language-container h3,.reader-html-content h2{text-align:center!important;margin:0 0 22px!important;color:#2c3e50!important;font-size:19px!important;font-weight:700!important;border-bottom:2px solid #bdc3c7!important;padding-bottom:12px!important}.reader-html-content .content-text,.reader-html-content .phrase-chinese,.reader-html-content .phrase-english{color:#2c3e50!important}.reader-html-content .content-text{font-size:18px!important;line-height:1.75!important;white-space:normal!important;word-wrap:break-word!important;height:auto!important;overflow:visible!important}.reader-html-content .content-text span[class*=" highlight-"],.reader-html-content .content-text span[class^=highlight-]{padding:2px 4px!important;border-radius:3px!important}.reader-html-content .phrase-cards-section{padding:28px!important;background:#f8f9fa!important;border-top:2px solid #3498db!important}.reader-html-content .phrase-cards-title{text-align:center!important;margin-bottom:22px!important;color:#2c3e50!important;font-size:22px!important;font-weight:700!important}.reader-html-content .phrase-cards-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;grid-gap:16px!important;gap:16px!important}.reader-html-content .phrase-card{border:1px solid rgba(0,0,0,.25)!important;border-radius:8px!important;padding:14px!important;background:hsla(0,0%,100%,.85)!important}.reader-html-content .phrase-english{font-weight:700!important}.reader-html-content .phrase-chinese,.reader-html-content .phrase-english{margin-bottom:8px!important;font-size:16px!important}.reader-html-content .phrase-note{color:#566573!important;font-size:13px!important}@media (max-width:768px){.reader-html-content{padding:16px}.reader-html-content .bilingual-content,.reader-html-content .bilingual-section{height:auto!important;min-height:0!important;flex-direction:column!important}.reader-html-content .language-column,.reader-html-content .language-container{max-height:none!important;padding:20px!important}.reader-html-content .language-column:first-child,.reader-html-content .language-container:first-child{border-right:none!important;border-bottom:2px solid #3498db!important}}body.dark-mode{background:#121212!important;color:#fff!important}body.dark-mode .app-container{background:#121212}body.dark-mode .header{background:#1a1a1a;border-bottom:1px solid #333}body.dark-mode .header-section{background:hsla(0,0%,100%,.05)}body.dark-mode .sidebar{background-color:#1a1a1a;border-right:1px solid #333;color:#e0e0e0}body.dark-mode .file-header-content{background-color:#2d2d2d;border-color:#444}body.dark-mode .file-title{color:#e0e0e0}body.dark-mode .file-item{color:#b0b0b0}body.dark-mode .file-item:hover{background:#333;color:#fff}body.dark-mode .file-item-name{color:#b0b0b0}body.dark-mode .file-item-name:hover{background:#333;color:#fff}body.dark-mode .file-item-name.active{background:#3498db;color:#fff}body.dark-mode .empty-state h2,body.dark-mode .section-title,body.dark-mode .storage-label,body.dark-mode .storage-stats{color:#bbb}body.dark-mode .file-header .file-title{color:#e0e0e0}body.dark-mode .file-list-header{background:#2d2d2d}body.dark-mode .file-list-header h3{color:#e0e0e0}body.dark-mode .content-area{background-color:#121212!important}body.dark-mode .content-area .language-container,body.dark-mode .content-area .page,body.dark-mode .content-area .phrase-card,body.dark-mode .content-area .phrase-cards-section,body.dark-mode .content-area iframe body,body.dark-mode .content-area iframe html,body.dark-mode .content-area>div body,body.dark-mode .content-area>div html,body.dark-mode .txt-content{background-color:#1e1e1e!important;color:#e0e0e0!important;box-shadow:none!important;border-color:#333!important}body.dark-mode .content-area .main-title,body.dark-mode .content-area .section-title{background:linear-gradient(135deg,#444,#333)!important;color:#ffd54f!important;border-left-color:#f39c12!important}body.dark-mode .content-area .content-text,body.dark-mode .content-area .phrase-chinese,body.dark-mode .content-area .phrase-english{color:#e0e0e0!important}body.dark-mode .content-area .language-container h3,body.dark-mode .content-area .phrase-cards-title{color:#fff!important;border-bottom-color:#555!important}body.dark-mode .content-area .language-container:first-child{border-right-color:#555!important}body.dark-mode .modal-content{background:#2d2d2d;color:#fff}body.dark-mode .modal-footer,body.dark-mode .modal-header{background:#1a1a1a;border-color:#333}body.dark-mode .modal-header h3{color:#fff}body.dark-mode .text-input,body.dark-mode .textarea-input{background:#333;color:#fff;border-color:#555}body.dark-mode .input-label{color:#ddd}body.dark-mode .close-btn:hover{background:#444}body.dark-mode .font-controls{background-color:hsla(0,0%,100%,.1)}body.dark-mode .font-size-display{color:#e0e0e0}body.dark-mode .bookmark-highlight,body.dark-mode .highlight-0,body.dark-mode .highlight-1,body.dark-mode .highlight-2,body.dark-mode .highlight-3,body.dark-mode .highlight-4,body.dark-mode .highlight-5,body.dark-mode .highlight-6,body.dark-mode .highlight-7,body.dark-mode .text-selection-highlight{background-color:#d32f2f!important;color:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.5)!important}body.dark-mode .text-selection-highlight:hover{background-color:#c62828!important}body.dark-mode .reader-html-content{background:#121212!important;color:#e0e0e0!important;border-color:#333!important}body.dark-mode .reader-html-content .bilingual-content,body.dark-mode .reader-html-content .bilingual-section,body.dark-mode .reader-html-content .container,body.dark-mode .reader-html-content .language-column,body.dark-mode .reader-html-content .language-container,body.dark-mode .reader-html-content .page,body.dark-mode .reader-html-content .phrase-cards-section{background:#1e1e1e!important;color:#e0e0e0!important;box-shadow:none!important;border-color:#444!important}body.dark-mode .reader-html-content .header{background:#242424!important;color:#e0e0e0!important;border-bottom-color:#555!important}body.dark-mode .reader-html-content .main-title,body.dark-mode .reader-html-content .section-title{background:linear-gradient(135deg,#444,#333)!important;color:#ffd54f!important;border-left-color:#f39c12!important}body.dark-mode .reader-html-content .content-text,body.dark-mode .reader-html-content .language-container h3,body.dark-mode .reader-html-content .phrase-cards-title,body.dark-mode .reader-html-content .phrase-chinese,body.dark-mode .reader-html-content .phrase-english,body.dark-mode .reader-html-content h2{color:#e0e0e0!important;border-bottom-color:#555!important}body.dark-mode .reader-html-content .meta,body.dark-mode .reader-html-content .phrase-note{color:#b0b0b0!important}body.dark-mode .reader-html-content .phrase-card{background:#2a2a2a!important;border-color:#555!important}.test-workspace{width:100%;max-width:1100px;height:100%;min-height:0;margin:0 auto;color:#263238;display:flex;flex-direction:column}.test-page-header{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem 0 1rem;border-bottom:1px solid #d7dee6;margin-bottom:1rem}.test-page-title{min-width:0;flex:1 1 16rem}.test-page-header h2{margin:0 0 .25rem;font-size:1.25rem;color:#1f2d3d}.test-page-header p{margin:0;color:#64748b;font-size:.9rem;overflow-wrap:anywhere}.test-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;max-width:100%;flex:1 1 18rem}.tts-source-control{display:inline-flex;align-items:center;gap:.4rem;color:#64748b;font-size:.78rem;white-space:nowrap}.tts-source-control>span{min-width:3.4rem}.tts-source-control>span:first-child{text-align:right}.tts-source-control>span.selected{color:#1f2d3d;font-weight:700}.tts-source-switch{position:relative;display:inline-flex;width:38px;height:22px;flex:0 0 auto;cursor:pointer}.tts-source-switch input{position:absolute;width:1px;height:1px;opacity:0}.tts-source-track{position:absolute;inset:0;border:1px solid #94a3b8;border-radius:11px;background:#e2e8f0;transition:background .2s,border-color .2s}.tts-source-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.35);transition:transform .2s}.tts-source-switch input:checked+.tts-source-track{border-color:#0f766e;background:#0f766e}.tts-source-switch input:checked+.tts-source-track .tts-source-thumb{transform:translateX(16px)}.tts-source-switch input:focus-visible+.tts-source-track{outline:2px solid #2563eb;outline-offset:2px}.danger-action,.primary-action,.secondary-action{border:none;border-radius:4px;padding:.45rem .7rem;cursor:pointer;font-size:.85rem;transition:background .2s,opacity .2s}.primary-action{background:#2563eb;color:#fff}.primary-action:hover:not(:disabled){background:#1d4ed8}.secondary-action{background:#e8eef5;color:#23364d}.secondary-action:hover:not(:disabled){background:#d6e1ed}.danger-action{background:#fee2e2;color:#991b1b}.danger-action:hover:not(:disabled){background:#fecaca}.danger-action:disabled,.primary-action:disabled,.secondary-action:disabled{opacity:.55;cursor:not-allowed}.auto-play-action{border:1px solid #0f766e;border-radius:4px;background:#e6f5f3;color:#0f766e;padding:.45rem .7rem;cursor:pointer;font-size:.85rem;font-weight:700;transition:background .2s,color .2s,opacity .2s}.auto-play-action:hover:not(:disabled){background:#ccebe7}.auto-play-action.active{background:#0f766e;color:#fff}.auto-play-action.active.secondary-mode{background:#2563eb;border-color:#2563eb}.auto-play-action:disabled{opacity:.55;cursor:not-allowed}.generation-source-tabs{display:inline-flex;align-items:center;gap:.2rem;padding:.18rem;border:1px solid #d7e0ea;border-radius:6px;background:#f4f7fb}.generation-source-tabs button{border:none;border-radius:4px;background:transparent;color:#52677c;padding:.45rem .65rem;cursor:pointer;font-size:.82rem;font-weight:700;white-space:nowrap}.generation-source-tabs button.active{background:#2563eb;color:#fff}.generation-source-tabs button:disabled{opacity:.55;cursor:not-allowed}.source-list{display:grid;grid-gap:.5rem;gap:.5rem}.source-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.75rem;border:1px solid #dce3eb;border-radius:6px;background:#fff;cursor:pointer}.source-row:hover{border-color:#9db6d1;background:#f8fbff}.source-row input{width:18px;height:18px}.source-text{line-height:1.5;color:#263238;word-break:break-word}.source-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.generated-badge{border:1px solid #bbd7ff;border-radius:999px;background:#eaf3ff;color:#1d4ed8}.generated-badge,.needs-review-badge{display:inline-flex;align-items:center;min-height:1.35rem;padding:.1rem .45rem;font-size:.75rem;font-weight:700;white-space:nowrap}.needs-review-badge{border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;color:#c2410c}.review-shell{display:grid;grid-template-columns:52px minmax(0,760px) 52px;justify-content:center;align-items:stretch;grid-gap:1rem;gap:1rem;flex:0 0 auto;height:clamp(460px,calc(100dvh - 210px),720px);min-height:0}.review-arrow{width:52px;min-height:52px;height:auto;align-self:stretch;border:none;border-radius:8px;background:#2563eb;color:#fff;font-size:1.4rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.review-arrow:hover{background:#1d4ed8}.review-card{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:#fff;border:1px solid #d8e0e8;border-radius:8px;padding:1rem;box-shadow:0 8px 24px rgba(31,45,61,.08)}.review-meta{flex:0 0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.75rem;gap:.75rem;color:#64748b;font-size:.8rem;padding-bottom:.75rem;border-bottom:1px solid #e1e7ef;margin-bottom:1rem}.review-card-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:.2rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.review-card-body>:last-child{margin-bottom:0}.review-file-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-block,.explanation-block,.original-highlight,.study-phrase-block{margin-bottom:1rem}.example-block span,.explanation-block span,.original-highlight span,.study-phrase-block span{display:block;color:#607d8b;font-size:.78rem;font-weight:700;text-transform:uppercase;margin-bottom:.35rem}.example-block p,.explanation-block p,.original-highlight p,.study-phrase-block p{margin:0;line-height:1.65;color:#1f2937;word-break:break-word}.original-highlight{padding:.75rem;border-left:4px solid #f59e0b;background:#fff8ea;border-radius:4px}.study-phrase-block{padding:.75rem;border-left:4px solid #0f766e;background:#ecfdf5;border-radius:4px}.explanation-block{padding:.85rem;background:#edf7f2;border:1px solid #cce8d9;border-radius:6px}.example-block{padding:.85rem;background:#f6f8fb;border:1px solid #dbe4ef;border-radius:6px;min-height:92px}.example-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.hidden-example{color:#78909c;font-size:.9rem;font-style:italic;min-height:1.5rem}.review-checks{flex:0 0 auto;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e1e7ef}.review-checks label{display:inline-flex;align-items:center;gap:.4rem;color:#263238;font-size:.9rem;cursor:pointer}.review-checks input{width:18px;height:18px}.read-action{border:1px solid #2563eb;border-radius:4px;background:#2563eb;color:#fff;padding:.35rem .65rem;cursor:pointer;font-size:.85rem}.read-action:hover{background:#1d4ed8;border-color:#1d4ed8}.destructive-action{border:1px solid #dc2626;border-radius:4px;background:#dc2626;color:#fff;padding:.35rem .65rem;cursor:pointer;font-size:.85rem}.destructive-action:hover{background:#b91c1c;border-color:#b91c1c}body.dark-mode .test-workspace{color:#e6edf3}body.dark-mode .test-page-header{border-bottom-color:#3d5065}body.dark-mode .example-block p,body.dark-mode .explanation-block p,body.dark-mode .original-highlight p,body.dark-mode .review-checks label,body.dark-mode .source-text,body.dark-mode .test-page-header h2{color:#e6edf3}body.dark-mode .hidden-example,body.dark-mode .review-meta,body.dark-mode .test-page-header p{color:#9fb0c1}body.dark-mode .generated-badge{background:#213856;border-color:#42658f;color:#b7d4ff}body.dark-mode .needs-review-badge{background:#42240e;border-color:#9a5119;color:#fed7aa}body.dark-mode .secondary-action{background:#33465a;color:#e6edf3}body.dark-mode .danger-action{background:#4b1d1d;color:#fecaca}body.dark-mode .auto-play-action{background:#173b3a;border-color:#2dd4bf;color:#a7f3d0}body.dark-mode .auto-play-action.active{background:#0f766e;color:#fff}body.dark-mode .auto-play-action.active.secondary-mode{background:#2563eb;border-color:#60a5fa}body.dark-mode .tts-source-control{color:#94a3b8}body.dark-mode .tts-source-control>span.selected{color:#e6edf3}body.dark-mode .tts-source-track{background:#334155;border-color:#64748b}body.dark-mode .generation-source-tabs{background:#1f2937;border-color:#3d5065}body.dark-mode .generation-source-tabs button{color:#b8c7d9}body.dark-mode .generation-source-tabs button.active{background:#60a5fa;color:#0f172a}body.dark-mode .destructive-action{background:#b91c1c;border-color:#ef4444}body.dark-mode .read-action{background:#1d4ed8;border-color:#60a5fa}body.dark-mode .review-card,body.dark-mode .source-row{background:#1f2a36;border-color:#3d5065}body.dark-mode .source-row:hover{background:#263443;border-color:#55708b}body.dark-mode .original-highlight{background:#332b18;border-left-color:#f59e0b}body.dark-mode .study-phrase-block{background:#14352d;border-left-color:#2dd4bf}body.dark-mode .explanation-block{background:#1f332b;border-color:#315846}body.dark-mode .example-block{background:#243140;border-color:#3d5065}body.dark-mode .review-checks,body.dark-mode .review-meta{border-color:#3d5065}@media (max-width:900px){.header{padding:.45rem}.header-dashboard{display:block;overflow-x:auto;overflow-y:hidden;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.header-dashboard::-webkit-scrollbar{display:none}.header-section{width:max-content;min-width:max-content;padding:.5rem}.header-section>div{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:.55rem!important;width:max-content;white-space:nowrap}.header-section>div>*{flex:0 0 auto}.main-content.mode-generate,.main-content.mode-test{grid-template-columns:1fr}.main-content.mode-generate .sidebar,.main-content.mode-generate .sidebar-toggle,.main-content.mode-test .sidebar,.main-content.mode-test .sidebar-toggle{display:none}.main-content.mode-generate .content-area,.main-content.mode-test .content-area{padding:.75rem}.test-page-header{flex-direction:column;align-items:stretch;gap:.65rem;padding-top:.25rem}.test-page-actions,.test-page-title{flex:0 0 auto}.test-page-actions{width:100%;justify-content:flex-start;gap:.4rem}.test-page-actions>button{padding:.45rem .6rem}.review-shell{grid-template-columns:44px minmax(0,1fr) 44px;align-items:stretch;gap:.5rem;height:clamp(430px,calc(100dvh - 180px),640px);min-height:0}.review-card{height:100%;min-height:0;overflow:hidden}.review-arrow{width:44px;min-height:100%;font-size:1.15rem}}@media (max-width:768px){.tts-source-control{gap:.2rem;font-size:.65rem}.tts-source-control>span{min-width:0}.tts-source-switch{width:32px;height:18px}.tts-source-track{border-radius:9px}.tts-source-thumb{top:2px;left:2px;width:12px;height:12px}.tts-source-switch input:checked+.tts-source-track .tts-source-thumb{transform:translateX(14px)}.source-row{grid-template-columns:auto minmax(0,1fr);gap:.55rem;padding:.65rem}.source-meta{grid-column:2;justify-content:flex-start}.review-shell{grid-template-columns:38px minmax(0,1fr) 38px;height:clamp(420px,calc(100dvh - 170px),600px);min-height:0}.review-arrow{width:38px;font-size:1.1rem}.review-card{height:100%;min-height:0;padding:.8rem}.review-meta{grid-template-columns:auto auto}.review-file-name{grid-column:1/-1;max-width:100%}}