.app{min-height:100vh;display:flex;flex-direction:column;padding-top:80px;height:auto}.app-main{flex:1 0 auto;width:100%;display:block;position:relative;overflow:visible;height:auto;max-height:none}@media(max-width:768px){.app{padding-top:120px}}.app-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-md) 0;text-align:center;color:var(--text-secondary);font-size:.9em;position:relative;z-index:10;margin-top:2rem;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.app-footer p{margin:0}.theme-toggle{display:flex;gap:.5rem;align-items:center}.theme-button{background:transparent;border:2px solid var(--border-color, #ccc);border-radius:8px;width:40px;height:40px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.theme-button:hover{background:var(--hover-bg, rgba(0, 0, 0, .05));transform:scale(1.1)}.theme-button.active{background:var(--active-bg, #4a90e2);border-color:var(--active-border, #4a90e2);box-shadow:0 2px 8px #4a90e24d}.theme-button:focus{outline:2px solid var(--focus-color, #4a90e2);outline-offset:2px}@media(max-width:768px){.theme-button{width:36px;height:36px;font-size:1rem}}.navbar{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-color);position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}[data-theme=dark] .navbar{box-shadow:0 2px 8px #0006}.navbar-visible{transform:translateY(0)}.navbar-hidden{transform:translateY(-100%)}.navbar-container{max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.navbar-brand{display:flex;flex-direction:column;text-decoration:none;color:var(--text-primary);transition:color .3s ease}.navbar-brand:hover{color:var(--accent-color);text-decoration:none}.navbar-brand-han{font-size:1.2rem;font-weight:700;font-family:var(--font-chinese);line-height:1.2}.navbar-brand-rom{font-size:.75rem;font-family:var(--font-roman);color:var(--text-secondary);line-height:1.2}.navbar-right{display:flex;align-items:center;gap:1rem}.navbar-theme{display:flex;align-items:center}.navbar-menu-container{position:relative}.navbar-menu-button{background-color:transparent;border:2px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;width:2.5rem;height:2.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.navbar-menu-button:hover{background-color:var(--hover-bg);color:var(--accent-color);border-color:var(--accent-color)}.navbar-menu-button:active{transform:scale(.95)}.navbar-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;z-index:1001;animation:dropdownFadeIn .2s ease}[data-theme=dark] .navbar-dropdown{box-shadow:0 4px 12px #0006}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar-dropdown-link{display:block;color:var(--text-primary);text-decoration:none;padding:.75rem 1.25rem;transition:all .2s ease;font-size:1rem;font-weight:500;border-bottom:1px solid var(--border-color)}.navbar-dropdown-link:last-child{border-bottom:none}.navbar-dropdown-link:hover{background-color:var(--hover-bg);color:var(--accent-color);text-decoration:none;padding-left:1.5rem}.navbar-dropdown-link.active{color:var(--accent-color);background-color:var(--hover-bg);font-weight:600}@media(max-width:768px){.navbar-container{padding:.5rem 1rem;gap:1rem}.navbar-brand-han{font-size:1rem}.navbar-brand-rom{font-size:.65rem}.navbar-menu-button{font-size:1.3rem;width:2.2rem;height:2.2rem}}@media(max-width:480px){.navbar-container{padding:.5rem}.navbar-right{gap:.5rem}.navbar-menu-button{font-size:1.2rem;width:2rem;height:2rem}.navbar-dropdown{min-width:150px}.navbar-dropdown-link{font-size:.9rem;padding:.6rem 1rem}.navbar-dropdown-link:hover{padding-left:1.25rem}}.bible-reader{width:100%}.bible-reader-error{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.bible-controls{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.chapter-nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg)}.nav-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:1em}.chapter-indicator{font-size:1.2em;font-weight:500;color:var(--text-primary);min-width:100px;text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.page-link{font-size:1.2em;text-decoration:none;transition:transform .2s;display:inline-block}.page-link:hover{transform:scale(1.2);text-decoration:none}.bible-content{margin-top:var(--spacing-xl)}@media(max-width:768px){.bible-controls{gap:var(--spacing-md)}.chapter-nav{gap:var(--spacing-sm);flex-wrap:wrap}.nav-button{padding:var(--spacing-xs) var(--spacing-md);font-size:.9em}.chapter-indicator{font-size:1em;width:100%;order:-1}}.book-selector{position:relative;width:100%;max-width:600px;margin:0 auto var(--spacing-md) auto}.book-selector-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.book-selector-button:hover{border-color:var(--accent-color)}[data-theme=dark] .book-selector-button:hover{background-color:var(--bg-tertiary)}[data-theme=light] .book-selector-button:hover,:root:not([data-theme=dark]) .book-selector-button:hover{background-color:#eee}.book-name-display{display:flex;align-items:center;gap:.5em;font-size:1.1em}.book-name-han{font-family:var(--font-chinese);color:var(--text-primary);font-weight:500}.book-name-rom{font-family:var(--font-roman);color:var(--text-primary)}.book-name-sep{color:var(--text-secondary)}.dropdown-arrow{color:var(--text-secondary);font-size:.8em}.book-selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5em;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:100;max-height:70vh;overflow-y:auto;padding:var(--spacing-md)}[data-theme=dark] .book-selector-dropdown{box-shadow:0 4px 20px #0006}.book-section{margin-bottom:var(--spacing-md)}.book-section:last-of-type{margin-bottom:0}.book-section-title{font-size:.85em;font-weight:600;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.book-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s;min-height:60px;min-width:0;overflow:hidden}.book-cell:hover:not(.disabled){border-color:var(--accent-color);background-color:var(--accent-color-light, rgba(139, 69, 19, .1))}[data-theme=dark] .book-cell:hover:not(.disabled){background-color:#cd853f33}.book-cell.current{border-color:var(--accent-color);background-color:var(--accent-color);color:#fff}.book-cell.current .book-abbr,.book-cell.current .book-full-name{color:#fff}.book-cell.selected{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color)}.book-cell.disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .book-cell.disabled{opacity:.35}.book-abbr{font-size:1.2em;font-weight:600;font-family:var(--font-chinese);color:var(--text-primary);line-height:1.2}.book-full-name{font-size:.6em;font-family:var(--font-roman);color:var(--text-secondary);margin-top:2px;text-align:center;line-height:1.2;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.chapter-popup{position:absolute;left:50%;transform:translate(-50%);background-color:var(--bg-primary);border:2px solid var(--accent-color);border-radius:8px;box-shadow:0 4px 16px #0000004d;z-index:300;padding:var(--spacing-sm);width:calc(100% - 2 * var(--spacing-md));max-width:420px}[data-theme=dark] .chapter-popup{box-shadow:0 4px 16px #0009}.chapter-popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color);font-weight:600;font-family:var(--font-chinese);color:var(--text-primary)}.chapter-popup-close{background:none;border:none;font-size:1.2em;color:var(--text-secondary);cursor:pointer;padding:0 4px;line-height:1}.chapter-popup-close:hover{color:var(--text-primary)}.chapter-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.chapter-cell{display:flex;align-items:center;justify-content:center;padding:6px 2px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.85em;font-weight:500;color:var(--text-primary);transition:all .15s;min-width:28px}.chapter-cell:hover:not(.disabled){border-color:var(--accent-color);background-color:var(--accent-color-light, rgba(139, 69, 19, .1))}[data-theme=dark] .chapter-cell:hover:not(.disabled){background-color:#cd853f33}.chapter-cell.current{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.chapter-cell.disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .chapter-cell.disabled{opacity:.35}@media(max-width:768px){.book-selector-button{padding:var(--spacing-sm) var(--spacing-md)}.book-name-display{font-size:1em}.book-selector-dropdown{max-height:60vh;padding:var(--spacing-sm)}.book-grid{gap:4px}.book-cell{padding:6px 2px;min-height:50px}.book-abbr{font-size:1.1em}.book-full-name{font-size:.6em}.chapter-popup{max-width:360px}.chapter-grid{grid-template-columns:repeat(8,1fr)}.chapter-cell{padding:6px 2px;min-width:28px;font-size:.8em}}@media(max-width:480px){.book-selector{max-width:100%}.book-name-rom,.book-name-sep{display:none}.book-cell{min-height:45px}.book-abbr{font-size:1em}.book-full-name{font-size:.55em}.chapter-popup{max-width:300px}.chapter-grid{grid-template-columns:repeat(6,1fr)}.chapter-cell{min-width:32px;font-size:.8em}}.mode-selector{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.mode-label{font-weight:500;color:var(--text-primary)}.mode-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.mode-button{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);background-color:var(--bg-primary);border-radius:8px;cursor:pointer;transition:all .2s;min-width:80px}.mode-button:hover{border-color:var(--accent-color);background-color:var(--bg-secondary)}.mode-button.active{border-color:var(--accent-color);background-color:var(--accent-color);color:#fff}.mode-icon{font-size:1.5em;line-height:1}.mode-text{font-size:.85em;white-space:nowrap}@media(max-width:768px){.mode-selector{gap:var(--spacing-xs)}.mode-button{min-width:70px;padding:var(--spacing-xs) var(--spacing-sm)}.mode-icon{font-size:1.2em}.mode-text{font-size:.75em}}.dual-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.verse-row{display:grid;grid-template-columns:60px 1fr;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.verse-row:last-child{border-bottom:none}.verse-row.foreword-row{grid-template-columns:1fr;padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.verse-number{text-align:right;color:var(--text-secondary);font-weight:500;font-size:.9em;padding-top:.2em;display:flex;align-items:flex-start;justify-content:flex-end;gap:.3em}.verse-image-link{font-size:1em;text-decoration:none;transition:transform .2s;display:inline-block;-webkit-user-select:none;user-select:none}.verse-image-link:hover{transform:scale(1.2);text-decoration:none}.verse-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.verse-rom,.verse-han{line-height:var(--line-height-base);word-wrap:break-word}.verse-rom{font-family:var(--font-roman);text-align:left;padding-right:var(--spacing-md);border-right:1px solid var(--border-color)}.verse-han{font-family:var(--font-chinese);text-align:left}.word,.punct{margin-right:.15em}@media(max-width:768px){.verse-row{grid-template-columns:30px 1fr;gap:var(--spacing-sm)}.verse-content{grid-template-columns:1fr;gap:var(--spacing-md)}.verse-rom{border-right:none;border-bottom:1px solid var(--border-color);padding-right:0;padding-bottom:var(--spacing-sm)}}.ruby-mode{max-width:900px;margin:0 auto}.ruby-chapter{font-family:var(--font-chinese);font-size:var(--font-size-lg);line-height:2.5;text-align:justify;padding:var(--spacing-md)}.ruby-verse{display:inline}.ruby-paragraph{display:block;margin-bottom:2em}.verse-marker{color:var(--text-secondary);font-size:.7em;font-weight:500;margin-left:.2em;margin-right:.2em;vertical-align:super}.verse-image-link-ruby{font-size:.9em;text-decoration:none;margin-left:.1em;-webkit-user-select:none;user-select:none;transition:transform .2s;display:inline-block;vertical-align:super}.verse-image-link-ruby:hover{transform:scale(1.2);text-decoration:none}.ruby-word{ruby-align:center;margin-right:.15em}.ruby-word rt{font-size:.65em;color:#555;font-family:var(--font-roman);line-height:1;padding:0 .1em}.ruby-punct{margin-right:.1em}.ruby-word-no-rom{margin-right:.05em}.ruby-rom-only{font-family:var(--font-roman);margin-right:.05em;color:var(--text-secondary)}@media(max-width:768px){.ruby-chapter{font-size:var(--font-size-base);line-height:2.3;padding:var(--spacing-sm)}.ruby-word rt{font-size:.6em;padding:0 .1em}.ruby-word{margin-right:.15em}}.single-language{max-width:900px;margin:0 auto}.single-chapter{font-size:var(--font-size-lg);line-height:var(--line-height-base);padding:var(--spacing-md)}.single-verse{display:inline}.single-paragraph{display:block;margin-bottom:1em;padding-left:.5em}.single-verse .verse-number{display:inline;color:var(--text-secondary);font-size:.7em;font-weight:500;margin-left:.3em;margin-right:.15em;vertical-align:super;line-height:0}.single-verse .verse-text{display:inline}.verse-image-link-inline{font-size:.9em;text-decoration:none;margin-left:.1em;-webkit-user-select:none;user-select:none;transition:transform .2s;display:inline;vertical-align:super;line-height:0}.verse-image-link-inline:hover{transform:scale(1.2);text-decoration:none}.verse-text{display:inline}.font-chinese{font-family:var(--font-chinese)}.font-roman{font-family:var(--font-roman)}@media(max-width:768px){.single-chapter{font-size:var(--font-size-base);padding:var(--spacing-sm)}}.search-box{width:100%;max-width:600px;margin:0 auto var(--spacing-lg) auto}.search-input-wrapper{position:relative;width:100%}.search-input{width:100%;padding:var(--spacing-md);padding-right:40px;font-size:1em;border:2px solid var(--border-color);border-radius:8px;font-family:inherit;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--accent-color)}.clear-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2em;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.clear-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.search-loading{text-align:center;padding:var(--spacing-md);color:var(--text-secondary)}.search-results{margin-top:var(--spacing-md);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background-color:var(--bg-primary)}.results-header{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);font-weight:500;font-size:.9em;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.results-list{max-height:400px;overflow-y:auto}.result-item{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s}.result-item:last-child{border-bottom:none}.result-item:hover{background-color:var(--bg-secondary)}.result-reference{font-weight:500;color:var(--accent-color);margin-bottom:var(--spacing-xs);font-size:.9em}.result-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.result-han{font-family:var(--font-chinese);color:var(--text-primary)}.result-rom{font-family:var(--font-roman);color:var(--text-secondary);font-size:.9em}mark{background-color:#fff59d;padding:.1em .2em;border-radius:2px}.no-results{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary)}@media(max-width:768px){.search-input{font-size:.9em;padding:var(--spacing-sm);padding-right:36px}.results-list{max-height:300px}.result-item{padding:var(--spacing-sm)}}.home{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-xl) 0;transition:background-color .3s ease,border-color .3s ease}.header-container{text-align:center;max-width:100%;padding:0 var(--spacing-md)}.title-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;margin:.3em 0;transition:color .3s ease}.title-han{font-family:var(--font-chinese);font-size:clamp(18px,4vw,28px);font-weight:500;color:var(--text-primary);letter-spacing:.1em}.title-rom{font-family:var(--font-roman);font-size:clamp(16px,3.5vw,24px);color:var(--text-primary);letter-spacing:.05em}.title-eng{font-family:Georgia,Times New Roman,serif;font-size:clamp(11px,2.5vw,16px);color:var(--text-primary);line-height:1.6}.title-eng-large{font-size:clamp(14px,3vw,20px);font-weight:700;letter-spacing:.1em}.title-eng-sc{font-variant:small-caps;letter-spacing:.05em}.title-eng-script{font-style:italic;font-family:Brush Script MT,cursive}.app-intro{display:none;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) 0;transition:background-color .3s ease,border-color .3s ease}.intro-container{max-width:900px;margin:0 auto;padding:0 var(--spacing-lg);text-align:center}.intro-text{font-family:var(--font-chinese);font-size:clamp(14px,2.5vw,18px);line-height:1.9;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;text-align:justify;text-justify:inter-ideograph;transition:color .3s ease}.intro-text strong{font-weight:600;color:var(--text-primary)}.intro-eng{font-family:Georgia,Times New Roman,serif;font-size:clamp(13px,2.3vw,16px);line-height:1.8;font-style:italic;color:var(--text-secondary);margin-bottom:0}.intro-eng strong{font-style:normal;font-weight:600}.app-main{flex:1;padding:var(--spacing-lg) 0}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-md)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);text-align:center}.app-error h2{color:#d32f2f;margin-bottom:var(--spacing-md)}.app-error p{color:var(--text-secondary)}@media(max-width:768px){.app-header{padding:var(--spacing-lg) 0}.header-container{padding:0 var(--spacing-sm)}.title-line{margin:.2em 0}.app-intro{padding:var(--spacing-md) 0}.intro-container{padding:0 var(--spacing-md)}.intro-text{text-align:left;line-height:1.8}.app-main{padding:var(--spacing-md) 0}}.about-page{min-height:calc(100vh - 200px);padding:2rem 0;background-color:var(--bg-primary);transition:background-color .3s ease}.about-container{max-width:900px;margin:0 auto;padding:0 2rem}.about-title{font-size:2.2rem;color:var(--text-primary);text-align:center;margin-bottom:.5rem;font-weight:600;transition:color .3s ease}.about-subtitle{font-size:1.1rem;color:var(--text-secondary);text-align:center;margin-bottom:3rem;font-family:var(--font-roman);font-style:italic;transition:color .3s ease}.about-section{background-color:var(--background-secondary);padding:1.5em 2em;border-radius:12px;margin-bottom:2.5em;transition:box-shadow .3s ease}.about-section:hover{box-shadow:0 4px 12px #0000001a}.about-section h2{font-size:1.6rem;color:var(--accent-color);margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.about-section p{font-size:1rem;line-height:1.8;color:var(--text-primary);margin-bottom:1rem;text-align:justify;transition:color .3s ease}.about-section>*:last-child{margin-bottom:0}.progress-tables-container{margin-top:1.5em;display:flex;flex-direction:column;gap:2em}.progress-table{width:100%;border-collapse:collapse;font-size:.9em}.progress-table th,.progress-table td{border:1px solid var(--border-color);padding:.6em .8em;text-align:center}.progress-table th{background-color:var(--background-alt);font-weight:600}.progress-table td:first-child{text-align:left;font-weight:500}.hanzi-table-wrapper{margin-top:1.5em;overflow-x:auto}.hanzi-table{width:100%;border-collapse:collapse;font-size:.95em}.hanzi-table th,.hanzi-table td{border:1px solid var(--border-color);padding:.7em 1em;text-align:center;transition:border-color .3s ease}.hanzi-table th{background-color:var(--background-alt);font-weight:600;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.hanzi-table tbody tr:hover{background-color:var(--background-hover, rgba(0, 0, 0, .02))}.hanzi-table td:first-child{font-family:var(--font-roman);font-weight:500}.hanzi-table td:nth-child(2){font-family:var(--font-han);font-weight:500;font-size:1.05em}.hanzi-table td:nth-child(3){text-align:left;color:var(--text-secondary)}.about-list{list-style:none;padding-left:0;margin:1.5rem 0}.about-list li{font-size:1rem;line-height:1.8;color:var(--text-primary);margin-bottom:1rem;padding-left:2rem;position:relative;transition:color .3s ease}.about-list li:before{content:"▸";position:absolute;left:.5rem;color:var(--accent-color);font-weight:700}.about-footer-section{text-align:center;background:transparent;padding:2em 0;margin-top:2rem;border-top:1px solid var(--border-color)}.contact-info{font-size:1.1rem;font-weight:500;color:var(--accent-color);margin-top:1rem}@media(max-width:768px){.about-container{padding:0 1rem}.about-title{font-size:1.8rem}.about-subtitle{font-size:.95rem}.about-section{padding:1.5rem;margin-bottom:2rem}.about-section h2{font-size:1.4rem}.about-section p,.about-list li{font-size:.95rem}.about-list li{padding-left:1.5rem}.contact-info{font-size:1rem}.hanzi-table{font-size:.9em}.hanzi-table th,.hanzi-table td{padding:.6em .8em}.hanzi-table td:nth-child(2){font-size:1.02em}}@media(max-width:480px){.about-container{padding:0 .5rem}.about-title{font-size:1.6rem}.about-subtitle{font-size:.85rem}.about-section{padding:1rem;margin-bottom:1.5rem}.about-section h2{font-size:1.2rem}.about-section p,.about-list li{font-size:.9rem}.contact-info{font-size:.95rem}.hanzi-table{font-size:.85em}.hanzi-table th,.hanzi-table td{padding:.5em .6em}.hanzi-table td:nth-child(2){font-size:1em}}.about-section h3{font-size:1.3rem;color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-weight:600;transition:color .3s ease}.about-section h4{font-size:1.1rem;color:var(--text-primary);margin-top:1.5rem;margin-bottom:.8rem;font-weight:700;transition:color .3s ease}.nested-list{list-style:none;padding-left:1.5rem;margin-top:.5rem}.nested-list li{font-size:.95rem;margin-bottom:.5rem;padding-left:1.5rem}.nested-list li:before{content:"•";position:absolute;left:1rem;color:var(--text-secondary)}.table-responsive{margin:1.5rem 0;overflow-x:auto}.alphabet-table{width:100%;border-collapse:collapse;margin:0 auto;background-color:#f8f9fa;border:2px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}[data-theme=dark] .alphabet-table{background-color:#2a2a2a}.alphabet-table th,.alphabet-table td{padding:.8rem;text-align:center;border:1px solid var(--border-color);transition:border-color .3s ease}.alphabet-table th{background-color:#e9ecef;font-weight:600;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}[data-theme=dark] .alphabet-table th{background-color:#333}.alphabet-table td{font-family:var(--font-roman);font-size:1rem;color:var(--text-primary);transition:color .3s ease}.phonology-table{width:100%;border-collapse:collapse;margin:0 auto;background-color:#f8f9fa;border:2px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}[data-theme=dark] .phonology-table{background-color:#2a2a2a}.phonology-table thead th{background-color:#e9ecef;font-weight:600;padding:1rem;text-align:center;border:1px solid var(--border-color);color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}[data-theme=dark] .phonology-table thead th{background-color:#333}.phonology-table tbody td{padding:.8rem;text-align:center;border:1px solid var(--border-color);color:var(--text-primary);transition:border-color .3s ease,color .3s ease}.phonology-table tbody td:first-child{font-family:var(--font-roman);font-weight:500}.phonology-table tbody td:nth-child(2){font-family:var(--font-ipa);font-size:.95rem}.phonology-table tbody td:nth-child(3){font-family:var(--font-han)}.phoneme-table{margin:1.5rem 0;overflow-x:auto}.phoneme-table table{width:100%;max-width:600px;margin:0 auto;border-collapse:collapse;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.phoneme-table td{padding:1rem;text-align:center;border:1px solid var(--border-color);font-family:var(--font-roman);font-size:1.05rem;color:var(--text-primary);transition:color .3s ease,border-color .3s ease}.phoneme-table td:not(:empty){background-color:var(--bg-secondary);font-weight:500}.phoneme-table td:hover:not(:empty){background-color:var(--hover-bg);color:var(--accent-color)}.about-section code{background-color:var(--bg-primary);color:var(--accent-color);padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}.about-section a{color:var(--accent-color);text-decoration:underline;transition:color .3s ease}.about-section a:hover{color:#1976d2;text-decoration:none}.tone-sandhi-table{width:100%;border-collapse:collapse;margin:0 auto;background-color:#f8f9fa;border:2px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}[data-theme=dark] .tone-sandhi-table{background-color:#2a2a2a}.tone-sandhi-table thead th{background-color:#e9ecef;font-weight:600;padding:1rem;text-align:center;border:1px solid var(--border-color);color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}[data-theme=dark] .tone-sandhi-table thead th{background-color:#333}.tone-sandhi-table tbody th{background-color:#e9ecef;font-weight:600;padding:.8rem;text-align:center;border:1px solid var(--border-color);color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,color .3s ease}[data-theme=dark] .tone-sandhi-table tbody th{background-color:#333}.tone-sandhi-table tbody td{padding:.8rem;text-align:center;border:1px solid var(--border-color);color:var(--text-primary);transition:border-color .3s ease,color .3s ease;font-family:var(--font-roman);font-size:1rem}.footnotes{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.footnotes p{font-size:.9rem;margin-bottom:.8rem}.footnotes .rom-text,.footnotes .han-text{font-size:inherit}.rom-text{font-family:var(--font-roman);font-style:normal}.han-text{font-family:var(--font-han)}.linguistic-table-wrapper{overflow-x:auto;overflow-y:visible;border:1px solid var(--border-color);border-radius:8px;transition:border-color .3s ease}.example-table{width:100%;border-collapse:collapse;font-size:.9rem;background-color:#fff;transition:background-color .3s ease}[data-theme=dark] .example-table{background-color:#1a1a1a}.example-table thead th{background-color:#e9ecef;font-weight:600;text-align:center;padding:.6rem .4rem;border:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;font-size:.9rem;transition:background-color .3s ease,border-color .3s ease,color .3s ease}[data-theme=dark] .example-table thead th{background-color:#333}.example-table tbody th{background-color:#e9ecef;font-weight:600;text-align:center;padding:.5rem .4rem;border:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;transition:background-color .3s ease,border-color .3s ease,color .3s ease}[data-theme=dark] .example-table tbody th{background-color:#333}.example-table tbody td{padding:.5rem .4rem;text-align:center;border:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;transition:border-color .3s ease,color .3s ease,background-color .3s ease;vertical-align:middle;min-width:80px}.example-table .sticky-header{position:sticky;top:0;z-index:20}.example-table .sticky-col{position:sticky;left:0;z-index:10;background-color:#fff;transition:background-color .3s ease}[data-theme=dark] .example-table .sticky-col{background-color:#1a1a1a}.example-table .sticky-header.sticky-col{z-index:30;background-color:#e9ecef}[data-theme=dark] .example-table .sticky-header.sticky-col{background-color:#333}.example-table tbody tr:hover td{background-color:var(--hover-bg)}.diagonal-header{position:relative;padding:1.5rem .8rem!important;overflow:hidden}.diagonal-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top right,transparent 49.5%,var(--border-color) 49.5%,var(--border-color) 50.5%,transparent 50.5%)}.diagonal-header .top-right{position:absolute;top:.5rem;right:.5rem;font-size:.85rem;z-index:1}.diagonal-header .bottom-left{position:absolute;bottom:.5rem;left:.5rem;font-size:.85rem;z-index:1}.diagonal-header-wide{min-width:70px}@media(max-width:768px){.about-section h3{font-size:1.15rem}.alphabet-table th,.alphabet-table td,.phonology-table thead th,.phonology-table tbody td{padding:.6rem .4rem;font-size:.9rem}.phoneme-table td{padding:.75rem .5rem;font-size:.95rem}.nested-list{padding-left:1rem}.nested-list li{font-size:.9rem;padding-left:1.2rem}.footnotes p{font-size:.85rem}}@media(max-width:480px){.about-section h3{font-size:1.05rem}.alphabet-table th,.alphabet-table td{padding:.5rem .25rem;font-size:.85rem}.phonology-table thead th,.phonology-table tbody td{padding:.5rem .3rem;font-size:.85rem}.phoneme-table td{padding:.5rem .25rem;font-size:.85rem}.footnotes p{font-size:.8rem}}.rhyme-table-container{width:100%;margin:2rem 0}.dialect-selector{margin-bottom:1.5rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease}[data-theme=dark] .dialect-selector{background-color:#2a2a2a}.dialect-selector h4{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary);font-weight:600}.dialect-checkboxes{display:flex;flex-wrap:wrap;gap:.8rem}.dialect-checkbox,.select-all-checkbox{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.95rem}.select-all-checkbox{font-weight:600;background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.select-all-checkbox:hover{opacity:.9}.dialect-checkbox:hover{background-color:var(--hover-bg);border-color:var(--accent-color)}.dialect-checkbox input[type=checkbox],.select-all-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.dialect-checkbox span,.select-all-checkbox span{-webkit-user-select:none;user-select:none;color:var(--text-primary)}.select-all-checkbox span{color:#fff}.table-wrapper{overflow-x:auto;overflow-y:visible;border:1px solid var(--border-color);border-radius:8px;background-color:#f8f9fa;transition:background-color .3s ease,border-color .3s ease}[data-theme=dark] .table-wrapper{background-color:#2a2a2a}.rhyme-table{width:100%;border-collapse:collapse;font-size:.85rem;background-color:#fff;transition:background-color .3s ease}[data-theme=dark] .rhyme-table{background-color:#1a1a1a}.rhyme-table thead th{background-color:#e9ecef;font-weight:600;text-align:center;padding:.7rem .4rem;border:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;font-size:.85rem;transition:background-color .3s ease,border-color .3s ease,color .3s ease}[data-theme=dark] .rhyme-table thead th{background-color:#333}.sticky-header{position:sticky;top:0;z-index:20}.sticky-col{position:sticky;left:0;z-index:10;background-color:#fff;transition:background-color .3s ease}[data-theme=dark] .sticky-col{background-color:#1a1a1a}.sticky-header.sticky-col{z-index:30;background-color:#e9ecef}[data-theme=dark] .sticky-header.sticky-col{background-color:#333}.col-letter{min-width:60px;max-width:60px;width:60px}.col-examples{min-width:200px;max-width:200px;width:200px}.col-value{min-width:80px;max-width:80px;width:80px}.rhyme-table tbody td{padding:.6rem .4rem;text-align:center;border:1px solid var(--border-color);color:var(--text-primary);transition:border-color .3s ease,color .3s ease,background-color .3s ease;vertical-align:middle}.rhyme-table tbody td.col-letter{font-family:var(--font-roman);font-size:.95rem;font-weight:500}.rhyme-table tbody td.col-examples{font-family:var(--font-han);text-align:left;padding-left:.8rem;font-size:.85rem}.rhyme-table tbody td.col-value{font-family:var(--font-ipa);font-size:.85rem}.rhyme-table tbody td.dialect-value{font-family:var(--font-ipa);font-size:.85rem;min-width:50px}.rhyme-table tbody tr.border-bottom td{border-bottom:1px solid var(--border-color)}.rhyme-table tbody tr:hover td{background-color:var(--hover-bg)}@media(max-width:768px){.dialect-selector{padding:1rem}.dialect-selector h4{font-size:1rem}.dialect-checkboxes{gap:.6rem}.dialect-checkbox,.select-all-checkbox{padding:.35rem .6rem;font-size:.9rem}.rhyme-table{font-size:.8rem}.rhyme-table thead th{padding:.6rem .4rem;font-size:.8rem}.rhyme-table tbody td{padding:.5rem .3rem}.rhyme-table tbody td.col-letter{font-size:.85rem}.rhyme-table tbody td.col-examples,.rhyme-table tbody td.col-value,.rhyme-table tbody td.dialect-value{font-size:.8rem}.col-letter{min-width:60px;max-width:60px;width:60px}.col-examples{min-width:150px;max-width:150px;width:150px}.col-value{min-width:100px;max-width:100px;width:100px}.dialect-value{min-width:50px}}@media(max-width:480px){.dialect-selector{padding:.8rem}.dialect-checkboxes{gap:.5rem}.dialect-checkbox,.select-all-checkbox{padding:.3rem .5rem;font-size:.85rem}.rhyme-table,.rhyme-table thead th{font-size:.75rem}.rhyme-table tbody td.col-letter{font-size:.8rem}.rhyme-table tbody td.col-examples,.rhyme-table tbody td.col-value,.rhyme-table tbody td.dialect-value{font-size:.75rem}.col-letter{min-width:50px;max-width:50px;width:50px;font-size:.95rem}.col-examples{min-width:120px;max-width:120px;width:120px}.col-value{min-width:80px;max-width:80px;width:80px}.dialect-value{min-width:50px}}.homophone-container{max-width:1200px;margin:0 auto;padding:1.5rem 1rem 3rem;width:100%}.homophone-container h1{font-size:1.75rem;margin-bottom:.5rem;text-align:center;color:var(--text-primary)}.disclaimer{text-align:center;font-size:.9rem;color:var(--text-secondary);margin-bottom:2rem;opacity:.8}.loading,.error{text-align:center;padding:3rem;font-size:1.1rem;color:var(--text-secondary)}.error{color:#e74c3c}.filter-section{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 6px #0000000d;transition:background-color .3s ease,box-shadow .3s ease}[data-theme=dark] .filter-section{box-shadow:0 2px 8px #0000004d}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.filter-header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.action-btn{padding:.3rem .8rem;font-size:.85rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:4px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--bg-hover);border-color:var(--primary-color)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.filter-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.rhyme-group{margin-bottom:.8rem}.rhyme-group:last-child{margin-bottom:0}.rhyme-group-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem;opacity:.8}.filter-btn{padding:.3rem .6rem;font-size:.95rem;font-weight:500;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all .15s ease;min-width:unset;text-align:center;line-height:1.2}.filter-btn:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.filter-btn.selected{color:#fff;border-color:transparent}.filter-btn.initial-selected{background:#3498db}.filter-btn.rhyme-selected{background:#2ecc71}.filter-btn.tone-selected{background:#e67e22}.results-section{background:var(--bg-secondary);border-radius:8px;padding:1.5rem 1rem;box-shadow:0 2px 6px #0000000d;transition:background-color .3s ease,box-shadow .3s ease}[data-theme=dark] .results-section{box-shadow:0 2px 8px #0000004d}.results-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.no-results{text-align:center;padding:2rem;color:var(--text-secondary);font-size:1rem}.syllables-list{display:flex;flex-direction:column;gap:.8rem}.syllable-item{padding-bottom:.8rem;border-bottom:1px dashed var(--border-color)}.syllable-item:last-child{border-bottom:none;padding-bottom:0}.syllable-title{font-size:1.25rem;font-weight:700;margin-bottom:.4rem;display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem}.syllable-display{color:var(--text-primary);font-family:DejaVu Sans,Arial,sans-serif}.syllable-input-code{font-size:.9rem;font-weight:400;color:var(--text-secondary);font-family:monospace}.syllable-char-count{font-size:.85rem;font-weight:400;color:var(--text-secondary);opacity:.7}.syllable-initial{color:#3498db}.syllable-rhyme{color:#2ecc71}.syllable-tone{color:#e67e22}.char-list{display:flex;flex-wrap:wrap;gap:.4rem;font-size:1.4rem;font-family:Noto Sans TC,Tauhu-oo,sans-serif;line-height:1.4}.char-item{padding:.1rem .4rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;cursor:default;transition:all .15s ease}.char-item:hover{background:var(--bg-hover);border-color:var(--primary-color);transform:translateY(-1px)}.no-chars{color:var(--text-secondary);font-size:.9rem;font-style:italic}@media(max-width:768px){.homophone-container{padding:1rem .5rem}.char-list{font-size:1.25rem}}.rom-to-han-converter{max-width:1000px;margin:0 auto;padding:2rem 1rem}.converter-header{text-align:center;margin-bottom:2rem}.converter-header h1{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:.5rem;color:var(--text-primary)}.converter-header .subtitle{font-size:clamp(1rem,2.5vw,1.2rem);color:var(--text-secondary);font-family:DejaVu Sans,Arial,sans-serif;margin-bottom:1rem}.converter-header .description{font-size:clamp(.9rem,2vw,1rem);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.converter-body{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2rem;margin-bottom:2rem}.input-section{margin-bottom:2rem}.input-section label{display:block;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.rom-input{width:100%;padding:1rem;font-size:1rem;font-family:DejaVu Sans,Arial,monospace;border:2px solid var(--border-color);border-radius:4px;resize:vertical;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}.rom-input:focus{outline:none;border-color:var(--accent-color, #4a90e2)}.input-hint{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary)}.output-section{margin-top:2rem}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.output-header label{font-weight:700;color:var(--text-primary)}.output-actions{display:flex;gap:.5rem}.btn-copy,.btn-clear{padding:.5rem 1rem;font-size:.9rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s}.btn-copy:hover:not(:disabled),.btn-clear:hover:not(:disabled){background:var(--accent-color, #4a90e2);color:#fff;border-color:var(--accent-color, #4a90e2)}.btn-copy:disabled,.btn-clear:disabled{opacity:.4;cursor:not-allowed}.han-output{min-height:150px;padding:1rem;font-size:1.5rem;font-family:Noto Sans TC,Tauhu-oo,sans-serif;border:2px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);line-height:2;word-wrap:break-word;overflow-wrap:break-word}.output-placeholder{color:var(--text-tertiary);font-size:1rem;text-align:center;padding:2rem 0}.token{display:inline;padding:0 2px;transition:background-color .2s}.token.clickable{cursor:pointer;border-bottom:2px dotted var(--accent-color, #4a90e2)}.token.clickable:hover{background-color:var(--hover-bg, rgba(74, 144, 226, .1))}.token.phrase .char.clickable{cursor:pointer;padding:0 1px;border-bottom:1px dotted var(--accent-color, #4a90e2);transition:all .2s}.token.phrase .char.clickable:hover{background-color:var(--hover-bg, rgba(74, 144, 226, .15));border-bottom:2px solid var(--accent-color, #4a90e2)}.token.unknown{color:var(--error-color, #e74c3c);font-weight:700}.token.punct{padding:0}.candidates-popup{position:absolute;z-index:1000;background:var(--bg-primary);border:2px solid var(--accent-color, #4a90e2);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:300px;max-width:500px;max-height:400px;overflow-y:auto}.candidates-header{padding:.75rem 1rem;background:var(--accent-color, #4a90e2);color:#fff;font-weight:700;font-size:.9rem;border-radius:6px 6px 0 0}.candidates-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:.75rem}.candidate-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s;background:var(--bg-secondary)}.candidate-item:hover{background:var(--hover-bg, rgba(74, 144, 226, .1));border-color:var(--accent-color, #4a90e2);transform:translateY(-2px)}.candidate-item.selected{background:var(--accent-color, #4a90e2);color:#fff;border-color:var(--accent-color, #4a90e2)}.candidate-han{font-size:1.5rem;font-family:Noto Sans TC,Tauhu-oo,sans-serif;margin-bottom:.25rem}.candidate-freq{font-size:.7rem;color:var(--text-tertiary)}.candidate-item.selected .candidate-freq{color:#fffc}.converter-info{margin-top:3rem;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.converter-info h3{margin-top:0;margin-bottom:1rem;color:var(--text-primary);font-size:1.3rem}.converter-info h3:not(:first-child){margin-top:2rem}.converter-info ul{list-style:disc;padding-left:1.5rem;line-height:1.8}.converter-info li{margin-bottom:.5rem;color:var(--text-primary)}.converter-info code{background:var(--bg-primary);padding:.2rem .4rem;border-radius:3px;font-family:DejaVu Sans,Courier New,monospace;font-size:.9em;border:1px solid var(--border-color)}@media(max-width:768px){.converter-body{padding:1rem}.output-header{flex-direction:column;align-items:flex-start;gap:.5rem}.output-actions{width:100%}.btn-copy,.btn-clear{flex:1}.han-output{font-size:1.3rem}.candidates-grid{grid-template-columns:repeat(4,1fr)}.candidates-popup{left:10px!important;right:10px;width:auto;max-width:none}}@media(max-width:480px){.rom-to-han-converter{padding:1rem .5rem}.candidates-grid{grid-template-columns:repeat(3,1fr)}.han-output{font-size:1.2rem}.converter-info{padding:1rem}}