*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f5f0e8;--color-surface: #faf6ef;--color-border: #ddd5c8;--color-text: #2c2c2c;--color-text-muted: #6b6b6b;--color-primary: #1a4d7c;--color-primary-light: #e4ecf4;--color-accent: #c9553d;--color-accent-light: #fdf0ed;--color-success: #2d7d46;--color-success-light: #e6f2ea;--color-error: #c9553d;--color-error-light: #fdf0ed;--radius: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--font-serif: "Merriweather", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=dark]{--color-bg: #1a1a2e;--color-surface: #16213e;--color-border: #2a2a4a;--color-text: #e0e0e0;--color-text-muted: #8888a0;--color-primary: #6cacef;--color-primary-light: #1e2d4a;--color-accent: #e07860;--color-accent-light: #2d1f1a;--color-success: #5cb87a;--color-success-light: #1a2d20;--color-error: #e07860;--color-error-light: #2d1f1a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3)}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.app-layout{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.app-content{flex:1;overflow-y:auto}.mobile-header{display:none;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--color-primary);color:#fff}.mobile-hamburger{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;width:28px;height:28px}.mobile-hamburger svg{width:100%;height:100%}.mobile-brand{font-family:var(--font-serif);font-size:1rem;font-weight:700;color:#fff!important;flex:1}.mobile-search-link{color:#ffffffd9!important;width:24px;height:24px}.mobile-search-link:hover{color:#fff!important}.sidenav{position:relative;background:var(--color-surface);border-right:1px solid var(--color-border);height:100vh;display:flex;flex-direction:column;flex-shrink:0}.sn-overlay{display:none}.sn-header{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.dark-toggle{background:none;border:none;cursor:pointer;color:var(--color-text-muted);width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s}.dark-toggle:hover{color:var(--color-text)}.dark-toggle svg{width:18px;height:18px}.sn-brand{font-family:var(--font-serif);font-weight:700;font-size:1rem;color:var(--color-primary)!important}.sn-search{padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.sn-search-wrapper{position:relative;display:flex;align-items:center}.sn-search-icon{position:absolute;left:8px;width:16px;height:16px;color:var(--color-text-muted);pointer-events:none}.sn-search-input{width:100%;padding:.4rem 2rem .4rem 1.8rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.82rem;background:var(--color-bg);color:var(--color-text);outline:none;transition:border-color .15s}.sn-search-input:focus{border-color:var(--color-primary)}.sn-search-input::placeholder{color:var(--color-text-muted)}.sn-search-clear{position:absolute;right:4px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);width:20px;height:20px;padding:0;display:flex;align-items:center;justify-content:center}.sn-search-clear svg{width:14px;height:14px}.sn-search-clear:hover{color:var(--color-text)}.sn-tabs{display:flex;border-bottom:1px solid var(--color-border)}.sn-tab{flex:1;padding:.5rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--color-text-muted);transition:color .15s,border-color .15s}.sn-tab:hover{color:var(--color-text)}.sn-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.sn-scroll{flex:1;overflow-y:auto}.sn-chevron{width:14px;height:14px;flex-shrink:0;transition:transform .2s;color:var(--color-text-muted)}.sn-chevron-expanded{transform:rotate(90deg)}.sn-unit{border-bottom:1px solid var(--color-border)}.sn-unit-row{display:flex;align-items:center}.sn-unit-row.sn-active{background:var(--color-primary-light)}.sn-unit-toggle{background:none;border:none;cursor:pointer;padding:.5rem .4rem .5rem .6rem;display:flex;align-items:center;flex-shrink:0}.sn-unit-link{flex:1;padding:.5rem;font-size:.88rem;font-weight:600;color:var(--color-primary);transition:background .1s}.sn-unit-link:hover{background:#00000008}.sn-count{font-size:.7rem;color:var(--color-text-muted);margin-right:.6rem;background:var(--color-bg);padding:.1rem .35rem;border-radius:8px;flex-shrink:0}.sn-children{padding:0 0 .25rem;border-left:2px solid var(--color-border);margin-left:1rem}.sn-root-btn{display:flex;align-items:center;gap:.3rem;width:100%;background:none;border:none;cursor:pointer;padding:.3rem .75rem .3rem .5rem;font-size:.82rem;font-weight:500;color:var(--color-text);text-align:left;transition:background .1s}.sn-root-btn:hover{background:#00000008}.sn-root-label{flex:1}.sn-words{padding:.1rem 0 .3rem 1.6rem;display:flex;flex-direction:column;list-style:none}.sn-word{font-size:.78rem;color:var(--color-text-muted);padding:.2rem .5rem;border-radius:3px;transition:background .1s;display:flex;align-items:center;gap:.35rem}.sn-word:hover{background:#0000000a;color:var(--color-text)}.sn-word-active,.sn-word.sn-word-active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.sn-word-dot{width:4px;height:4px;border-radius:50%;background:var(--color-text-muted);flex-shrink:0}.sn-quizzes{padding:.2rem 0 .3rem 1.6rem;display:flex;flex-direction:column}.sn-quiz-link{display:block;font-size:.76rem;color:var(--color-text-muted);padding:.2rem .5rem;border-radius:3px;font-style:italic}.sn-quiz-link:hover{background:#0000000a;color:var(--color-text)}.sn-search-count{padding:.5rem .75rem;font-size:.75rem;color:var(--color-text-muted)}.sn-search-result{display:flex;flex-direction:column;padding:.5rem .75rem;border-bottom:1px solid var(--color-border);transition:background .1s}.sn-search-result:hover{background:#00000008}.sn-search-term{font-size:.85rem;font-weight:600;color:var(--color-primary)}.sn-search-def{font-size:.75rem;color:var(--color-text-muted);margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-search-path{font-size:.7rem;color:var(--color-text-muted);margin-top:.15rem;opacity:.7}.az-view{display:flex;flex-direction:column;height:100%}.az-letters{display:flex;flex-wrap:wrap;gap:1px;padding:.5rem;border-bottom:1px solid var(--color-border)}.az-letter-btn{background:none;border:none;cursor:pointer;padding:.15rem .35rem;font-size:.72rem;font-weight:600;color:var(--color-primary);border-radius:3px;transition:background .1s}.az-letter-btn:hover{background:var(--color-primary-light)}.az-list{flex:1;overflow-y:auto}.az-letter-header{position:sticky;top:0;padding:.3rem .75rem;font-size:.85rem;font-weight:700;color:var(--color-primary);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.az-word{display:flex;flex-direction:column;padding:.3rem .75rem;font-size:.82rem;transition:background .1s}.az-word:hover{background:#00000008}.az-word-active{background:var(--color-primary-light)}.az-word-top{display:flex;align-items:baseline;gap:.4rem}.az-word-name{font-weight:500;color:var(--color-text)}.az-word-root{font-size:.68rem;color:var(--color-text-muted);font-style:italic;line-height:1.2}.az-word-unit{font-size:.7rem;color:var(--color-text-muted);margin-left:auto;white-space:nowrap}.sn-resize-handle{display:none}.container{flex:1;min-width:0;max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}.hero{text-align:center;padding:3rem 1rem 2.5rem}.hero h1{font-family:var(--font-serif);font-size:2rem;color:var(--color-primary);margin-bottom:.5rem}.subtitle{color:var(--color-text-muted);font-size:.95rem}.stat{margin-top:.5rem;font-weight:600;color:var(--color-accent)}.units-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.unit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:.4rem;transition:box-shadow .2s,transform .15s}.unit-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.unit-number{font-family:var(--font-serif);font-weight:700;font-size:1.1rem;color:var(--color-primary)}.unit-roots{font-size:.82rem;color:var(--color-text-muted);line-height:1.4}.unit-special{font-size:.8rem;color:var(--color-accent);font-weight:500}.unit-word-count{font-size:.78rem;color:var(--color-text-muted);margin-top:auto}.breadcrumb{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.5rem}.breadcrumb a{color:var(--color-primary)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{margin:0 .3rem}.btn{display:inline-block;padding:.5rem 1.2rem;border-radius:var(--radius);background:var(--color-primary-light);color:var(--color-primary);font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:background .15s}.btn:hover{background:#d4e4f2}.btn-sm{padding:.35rem .8rem;font-size:.82rem}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#164068}.unit-nav h1{font-family:var(--font-serif);font-size:1.8rem;color:var(--color-primary);flex:1;text-align:center}.unit-title{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-primary);margin-bottom:1rem}.roots-overview{color:var(--color-text-muted);font-size:.9rem;margin-bottom:2rem;padding:1rem;background:var(--color-primary-light);border-radius:var(--radius)}.root-group{margin-bottom:2rem}.root-title{font-family:var(--font-serif);font-size:1.2rem;color:var(--color-accent);margin-bottom:.25rem}.root-desc{font-size:.88rem;color:var(--color-text-muted);margin-bottom:.75rem}.words-list{display:flex;flex-direction:column;gap:.5rem}.word-card{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:box-shadow .15s,border-color .15s}.word-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.word-card-expanded{border-color:var(--color-primary)}.word-name{font-family:var(--font-serif);font-weight:700;color:var(--color-primary);min-width:140px}.word-def{font-size:.88rem;color:var(--color-text-muted);width:100%;margin-top:.15rem}.word-ipa{font-size:.82rem;color:var(--color-text-muted);font-style:italic;width:100%;margin-top:-2px}.word-meta{font-size:.78rem;color:var(--color-accent);width:100%}.word-card-header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;width:100%}.word-card .word-name{text-decoration:none}.word-card .word-name:hover{text-decoration:underline}.word-card .word-ipa{width:auto;margin-top:0}.word-inline-content{width:100%;padding:.5rem 0 .25rem;margin-top:.5rem;border-top:1px solid var(--color-border)}.word-inline-content strong{display:block;font-size:.82rem;color:var(--color-text);margin-bottom:.25rem}.word-inline-content blockquote{margin:0 0 .75rem;padding:.5rem .75rem;border-left:3px solid var(--color-primary-light, var(--color-primary));background:var(--color-bg);font-size:.88rem;font-style:italic;color:var(--color-text-muted);border-radius:0 var(--radius) var(--radius) 0}.word-inline-discussion p{margin:0;font-size:.88rem;line-height:1.6;color:var(--color-text-muted)}.special-section{margin-top:2.5rem;padding-top:1.5rem;border-top:2px solid var(--color-accent)}.special-section h2{font-family:var(--font-serif);color:var(--color-accent);margin-bottom:.75rem}.quiz-links{margin-top:2.5rem}.quiz-links h2{font-family:var(--font-serif);margin-bottom:.75rem}.quiz-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.word-article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem}.word-source-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:.5rem}.word-article h1{font-family:var(--font-serif);font-size:2rem;color:var(--color-primary);margin-bottom:.25rem}.word-pronunciation{font-size:1.05rem;color:var(--color-text-muted);font-style:italic;margin-bottom:.75rem}.word-definition{font-size:1.05rem;font-weight:500;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.word-section{margin-bottom:1.5rem}.word-section h3{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.5rem}.word-section blockquote{border-left:3px solid var(--color-primary);padding-left:1rem;color:var(--color-text);font-style:italic;font-family:var(--font-serif);font-size:.95rem}.word-section p{font-size:.93rem;line-height:1.7}.quiz-page h1{font-family:var(--font-serif);font-size:1.6rem;color:var(--color-primary);margin-bottom:1.5rem}.quiz-part{margin-bottom:2rem}.quiz-part-header{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text-muted)}.quiz-questions-list{display:flex;flex-direction:column;gap:1rem}.quiz-question{padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.quiz-q-header{display:flex;gap:.4rem;margin-bottom:.5rem}.quiz-q-num{font-weight:700;color:var(--color-primary);flex-shrink:0}.quiz-q-text{font-weight:500}.quiz-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.quiz-options-compact{gap:.35rem}.quiz-opt-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .8rem;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.88rem;cursor:pointer}.quiz-opt-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light)}.quiz-opt-btn:disabled{cursor:default}.quiz-opt-btn.quiz-opt-used{opacity:.4;cursor:default;border-color:var(--color-border);background:var(--color-bg)}.quiz-opt-btn.quiz-opt-selected{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.quiz-opt-btn.quiz-opt-correct{border-color:var(--color-success);background:var(--color-success-light);color:var(--color-success)}.quiz-opt-btn.quiz-opt-wrong{border-color:var(--color-error);background:var(--color-error-light);color:var(--color-error);text-decoration:line-through;opacity:.7}.quiz-opt-btn.quiz-opt-sm{padding:.3rem .6rem;font-size:.82rem}.quiz-opt-id{font-weight:700;font-size:.8em}.quiz-reveal-btn{display:inline-block;padding:.2rem .6rem;border:none;background:none;color:var(--color-primary);font-size:.8rem;font-weight:600;cursor:pointer}.quiz-reveal-btn:hover{color:var(--color-accent);text-decoration:underline}.quiz-answer-display{display:inline-block;margin-left:.5rem;font-size:.85rem;color:var(--color-success)}.quiz-fill-select{margin-bottom:.5rem}.quiz-actions{margin-top:1.5rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.quiz-score{font-size:1rem;font-weight:700;color:var(--color-primary)}.match-container{display:flex;gap:1.5rem;margin-top:1rem}.match-column{flex:1;display:flex;flex-direction:column;gap:.5rem}.match-col-header{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:.4rem .8rem;border-bottom:2px solid var(--color-border);margin-bottom:.25rem}.match-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;font-size:.95rem;color:var(--color-text);text-align:left;position:relative}.match-item:hover:not(:disabled){border-color:var(--color-primary)}.match-item:disabled{cursor:default;opacity:.85}.match-item.match-active,.match-item.match-paired{border-color:var(--color-primary);background:var(--color-primary-light)}.match-item.match-correct{border-color:var(--color-success);background:var(--color-success-light);color:var(--color-success)}.match-item.match-wrong{border-color:var(--color-error);background:var(--color-error-light);color:var(--color-error);text-decoration:line-through}.match-item.match-selectable{cursor:pointer;border-style:dashed}.match-item.match-selectable:hover:not(:disabled){background:var(--color-primary-light);border-style:solid;border-color:var(--color-primary)}.match-num{font-weight:700;color:var(--color-text-muted);min-width:1.5rem}.match-text{flex:1}.match-badge{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.match-icon{font-size:1.1rem;font-weight:700;color:var(--color-success);flex-shrink:0}.match-icon.match-icon-wrong{color:var(--color-error)}.match-hint{margin-top:.75rem;padding:.5rem 1rem;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius);font-size:.9rem;text-align:center;font-weight:500}.match-actions{margin-top:1rem;display:flex;justify-content:center}@media(max-width:640px){.match-container{flex-direction:column;gap:1rem}}.search-page{padding-top:1rem}.search-box{position:relative;margin-bottom:1.5rem}.search-box input{width:100%;padding:.7rem 1rem .7rem 2.5rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;background:var(--color-surface);color:var(--color-text)}.search-box input:focus{outline:none;border-color:var(--color-primary)}.search-box svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted)}.search-results{display:flex;flex-direction:column;gap:.5rem}.search-result-card{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:box-shadow .15s}.search-result-card:hover{box-shadow:var(--shadow-sm)}.pronunciation-guide{max-width:800px;margin:0 auto}.pronunciation-guide h1{font-family:var(--font-serif);font-size:1.75rem;color:var(--color-primary);margin-bottom:.5rem}.ipa-intro{color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.ipa-example-box{background:var(--color-primary-light);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:2rem}.ipa-example-box h3{font-size:1rem;margin-bottom:.75rem;color:var(--color-primary)}.ipa-example-row{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem}.ipa-example-word{font-family:var(--font-serif);font-weight:700;font-size:1.15rem}.ipa-example-pron{font-style:italic;font-size:1.15rem;color:var(--color-text-muted)}.ipa-example-breakdown{font-size:.88rem;color:var(--color-text-muted);line-height:1.5}.ipa-table-section{margin-bottom:2rem}.ipa-table-section h2{font-family:var(--font-serif);font-size:1.25rem;color:var(--color-primary);margin-bottom:.75rem;padding-bottom:.25rem;border-bottom:2px solid var(--color-border)}.ipa-table{display:flex;flex-direction:column}.ipa-table-header{display:grid;grid-template-columns:70px 1fr 1fr;gap:.75rem;padding:.5rem .75rem;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.ipa-table-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--color-border);align-items:center}.ipa-table-row:last-child{border-bottom:none}.ipa-table-row:hover{background:var(--color-surface)}.ipa-symbol{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-align:center}.ipa-desc{font-size:.88rem;color:var(--color-text)}.ipa-examples{font-size:.88rem;font-style:italic;color:var(--color-text-muted)}.home-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.home-guide-link{display:inline-block;color:var(--color-primary);font-size:.95rem;text-decoration:none;padding:.5rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.home-guide-link:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.ipa-example-detail{margin-top:.75rem}.ipa-breakdown-table{width:100%;border-collapse:collapse}.ipa-breakdown-table td{padding:.25rem .5rem;font-size:.88rem;border-bottom:1px solid var(--color-border)}.ipa-breakdown-table td:first-child{font-size:1.1rem;font-weight:700;color:var(--color-primary);width:80px;text-align:center}.ipa-breakdown-table td:last-child{color:var(--color-text-muted)}.ipa-breakdown-table tr:last-child td{border-bottom:none}.ipa-mw-note{color:var(--color-text-muted);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.ipa-table-header-3,.ipa-table-row-3{grid-template-columns:80px 80px 1fr}.ipa-examples b{font-weight:600;color:var(--color-text)}.ipa-examples u{text-decoration:none;color:var(--color-primary);font-weight:700}@media(min-width:769px){.sn-resize-handle{display:block;position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize;z-index:10;background:transparent;transition:background .15s}.sn-resize-handle:hover,.sn-resize-handle:active{background:var(--color-primary);opacity:.3}}@media(max-width:768px){.mobile-header{display:flex}.sidenav{position:fixed;top:0;left:0;z-index:1000;transform:translate(-100%);transition:transform .25s ease;width:288px!important;max-width:85vw}.sidenav-open{transform:translate(0)}.sn-overlay{display:block;position:fixed;inset:0;background:#0006;z-index:999}.container{padding:1rem 1rem 3rem}.hero{padding:2rem .5rem 1.5rem}.hero h1{font-size:1.5rem}.units-grid{grid-template-columns:1fr}}