:root{--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-han:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--font-han-display:"Noto Serif SC","Songti SC","SimSun",serif;--paper:#eceee9;--paper-sunk:#e3e6e0;--silk:#fbfcfa;--surface:#fff;--ink:#1e211f;--ink-strong:#0f1211;--ink-muted:#5f6661;--ink-faint:#8e9691;--ink-tint:#e7eae6;--celadon:#3d6b54;--celadon-dark:#2c5040;--celadon-tint:#e1ebe4;--clay:#96682a;--clay-dark:#795220;--clay-tint:#f3e9d7;--cinnabar:#a83a2c;--cinnabar-dark:#872c21;--cinnabar-tint:#f6e4e0;--hairline:#1e211f1f;--hairline-strong:#1e211f33;--rail-height:52px;--rail-gap:1.5rem;--page-gutter:max(1.5rem,env(safe-area-inset-left));--viewport-height:100vh;--primary-color:var(--ink);--dark-color:var(--ink-strong);--light-color:var(--ink-tint);--secondary-color:var(--celadon);--success-color:var(--celadon);--danger-color:var(--cinnabar);--warning-color:var(--clay);--text-color:var(--ink);--muted-text:var(--ink-muted);--muted-color:var(--ink-faint);--light-text:#f3f5f1}@supports (height:100dvh){:root{--viewport-height:100dvh}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv05" 1,"ss01" 1;background-color:#eceee9;background-color:var(--paper);color:#1e211f;color:var(--text-color);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.6;margin:0;overflow-x:clip;padding:0}[role=button],a,button,input,label,select,summary,textarea{touch-action:manipulation}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus-visible{outline:2px solid #3d6b54;outline:2px solid var(--celadon);outline-offset:2px}.container{background-color:#fbfcfa;background-color:var(--silk);border:1px solid #1e211f1f;border:1px solid var(--hairline);border-radius:12px;box-sizing:border-box;margin:1.75rem auto;padding:2rem;width:min(1200px,calc(100% - max(1.5rem, env(safe-area-inset-left))*2));width:min(1200px,calc(100% - var(--page-gutter)*2))}h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);letter-spacing:-.01em}h1{font-size:1.5rem;letter-spacing:-.015em;margin-bottom:1.5rem;margin-top:0;text-align:center}h1,h2{color:#1e211f;color:var(--text-color);font-weight:650}h2{margin-bottom:1rem}h3{color:#8e9691;color:var(--ink-faint);font-size:.6875rem;font-weight:600;letter-spacing:.09em;margin-bottom:.5rem;margin-top:0;text-transform:uppercase}.level-selector{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}label{font-weight:600;margin-right:.5rem}select{background-color:#fff;background-color:var(--surface);border:1px solid #1e211f33;border:1px solid var(--hairline-strong);border-radius:8px;color:#1e211f;color:var(--ink);flex-grow:1;font-family:inherit;font-size:1rem;padding:.5rem}button:where(:not(.MuiButtonBase-root)){background-color:#1e211f;background-color:var(--ink);border:1px solid #0000;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff24;color:#fff;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;letter-spacing:.01em;line-height:1.6;padding:.5rem 1.125rem;transition:background-color .13s ease,border-color .13s ease,color .13s ease}button:where(:not(.MuiButtonBase-root)):hover:not(:disabled){background-color:#0f1211;background-color:var(--ink-strong)}button:where(:not(.MuiButtonBase-root)):disabled{background-color:#e7eae6;background-color:var(--ink-tint);box-shadow:none;color:#8e9691;color:var(--ink-faint);cursor:not-allowed}button.btn-quiet{background-color:initial;border-color:#1e211f33;border-color:var(--hairline-strong);box-shadow:none;color:#1e211f;color:var(--ink)}button.btn-quiet:hover:not(:disabled){background-color:#1e211f0d;border-color:#1e211f;border-color:var(--ink)}button.btn-quiet:disabled{background-color:initial;border-color:#1e211f1f;border-color:var(--hairline);color:#8e9691;color:var(--ink-faint)}.button-group{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1rem}.sentence-box,.translation-box{margin-bottom:1.75rem}.sentence-box__head{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.sentence-box__head h3{margin-bottom:0}.sentence{background-color:#eceee9;background-color:var(--paper);border-left:3px solid #3d6b54;border-left:3px solid var(--celadon);border-radius:0 8px 8px 0;font-size:1.2rem;font-weight:500;line-height:1.55;margin:0;padding:1rem 1.25rem}.word-hint{color:#2c5040;color:var(--celadon-dark);font-size:.9rem;margin-top:.5rem}.word-hint span{font-weight:600}input[type=text]:not(.MuiInputBase-input),textarea:not(.MuiInputBase-input){background-color:#fff;background-color:var(--surface);border:1px solid #1e211f33;border:1px solid var(--hairline-strong);border-radius:8px;box-sizing:border-box;color:#1e211f;color:var(--ink);font-family:inherit;font-size:1.1rem;margin-top:.5rem;padding:.75rem;transition:border-color .13s ease,box-shadow .13s ease;width:100%}input[type=text]:not(.MuiInputBase-input):focus,textarea:not(.MuiInputBase-input):focus{border-color:#3d6b54;border-color:var(--celadon);box-shadow:0 0 0 3px #3d6b5426;outline:none}#chinese-translation{display:block;line-height:1.6;min-height:calc(1.6em + 1.5rem + 2px);overflow-y:hidden;resize:none}.score-box{margin-bottom:1.25rem}.score-box h3{background-color:#e7eae6;background-color:var(--ink-tint);border-radius:999px;color:#1e211f;color:var(--ink);display:inline-block;font-size:.75rem;letter-spacing:.08em;margin:0;padding:.3rem .85rem}.correct-translation,.feedback,.improved-translation{background-color:#eceee9;background-color:var(--paper);border:1px solid #1e211f1f;border:1px solid var(--hairline);border-radius:10px;margin-bottom:1.25rem;padding:1rem 1.25rem}.feedback{background-color:#f3e9d7;background-color:var(--clay-tint);border-color:#96682a38}.feedback.error{background-color:#f6e4e0;background-color:var(--cinnabar-tint);border-color:#a83a2c38;color:#872c21;color:var(--cinnabar-dark)}.feedback.success{color:#2c5040;color:var(--celadon-dark)}.correct-translation,.feedback.success{background-color:#e1ebe4;background-color:var(--celadon-tint);border-color:#3d6b5438}.improved-translation{background-color:#fbfcfa;background-color:var(--silk);border-color:#1e211f1f;border-color:var(--hairline)}.results{margin-top:1.5rem}.progress-indicator{border:1px solid #1e211f1f;border:1px solid var(--hairline);border-radius:10px;color:#5f6661;color:var(--ink-muted);padding:2rem 1rem}.progress-indicator,.session-complete{background-color:#eceee9;background-color:var(--paper);text-align:center}.session-complete{border:1px solid #1e211f1f;border:1px solid var(--hairline);border-radius:12px;padding:2.5rem 2rem}.session-complete h2{color:#2c5040;color:var(--celadon-dark);margin-bottom:.75rem;margin-top:0}.card,.flashcard{background:#fbfcfa;background:var(--silk);border:1px solid #1e211f1f;border:1px solid var(--hairline);border-radius:12px;color:#1e211f;color:var(--text-color);margin:2rem auto;padding:2rem}.app-header{background-color:#1e211f;background-color:var(--ink);box-sizing:border-box;height:52px;height:var(--rail-height);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--rail-gap);padding:0 1.25rem;position:sticky;top:0;z-index:1100}.app-header,.app-header__mark{align-items:center;display:flex}.app-header__mark{border-radius:6px;opacity:.92;padding:0;transition:opacity .13s ease}.app-header__mark:hover{background:none;opacity:1}.app-header__mark img{display:block;height:30px;width:auto}.app-header__signin{border-radius:6px;color:#ffffffc7;font-size:.875rem;font-weight:600;padding:.35rem .7rem;text-decoration:none;transition:color .13s ease,background-color .13s ease}.app-header__signin:hover{background-color:#ffffff1a;color:#fff}.app-header nav{display:flex}.app-header nav ul{align-items:center;display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.app-header nav a{border-radius:6px;color:#ffffffc7;font-size:.9375rem;font-weight:500;padding:.3rem .6rem;text-decoration:none;transition:color .13s ease,background-color .13s ease}.app-header nav a:hover{background-color:#ffffff1a;color:#fff}.app-header nav a.active{background-color:#ffffff24;color:#fff}.user-controls{align-items:center;display:flex;gap:.5rem}.user-email{color:#ffffffb8;font-size:.8125rem}.translation-layout{align-items:flex-start;display:flex;gap:2rem;margin-bottom:2rem}.translation-input-section,.translation-results-section{flex:1 1;min-width:0}.translation-results-section .results{margin-top:0}.stats-summary{display:flex;justify-content:center;margin-bottom:3rem}.stat-card{background:#1e211f;background:var(--ink);border-radius:12px;color:#fff;min-width:250px;padding:2rem;text-align:center}.stat-card h2{color:#ffffffb8;font-size:.6875rem;font-weight:600;letter-spacing:.09em;margin:0;text-transform:uppercase}.stat-number{font-feature-settings:"tnum";font-size:3rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;margin:.5rem 0 0}.stat-card p{color:#fff9;font-size:.875rem;margin:0}.stats-table-container{margin-bottom:3rem}.stats-table{font-feature-settings:"tnum";background:#fbfcfa;background:var(--silk);border:1px solid #1e211f1f;border:1px solid var(--hairline);border-collapse:collapse;border-radius:10px;font-variant-numeric:tabular-nums;margin-top:1rem;overflow:hidden;width:100%}.stats-table th{background:#eceee9;background:var(--paper);color:#5f6661;color:var(--ink-muted);font-size:.6875rem;font-weight:600;letter-spacing:.09em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.stats-table td{border-bottom:1px solid #1e211f1f;border-bottom:1px solid var(--hairline);padding:.875rem 1rem}.stats-table tr:hover{background-color:#1e211f08}.stats-table tr:last-child td{border-bottom:none}.stats-table td:first-child,.stats-table th:first-child{font-weight:600}.stats-table td:last-child,.stats-table th:last-child{font-weight:600;text-align:right}.stats-explanation{background:#eceee9;background:var(--paper);border:1px solid #1e211f1f;border:1px solid var(--hairline);border-radius:10px;padding:1.75rem}.stats-explanation h3{color:#8e9691;color:var(--ink-faint);margin-bottom:1rem;margin-top:0}.stats-explanation ul{margin:0;padding-left:1.25rem}.stats-explanation li{line-height:1.6;margin-bottom:.7rem}.stats-explanation strong{color:#1e211f;color:var(--ink)}.auth-container{background-color:#fbfcfa;background-color:var(--silk);border:1px solid #1e211f1f;border:1px solid var(--hairline);border-radius:14px;margin:4rem auto;max-width:400px;padding:2.5rem;text-align:center;width:100%}.auth-container h1{font-size:1.5rem;font-weight:650;margin-bottom:2rem}.auth-form{margin-bottom:1.5rem;text-align:left}.auth-form .translation-box{margin-bottom:1.25rem}.auth-form label{color:#5f6661;color:var(--ink-muted);display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.auth-form input[type=email],.auth-form input[type=password]{background-color:#fff;background-color:var(--surface);border:1px solid #1e211f33;border:1px solid var(--hairline-strong);border-radius:8px;box-sizing:border-box;color:#1e211f;color:var(--ink);font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .13s ease,box-shadow .13s ease;width:100%}.auth-form input[type=email]:focus,.auth-form input[type=password]:focus{border-color:#3d6b54;border-color:var(--celadon);box-shadow:0 0 0 3px #3d6b5426;outline:none}.auth-submit-btn{margin-top:.5rem;padding:.75rem;width:100%}.google-signin-btn{align-items:center;background-color:#fff;background-color:var(--surface);border:1px solid #1e211f33;border:1px solid var(--hairline-strong);border-radius:8px;box-shadow:none;color:#1e211f;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.75rem;justify-content:center;margin:0 auto;max-width:280px;padding:.75rem 1.5rem;transition:background-color .13s ease,border-color .13s ease;width:100%}.google-signin-btn:hover{background-color:#1e211f0a;border-color:#1e211f;border-color:var(--ink)}.auth-divider{align-items:center;color:#8e9691;color:var(--ink-faint);display:flex;font-size:.75rem;font-weight:600;letter-spacing:.09em;margin:1.75rem 0 1.25rem;text-transform:uppercase}.auth-divider:after,.auth-divider:before{background-color:#1e211f1f;background-color:var(--hairline);content:"";flex:1 1;height:1px}.auth-divider:before{margin-right:1rem}.auth-divider:after{margin-left:1rem}.auth-links{display:flex;flex-direction:column;gap:.75rem;margin-top:1.75rem;text-align:center}.forgot-password-link{background:none;border:none;box-shadow:none;color:#2c5040;color:var(--celadon-dark);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;margin:0;padding:0;text-decoration:none;transition:color .13s ease}.forgot-password-link:focus,.forgot-password-link:hover:not(:disabled){background:none;color:#3d6b54;color:var(--celadon);text-decoration:underline}.auth-links p{color:#5f6661;color:var(--ink-muted);font-size:.875rem;margin:0}.auth-links a{color:#2c5040;color:var(--celadon-dark);font-weight:600;text-decoration:none}.auth-links a:hover{text-decoration:underline}@media (max-width:768px){.app-header{margin-bottom:1rem}.translation-layout{align-items:stretch;flex-direction:column;gap:1rem}.stats-table{font-size:.9rem}.stats-table td,.stats-table th{padding:.8rem .5rem}.stat-card{min-width:200px;padding:1.5rem}.stat-number{font-size:2.5rem}}@media (max-width:600px){:root{--page-gutter:max(0.625rem,env(safe-area-inset-left))}.container{border-radius:10px;margin:.75rem auto;padding:1.125rem 1rem}.app-header{padding-left:max(.875rem,env(safe-area-inset-left));padding-right:max(.875rem,env(safe-area-inset-right))}.level-selector{align-items:stretch;flex-direction:column;margin-bottom:1.25rem}.button-group{flex-direction:column;gap:.5rem}button:where(:not(.MuiButtonBase-root)){min-height:44px;padding:.625rem 1rem}.sentence{font-size:1.0625rem;padding:.875rem 1rem}.sentence-box,.translation-box{margin-bottom:1.25rem}input[type=text]:not(.MuiInputBase-input),textarea:not(.MuiInputBase-input){font-size:1.0625rem;padding:.75rem .875rem}.correct-translation,.feedback,.improved-translation{margin-bottom:1rem;padding:.875rem 1rem}.session-complete{padding:1.75rem 1.25rem}.card,.flashcard{margin:1.25rem auto;padding:1.25rem}.auth-container{margin:1.5rem auto;max-width:none;padding:1.75rem 1.25rem}.auth-form input[type=email],.auth-form input[type=password],.auth-submit-btn,.google-signin-btn{font-size:1rem;min-height:46px}.google-signin-btn{max-width:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.chinese-text{color:var(--text-color);font-family:var(--font-han-display);font-weight:500;line-height:2.05}.chinese-text--plain{line-height:1.7}.chinese-text__word{border-radius:2px;cursor:pointer;transition:background-color .12s ease-in-out}.chinese-text__word:hover{background-color:#3d6b5429}.chinese-text__word:focus-visible{outline:2px solid var(--celadon);outline-offset:1px}.chinese-text ruby{margin-right:2px;-webkit-ruby-position:over;ruby-position:over}.chinese-text rt{color:var(--muted-text);font-family:var(--font-sans);font-size:.42em;font-weight:500;letter-spacing:.01em;line-height:1.5;-webkit-user-select:none;user-select:none}.admin-dock{align-items:flex-end;bottom:16px;display:flex;flex-direction:column;font-family:var(--font-sans);gap:8px;position:fixed;right:16px;z-index:1200}.admin-dock__toggle{align-items:center;background-color:var(--ink);border:1px solid #ffffff24;border-radius:999px;box-shadow:0 4px 14px -6px #1e211f80;color:#ffffffd9;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:8px;letter-spacing:.09em;padding:.4rem .75rem;text-transform:uppercase}.admin-dock__toggle:hover:not(:disabled){background-color:var(--ink-strong);color:#fff}.admin-dock__pip{background-color:#ffffff47;border-radius:50%;height:7px;width:7px}.admin-dock__pip--live{background-color:var(--cinnabar);box-shadow:0 0 0 3px #a83a2c40}.admin-dock__panel{background-color:var(--ink);border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 18px 40px -18px #0f1211a6;color:#ffffffe6;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 88px);overflow-y:auto;padding:14px;width:268px}.admin-dock__heading{align-items:baseline;color:#ffffff80;display:flex;font-size:.6875rem;font-weight:600;gap:8px;justify-content:space-between;letter-spacing:.09em;text-transform:uppercase}.admin-dock__status{color:#ffffff73;font-weight:500;letter-spacing:.02em;text-transform:none}.admin-dock__status--overridden{color:#e8a497}.admin-dock__stepper{align-items:stretch;border:1px solid #ffffff24;border-radius:8px;display:flex;overflow:hidden}.admin-dock__step{background-color:#ffffff0f;border:none;border-radius:0;box-shadow:none;color:#ffffffbf;cursor:pointer;flex:0 0 34px;font-size:.95rem;line-height:1;padding:0}.admin-dock__step:hover:not(:disabled){background-color:#ffffff29;color:#fff}.admin-dock__date{font-feature-settings:"tnum";align-items:center;color:#fff;display:flex;flex:1 1;font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:600;justify-content:center;padding:.4rem 0}.admin-dock__date--live{color:#ffffff80;font-weight:500}.admin-dock__row{display:flex;gap:8px}.admin-dock__row>*{flex:1 1}.admin-dock__action{background-color:initial;border:1px solid #ffffff29;border-radius:8px;box-shadow:none;color:#ffffffd9;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.4rem .6rem}.admin-dock__action:hover:not(:disabled){background-color:#ffffff1f;color:#fff}.admin-dock__action--danger{border-color:#c85c4c80;color:#e8a497}.admin-dock__action--danger:hover:not(:disabled){background-color:var(--cinnabar-dark);border-color:var(--cinnabar-dark);color:#fff}.admin-dock__section{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:8px;padding-top:12px}.admin-dock__reading{align-items:baseline;display:flex;gap:8px}.admin-dock__skill{align-items:center;display:flex;gap:10px}.admin-dock__slider{accent-color:var(--cinnabar);background:#0000;cursor:pointer;flex:1 1;height:18px;min-width:0;padding:0}.admin-dock__theta{font-feature-settings:"tnum";color:#fff;flex:0 0 34px;font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.admin-dock__reading .admin-dock__theta{flex:0 0 auto;font-size:1.125rem;text-align:left}.admin-dock__note{color:#ffffff73;font-size:.6875rem;line-height:1.5}.admin-dock__stat{grid-gap:3px 8px;display:grid;gap:3px 8px;grid-template-columns:4.75rem 1fr;margin:0}.admin-dock__stat dt{color:#ffffff73;font-size:.6875rem;line-height:1.5}.admin-dock__stat dd{font-feature-settings:"tnum";color:#fff;font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.5;margin:0;min-width:0}.admin-dock__stat-id{color:#ffffffb8;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-dock__stat-aside{color:#ffffff73;font-size:.6875rem;font-weight:400}.admin-dock__note-input{background-color:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:.8125rem;line-height:1.45;padding:.5rem .6rem;resize:vertical;width:100%}.admin-dock__note-input::placeholder{color:#ffffff59}.admin-dock__note-input:focus{background-color:#ffffff1a;border-color:#fff6;outline:none}.admin-dock__note-foot{align-items:center;display:flex;gap:8px;justify-content:space-between}.admin-dock__note-foot .admin-dock__note{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-dock__note-foot .admin-dock__action{flex:0 0 auto}.admin-dock__notes{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;max-height:168px;overflow-y:auto;padding:0}.admin-dock__note-item{align-items:center;border-top:1px solid #ffffff12;display:flex;gap:4px;padding:.3rem .1rem}.admin-dock__note-text{color:#ffffffb8;flex:1 1;font-size:.75rem;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-dock__note-btn{background-color:initial;border:none;border-radius:4px;color:#fff6;cursor:pointer;flex:0 0 auto;font-size:.75rem;height:20px;line-height:1;padding:0;width:20px}.admin-dock__note-btn:hover{background-color:#ffffff24;color:#fff}.admin-dock__note-btn--danger:hover{background-color:var(--cinnabar-dark);color:#fff}.admin-dock__note code{color:#fff9;font-size:.6875rem}.admin-dock__error{background-color:#a83a2c38;border-radius:8px;color:#f0bdb2;font-size:.75rem;line-height:1.5;padding:.5rem .625rem}@media (max-width:600px){.admin-dock{bottom:10px;right:10px}.admin-dock__panel{max-width:268px;width:calc(100vw - 20px)}}.word-popover__headword{font-family:var(--font-han-display);font-size:1.6rem;font-weight:500;line-height:1.2}.word-popover__reading{font-size:.95rem}.word-popover__reading,.word-popover__reading-alt{color:var(--muted-text);font-family:var(--font-sans)}.word-popover__reading-alt{display:block}.word-popover{font-family:var(--font-sans)}
/*# sourceMappingURL=main.fca91f04.css.map*/