.study-actions{grid-template-columns:repeat(3,minmax(0,1fr));max-width:640px}.answer-rating.fuzzy{color:#a18c50}.recall-prompt{font-size:12px;color:#97a18e;margin:30px 0 23px}.answer-popup{padding-bottom:22px}.answer-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.answer-rating{font-size:11px;display:flex;align-items:center;gap:7px;color:#8a9978}.answer-rating.unknown{color:#b08a70}.answer-rating svg{width:17px;height:17px}.answer-word{display:flex;gap:15px;align-items:center;margin-top:20px}.answer-word h2{font:37px/1.3 var(--serif);margin:0;overflow-wrap:anywhere;min-width:0}.answer-popup>.word-ipa{margin:9px 0 16px;font-size:13px}.answer-meaning{white-space:pre-line;font-size:15px;line-height:1.95;padding:16px 0 20px;color:#49603f}.memory-box{border:1px solid #e1e8d7;background:#f1f5eb;border-radius:12px;padding:17px;margin:4px 0 20px}.memory-title{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:600;color:#678153;margin-bottom:13px}.memory-title svg{width:17px;height:17px}.memory-box p{font-size:12px;line-height:1.9;color:#81936e;margin:10px 0}.root-parts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:9px 0 14px}.root-parts>span{background:#fff;border:1px solid #e0e8d6;border-radius:7px;padding:8px 12px;text-align:center}.root-parts b{font:19px var(--serif);color:#5c774a;display:block}.root-parts small{display:block;font-size:10px;margin-top:3px;color:#a1ac93}.root-parts i{font:16px var(--serif);color:#a0af8c;font-style:normal}.memory-family+.memory-family{border-top:1px solid #dfe7d4;margin-top:13px;padding-top:10px}.memory-family>button{display:flex;align-items:center;gap:10px;padding:4px 0;text-align:left;width:100%}.memory-family>button strong{font:20px var(--serif);color:#63804c}.memory-family>button>span{flex:1;font-size:11px;color:#879a74}.memory-family>button svg{width:13px;height:13px;color:#9aaa89}.family-chips{display:flex;gap:5px;flex-wrap:wrap}.family-chips>span{padding:3px 8px;border-radius:5px;background:#e6eddb;color:#80946a;font:13px/1.6 var(--serif)}.memory-box .memory-footnote{font-size:10px;color:#a2af92;margin-top:12px;margin-bottom:0}.answer-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;bottom:0;background:#fcfdf9;padding:15px 0 0;border-top:1px solid #e5ebdd;margin-top:19px}.answer-footer .primary{min-width:145px}.answer-footer .field-hint{margin:0}.root-emblem{width:55px;height:55px;border:1px solid #dbe4cd;border-radius:50%;background:#e2eace;display:grid;place-items:center;color:#8aa06c;flex-shrink:0}.root-emblem svg{width:27px;height:27px}.roots-intro{color:#8c9c7d;font-size:12px;line-height:1.9}.root-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.root-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:13px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .15s}.root-card:hover{border-color:#a9bd96}.root-card h2{font:30px var(--serif);color:#557741;margin:12px 0 6px}.root-card h3{font-size:14px;margin:0 0 12px;color:#869975}.root-card>p{font-size:11px;line-height:1.9;color:#9baa8e;min-height:42px;margin-bottom:15px}.root-card .family-chips{margin-top:auto}.root-card-footer{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9eac91;margin-top:17px;padding-top:12px;border-top:1px solid #edf1e6}.root-card-footer svg{width:15px;height:15px}.root-detail-hero{background:#edf2e4;border:1px solid #e0e7d4;border-radius:15px;padding:29px}.root-detail-hero h1{font:44px var(--serif);color:#5b7846;margin:12px 0 8px}.root-detail-hero h2{font-size:17px;color:#81966c;margin:0 0 12px}.root-detail-hero p{color:#8e9f7d;font-size:13px;line-height:1.9;max-width:620px;margin-bottom:13px}.root-word-wrapper{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.root-word-wrapper .word-row{border:0;border-radius:0}.word-memory-link{display:flex;gap:5px;align-items:center;font-size:10px;color:#99ac83;padding:0 17px 13px}.word-memory-link svg{width:13px;height:13px}.root-modal-hint{font-size:13px;color:#839971;line-height:1.9}.example-card{background:#f8f6ee;border:1px solid #ebe6d8;border-radius:11px;padding:17px;margin:0 0 19px}.example-head{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px;color:#a38c61}.example-head>span{display:flex;align-items:center;gap:6px}.example-head svg{width:15px;height:15px}.example-en{font:17px/1.85 var(--serif);color:#687a54;margin:12px 0}.example-en mark{background:#e3e9ca;color:#54713d;padding:0 2px;border-radius:2px}.example-zh{font-size:12px;line-height:1.8;color:#a4a58e;margin:0 0 10px}.example-source{font-size:9px;color:#b3af98;line-height:1.7;margin-bottom:0}.example-source a{text-decoration:underline}.example-play{color:#9c9876;display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;background:#eeeadb;border-radius:50%}.answer-example-loading{font-size:11px;color:#a4ae96;padding:5px 0 16px}@media(max-width:760px){.bottom-nav button{min-width:0;flex:1;padding:3px 6px}.root-grid{gap:11px}.root-card{padding:17px 13px}.root-card h2{font-size:24px;overflow-wrap:anywhere;max-width:100%}.root-card h3{font-size:12px}.root-card .eyebrow{font-size:8px;letter-spacing:1px}.root-card>p{font-size:10px;line-height:1.9;min-height:57px}.root-card .family-chips>span{font-size:11px;padding:2px 5px}.root-card-footer{font-size:9px}.roots-intro{font-size:11px}.answer-popup>.word-ipa{font-size:13px;line-height:1.8}.answer-meaning{font-size:16px}.answer-word h2{font-size:34px}.root-parts{gap:7px}.root-parts>span{padding:7px 10px}.memory-box{padding:15px}.memory-box p{font-size:12px}.memory-family>button strong{font-size:19px}.memory-family>button>span{font-size:10px}.answer-footer{gap:9px}.answer-footer .primary{min-width:133px;padding:12px 13px}.answer-footer .secondary{padding:12px 11px;font-size:11px}.answer-footer .field-hint{font-size:10px}.root-detail-hero{padding:23px}.root-detail-hero h1{font-size:36px}.root-detail-hero p{font-size:12px}.example-en{font-size:17px}.recall-prompt{font-size:11px}.sidebar-label{margin-top:37px}}

.weak-group-list{display:grid;gap:14px}.weak-group-card{text-align:left;border:1px solid #e0e7d5;background:#f3f6ed;border-radius:12px;padding:19px;margin-bottom:16px}.weak-group-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.weak-group-heading h3{margin:0 0 5px;font-size:14px}.weak-group-heading p{font-size:11px;color:#97a386;margin:0}.weak-group-heading .secondary{font-size:11px;white-space:nowrap;background:#e0e9d3}.complete-card>.weak-group-card{max-width:560px;margin:26px auto 20px}.weak-complete-chips{justify-content:center;margin:20px 0}.weak-review-hint{font-size:12px;color:#91a07e;margin:0 0 18px}.weak-group-list .weak-group-card{margin:0}@media(max-width:760px){.weak-group-card{padding:15px}.weak-group-heading{gap:9px}.weak-group-heading h3{font-size:12px}.weak-group-heading p{font-size:10px}.weak-group-heading .secondary{padding:10px;font-size:10px}.weak-review-hint{font-size:11px}}

/* Use clear lining numerals for all counts and dates. */
.number-input input,.plan-stats strong,.day-card summary>b,.ring>div,.stat-line b,.metric-card strong,.module-num,.chapter-card .chapter-number{font-family:var(--sans);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;letter-spacing:0;font-weight:500}
.plan-stats strong{white-space:nowrap;font-size:25px;line-height:1.5}.number-input input{font-size:24px;line-height:1.4}.day-card summary>b{font-size:16px;min-width:76px}.topbar-right,.chapter-meta,.module-copy p,.session-progress p,.day-card summary small,.day-card summary>span{font-variant-numeric:lining-nums tabular-nums}.plan-stats strong small{font-size:10px}
@media(max-width:760px){.plan-stats strong{font-size:20px}.plan-stats strong small{font-size:9px}.day-card summary>b{font-size:14px;min-width:68px}.plan-stats{gap:9px}}

.example-play.playing{background:#d9e4cb;animation:pulse 1.3s infinite}

/* Mobile reading: one scroll area, with the action bar outside the content. */
:root{--green:#245747;--ink:#203d33;--muted:#6f7d74;--line:#e0e7df;--bg:#f5f7f3}
body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.modal-open{position:fixed;width:100%;overflow:hidden;overscroll-behavior:none}
dialog{background:#fff;box-shadow:0 24px 90px #18352b30;border:1px solid #dde6df;max-height:calc(var(--viewport-height,100dvh) - 32px);overscroll-behavior:contain}
dialog::backdrop{background:#152e255c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#modal.answer-dialog{position:fixed;inset:auto;left:50%;top:calc(var(--viewport-top,0px) + var(--viewport-height,100dvh)/2);transform:translate(-50%,-50%);margin:0;width:min(580px,calc(100% - 40px));height:min(820px,calc(var(--viewport-height,100dvh) - 48px));max-height:calc(var(--viewport-height,100dvh) - 48px);padding:0;border-radius:24px;overflow:hidden}
#modal.answer-dialog #modal-content{height:100%;min-height:0;overflow:hidden}
.answer-popup{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:0;text-align:left;background:#fff}
.answer-topline{flex:none;min-height:65px;padding:10px 24px;border-bottom:1px solid #e7ece6;background:#fff}
.answer-heading{display:flex;align-items:center;gap:10px;min-width:0}
.answer-rating{font-size:12px;font-weight:600;background:#eaf3ec;border-radius:7px;padding:5px 9px;color:#2f654e;white-space:nowrap}
.answer-rating.fuzzy{background:#fbf1d9;color:#886526}.answer-rating.unknown{background:#faece6;color:#9b5840}
.answer-rating svg{width:14px;height:14px}.answer-step{font-size:12px;color:#748278}
.close-btn{width:40px;height:40px;flex-shrink:0;background:#f2f5f0;color:#63796a;border:1px solid #e7ece3}
.close-btn svg{width:19px;height:19px}
.answer-scroll{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#c2d2c5 transparent;padding:22px 24px 18px;scroll-padding:16px}
.answer-summary{margin-bottom:20px}
.answer-word{margin:0;justify-content:space-between;gap:14px;align-items:center}
.answer-word h2{font:650 42px/1.18 var(--sans);letter-spacing:-1.4px;color:#173e30;overflow-wrap:anywhere;word-break:normal}
.answer-word .sound-btn{width:44px;height:44px;flex-shrink:0;border-radius:50%;color:#2d674e;background:#edf4eb;border:1px solid #dfebdc}
.answer-pronunciation{display:flex;gap:6px 12px;flex-wrap:wrap;margin:6px 0 8px}
.answer-pronunciation .ipa-button{font:13px/1.5 'Segoe UI',sans-serif;color:#65796a;min-height:40px;padding:4px 0;justify-content:flex-start;text-align:left;overflow-wrap:anywhere}
.answer-pronunciation .ipa-button small{font:11px var(--sans);color:#718375;background:#f0f4ee;padding:2px 5px;border-radius:4px}
.answer-meaning{font-size:17px;line-height:1.8;color:#263f31;padding:0;font-weight:500}
.answer-popup .example-card{padding:17px 18px;margin:0 0 16px;border:1px solid #ebe6d9;background:#faf8f1;border-radius:16px}
.example-head{font-size:11px;font-weight:600;color:#827044;gap:8px;line-height:1.6}
.example-head>span{min-width:0}.example-head>span svg{flex-shrink:0}
.example-play{width:40px;height:40px;min-width:40px;flex-shrink:0;color:#7a714c;background:#f0eddf}
.example-play svg{width:18px;height:18px}
.example-en{font:500 17px/1.8 var(--sans);color:#344e3b;margin:12px 0;overflow-wrap:anywhere}
.example-en mark{background:#e2edc9;color:#284b2e;border-radius:4px;padding:1px 3px}
.example-zh{font-size:13px;line-height:1.8;color:#6d7769;margin:0 0 6px}
.example-source-details{border-top:1px solid #e9e4d6;margin-top:12px;font-size:11px;color:#827d69;line-height:1.8}
.example-source-details summary{cursor:pointer;padding:10px 0 0;min-height:36px;list-style-position:inside}
.example-source{font-size:11px;color:#7c7969;margin:8px 0 0;overflow-wrap:anywhere}
.example-source a{display:inline-block;padding:6px 0;color:#486d52}
.answer-popup .memory-box{background:#f1f6ee;border:1px solid #e0e9d9;border-radius:16px;padding:17px 18px;margin:0}
.memory-title{font-size:13px;color:#476c41;margin-bottom:12px}
.memory-box p{font-size:13px;line-height:1.8;color:#5c7554;margin:10px 0}
.memory-family>button{min-height:44px}.memory-family>button>span{font-size:12px;color:#5f7a53}
.memory-family>button strong{color:#3c6333}
.root-parts{gap:8px;margin:0 0 12px}.root-parts>span{padding:8px 13px;border:1px solid #dce7d3;border-radius:10px;box-shadow:0 2px 0 #253e2003}
.root-parts b{font:600 21px/1.3 var(--sans);color:#3b6131;letter-spacing:-.5px}.root-parts small{font-size:11px;color:#728265}
.family-chips{gap:6px}.family-chips>span{font:12px/1.8 var(--sans);background:#e4eddb;color:#4f6d40;border-radius:6px;padding:3px 8px;overflow-wrap:anywhere;max-width:100%}
.memory-box .memory-footnote{font-size:10px;line-height:1.7;color:#74876a;margin-top:12px}
.answer-end{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#7e8b7d;margin:16px 0 0;line-height:1.7}
.answer-end svg{width:13px;height:13px;flex-shrink:0}
.answer-popup>.answer-footer{position:static;flex:none;display:flex;align-items:center;gap:12px;margin:0;border-top:1px solid #e2e9df;background:#fff;padding:14px 24px max(14px,env(safe-area-inset-bottom,0px));box-shadow:0 -4px 18px #29422604;z-index:1}
.answer-footer .primary,.answer-footer .secondary{min-height:50px;border-radius:12px;font-size:14px;font-weight:600;padding:12px 18px}
.answer-popup>.answer-footer .primary{flex:1;min-width:0;gap:14px}
.answer-popup>.answer-footer .secondary{min-width:120px;background:#eef3eb;color:#5b7058}
.answer-popup>.answer-footer .field-hint{flex:0 1 120px;font-size:12px;line-height:1.6;color:#73826f;text-align:center}
.answer-footer .primary svg{width:17px;height:17px}

@media(max-width:760px){
  .topbar{height:76px;padding:0 20px}.mobile-brand{font-size:24px;font-weight:700;letter-spacing:1px}.topbar-right{gap:12px}.avatar{width:36px;height:36px;font-size:12px;border:2px solid white;background:#e3ecdd}.topbar-right>.sound-btn{width:36px;height:36px;background:#edf2e9;border:1px solid #e3eadf}.streak{font-size:11px;color:#877246}
  main{padding:4px 18px 24px}.hero{border-radius:21px;padding:23px 22px;min-height:0;background:linear-gradient(130deg,#eaf1df,#f2f5ea);border-color:#e0e8d7}.hero .eyebrow{font-size:8px;color:#657d56;letter-spacing:1.3px}.hero h1{font-size:25px;line-height:1.6;letter-spacing:0;margin:12px 0 10px}.hero h1 em{color:#6e8d50}.hero p{font-size:11px;color:#6c7e60;max-width:100%;line-height:1.8}.hero-art{display:none}.hero-tags{font-size:10px;color:#677e57;margin-top:17px;gap:13px}
  .section-heading{margin:25px 0 14px;align-items:center}.section-heading h2{font-size:18px;letter-spacing:0}.section-heading p{font-size:11px;color:#778573}.text-link{font-size:11px;color:#55734b}.study-banner{border-radius:20px;padding:24px;min-height:192px;background:linear-gradient(135deg,#214e3e,#32614d)}.study-banner .eyebrow{color:#c6d8bc;font-size:9px}.study-banner h3{font-size:25px;letter-spacing:.2px;margin:12px 0 6px}.study-banner p{font-size:12px;line-height:1.7;color:#c5d7c8}.study-banner-footer>span{font-size:9px;color:#c4d5bd}.study-banner .primary.light{min-height:46px;border-radius:11px;font-size:13px}
  .progress-card{border-radius:18px;border:1px solid #e0e8da;padding:20px 22px}.progress-card .eyebrow{color:#66805a;font-size:10px}.progress-body .stat-line{font-size:11px;color:#687d5b}.progress-body .stat-line b{color:#2c513b;font-weight:650}.ring>div{color:#315b40;font-weight:600}.ring>div small{font-size:10px;color:#748567}.module-list{border-radius:18px;border-color:#e1e8dc;padding:1px 16px}.module-row{min-height:78px;padding:17px 0;gap:11px}.module-copy h3{font-size:13px;color:#334c35;line-height:1.6}.module-copy p{font-size:10px;color:#7d8c74;line-height:1.6}.module-num{color:#587d43;background:#edf3e6;border-radius:10px;width:34px;height:37px;font-size:16px}.module-status{font-size:9px;color:#648250;background:#f0f5e9}.daily-note{background:#edf3e6;border-radius:12px;font-size:10px;line-height:1.8;color:#718265}
  .study-head{margin:10px 0 15px;gap:12px}.back-link{font-size:12px;color:#617b55}.study-group{font-size:10px;line-height:1.7;text-align:right;color:#718765}.study-group svg{flex-shrink:0}.study-card{min-height:clamp(250px,42dvh,370px);padding:28px 20px 24px;border-radius:22px;background:#fff;border:1px solid #e0e8db;box-shadow:0 8px 28px #29422604}.study-card>.bookmark-btn{top:14px;right:14px;width:42px;height:42px}.word-label{color:#7d926c;font-size:9px;letter-spacing:1.6px}.main-word{font:650 clamp(32px,10vw,48px)/1.2 var(--sans);letter-spacing:-1.5px;color:#204432;margin:28px 0 15px}.pronunciation{gap:2px 16px}.ipa-button{min-height:40px;color:#667f5b;font-size:13px}.recall-prompt{font-size:12px;line-height:1.8;margin:20px 0 12px;color:#738568}.source-note{font-size:9px;line-height:1.8;color:#8a9680}.session-progress{margin:20px 0 14px}.session-progress p{font-size:11px;color:#69815e}.thin-progress{background:#e5edde}.thin-progress span{background:#7a9c5d}
  .study-actions{gap:10px;margin:14px auto 16px}.rating{min-height:76px;border-radius:15px;font-size:15px;font-weight:600;padding:13px 3px;border-width:1px}.rating small{font-size:9px;line-height:1.7;font-weight:400;margin-top:5px}.rating.unknown{background:#fff4ee;color:#a36345;border-color:#efddd0}.rating.unknown small{color:#a67b66}.rating.fuzzy{background:#fff9e8;color:#9b782c;border-color:#eee3bf}.rating.fuzzy small{color:#aa914e}.rating.known{background:#eaf4e3;color:#426c36;border-color:#d6e7cb}.rating.known small{color:#799663}.study-controls{font-size:11px;color:#75876b;gap:12px}.study-controls button{font-size:11px;min-height:40px}.study-controls label{min-height:40px}.study-controls input{width:16px;height:16px}.scroll-note{font-size:10px;line-height:1.9;color:#8a9780}
  .bottom-nav{background:#fffdf9f5;border-top:1px solid #e2e9db;padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px #26432b03}.bottom-nav button{font-size:10px;gap:5px;color:#8b9b80;min-height:43px}.bottom-nav button.active{color:#2a5a3d}.bottom-nav button.active:after{background:#386947;width:18px}.bottom-nav button svg{width:22px;height:22px}
  #modal.answer-dialog{width:calc(100% - 20px);height:calc(var(--viewport-height,100dvh) - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(var(--viewport-height,100dvh) - 24px);border-radius:23px}
  .answer-topline{padding:8px 18px;min-height:60px}.answer-step{font-size:11px}.answer-heading{gap:8px}.answer-rating{font-size:11px}.answer-scroll{padding:19px 18px 17px}.answer-word h2{font-size:clamp(29px,9.3vw,40px);letter-spacing:-1.1px}.answer-pronunciation{gap:4px 12px}.answer-summary{margin-bottom:17px}.answer-meaning{font-size:16px;line-height:1.8}.answer-popup .example-card,.answer-popup .memory-box{padding:15px 16px;border-radius:15px}.example-en{font-size:16px;line-height:1.8;margin:10px 0}.example-head{font-size:10px}.example-zh{font-size:12px;line-height:1.8}.memory-title{font-size:12px}.memory-box p{font-size:12px}.memory-box .memory-footnote{font-size:10px}.answer-popup>.answer-footer{padding:12px 18px max(12px,env(safe-area-inset-bottom,0px));gap:10px}.answer-popup>.answer-footer .secondary{min-width:110px}.answer-popup>.answer-footer .primary{font-size:14px;min-height:50px}.answer-popup>.answer-footer .field-hint{flex-basis:104px;font-size:11px}.answer-end{font-size:10px}.root-parts>span{padding:8px 12px}
  .book-summary,.plan-form,.metric-card,.root-card,.complete-card{border-radius:18px}.toolbar-tabs{overflow-x:auto;scrollbar-width:none;gap:4px}.toolbar-tabs button{font-size:11px;white-space:nowrap;min-height:40px}.settings-row{font-size:12px;line-height:1.7}.settings-row p{font-size:10px;color:#7d8c73}.settings-row .secondary{min-height:40px}.about-copy{color:#7b8c72;font-size:11px;line-height:1.9}
}
@media(max-width:350px){.topbar{padding:0 16px}.topbar-right{gap:8px}.hero h1{font-size:23px}.hero-tags{gap:9px;font-size:9px}.answer-topline{padding-left:14px;padding-right:14px}.answer-scroll{padding-left:14px;padding-right:14px}.answer-popup>.answer-footer{padding-left:14px;padding-right:14px}.answer-popup>.answer-footer .secondary{min-width:98px;font-size:12px}.answer-step{font-size:10px}.answer-popup .example-card,.answer-popup .memory-box{padding:13px 14px}.study-controls{gap:8px;font-size:10px}.rating small{font-size:8px}}
@media(max-width:760px) and (max-height:580px){.answer-topline{min-height:52px;padding-top:5px;padding-bottom:5px}.answer-popup>.answer-footer{padding-top:8px;padding-bottom:8px}.answer-footer .primary,.answer-footer .secondary{min-height:44px}.answer-scroll{padding-top:15px}.study-card{min-height:230px}.main-word{margin:16px 0 10px}.recall-prompt{margin:12px 0 8px}}

/* Complete answer on one screen: compact layout, fitted to the visible viewport. */
.answer-content{flex:1 1 0;min-height:0;overflow:hidden;position:relative;touch-action:manipulation}
.answer-fit{padding:18px 22px;transform-origin:top left;display:flow-root}
.answer-fit .answer-summary{margin-bottom:13px}
.answer-fit .answer-word h2{font-size:36px;line-height:1.15;letter-spacing:-1px}
.answer-fit .answer-word .sound-btn{width:38px;height:38px}
.answer-fit .answer-pronunciation{margin:4px 0 6px;gap:4px 12px}
.answer-fit .answer-pronunciation .ipa-button{min-height:29px;font-size:12px;padding:2px 0}
.answer-fit .answer-pronunciation .ipa-button small{font-size:10px}
.answer-fit .answer-meaning{font-size:15px;line-height:1.6}
.answer-fit .example-card{padding:12px 14px;margin:0 0 12px;border-radius:13px}
.answer-fit .example-head{font-size:10px;line-height:1.4;font-weight:500}
.answer-fit .example-play{width:31px;height:31px;min-width:31px}
.answer-fit .example-en{font-size:15px;font-weight:500;line-height:1.65;margin:7px 0}
.answer-fit .example-zh{font-size:12px;line-height:1.6;margin:4px 0 6px}
.answer-fit .example-source{display:block;font-size:10px;line-height:1.5;margin:6px 0 0;color:#8b8778}
.answer-fit .example-source a{padding:0;display:inline;color:#687c5f}
.answer-fit .memory-box{padding:12px 14px;margin:0;border-radius:13px}
.answer-fit .memory-title{font-size:12px;line-height:1.5;margin-bottom:8px;font-weight:500}
.answer-fit .memory-title svg{width:15px;height:15px}
.answer-fit .root-parts{gap:6px;margin:0 0 7px}
.answer-fit .root-parts>span{display:inline-flex;align-items:baseline;gap:7px;padding:5px 8px;border-radius:7px;box-shadow:none}
.answer-fit .root-parts b{font:600 18px/1.25 var(--sans);letter-spacing:-.3px}
.answer-fit .root-parts small{font-size:11px;margin:0}
.answer-fit .root-parts i{font-size:14px}
.answer-fit .memory-box p{font-size:12px;line-height:1.6;margin:6px 0}
.answer-fit .memory-family>button{min-height:28px;padding:1px 0;gap:8px}
.answer-fit .memory-family>button strong{font:600 14px/1.5 var(--sans)}
.answer-fit .memory-family>button>span{font-size:11px}
.answer-fit .memory-family+.memory-family{margin-top:6px;padding-top:5px}
.answer-fit .family-chips{gap:4px;margin-top:4px}
.answer-fit .family-chips>span{font-size:10px;line-height:1.5;padding:3px 6px;border-radius:5px}
.answer-fit .memory-box .memory-footnote{font-size:9px;line-height:1.5;margin:7px 0 0;color:#829077}
@media(max-width:760px){
  .answer-topline{min-height:49px;padding:5px 16px}.answer-step{font-size:10px}.answer-heading{gap:7px}.answer-rating{font-size:10px;padding:4px 8px}.answer-topline .close-btn{width:34px;height:34px}
  .answer-fit{padding:14px 16px}.answer-fit .answer-word h2{font-size:33px}.answer-fit .answer-word{gap:10px}.answer-fit .answer-summary{margin-bottom:12px}.answer-fit .answer-meaning{font-size:16px;line-height:1.65}.answer-fit .answer-pronunciation{margin:3px 0 6px}.answer-fit .example-card,.answer-fit .memory-box{padding:11px 13px}.answer-fit .example-en{font-size:15px;line-height:1.65}.answer-fit .example-zh{font-size:12px}.answer-fit .memory-box p{font-size:12px;line-height:1.6}.answer-fit .memory-family>button>span{font-size:11px}.answer-fit .example-source{font-size:9px}
  .answer-popup>.answer-footer{padding:10px 16px max(10px,env(safe-area-inset-bottom,0px))}.answer-popup>.answer-footer .primary,.answer-popup>.answer-footer .secondary{min-height:46px;font-size:13px;border-radius:11px}.answer-popup>.answer-footer .secondary{min-width:105px}.answer-popup>.answer-footer .field-hint{flex-basis:100px}
}
@media(max-width:760px) and (max-height:580px){.answer-fit{padding:10px 14px}.answer-fit .answer-word h2{font-size:29px}.answer-fit .answer-summary{margin-bottom:9px}.answer-fit .example-card{margin-bottom:9px}.answer-fit .example-card,.answer-fit .memory-box{padding:9px 11px}.answer-popup>.answer-footer{padding-top:7px;padding-bottom:7px}.answer-topline{min-height:45px}}
@media(min-width:540px) and (max-height:500px){
  #modal.answer-dialog{width:calc(100% - 20px);height:calc(var(--viewport-height,100dvh) - 16px);max-height:calc(var(--viewport-height,100dvh) - 16px);border-radius:17px}
  .answer-topline{min-height:42px;padding:3px 14px}.answer-topline .close-btn{width:34px;height:34px}.answer-popup>.answer-footer{padding:6px 14px;gap:10px}.answer-popup>.answer-footer .primary,.answer-popup>.answer-footer .secondary{min-height:38px;padding:7px 15px;font-size:12px}
  .answer-fit{display:grid;grid-template-columns:1.05fr .95fr;gap:8px 12px;padding:8px 14px}
  .answer-fit .answer-summary{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:0}
  .answer-fit .answer-word{grid-column:1;grid-row:1}.answer-fit .answer-word h2{font-size:28px}.answer-fit .answer-word .sound-btn{width:33px;height:33px}.answer-fit .answer-pronunciation{grid-column:1;grid-row:2;margin:0}.answer-fit .answer-meaning{grid-column:2;grid-row:1/3;align-self:center;font-size:13px;line-height:1.5}
  .answer-fit #answer-example{grid-column:1}.answer-fit .memory-box{grid-column:2}.answer-fit .example-card{margin:0;height:100%;padding:8px 11px}.answer-fit .memory-box{padding:8px 11px}.answer-fit .example-en{font-size:13px;line-height:1.5}.answer-fit .example-zh{font-size:10px;line-height:1.5}.answer-fit .memory-box p{font-size:10px;line-height:1.5}.answer-fit .root-parts{margin-bottom:5px}.answer-fit .root-parts b{font-size:16px}.answer-fit .memory-title{margin-bottom:6px}.answer-fit .family-chips>span{font-size:9px;padding:2px 5px}
}