:root{font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif;color:#203d37;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ce9544;outline-offset:4px}button{color:inherit}header{max-width:1240px;margin:auto;padding:27px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3dc}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:21px;font-weight:600}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:400;margin-top:4px}.mark{display:grid;place-items:center;background:#153f38;color:white;width:46px;height:46px;border-radius:14px;font-family:serif;font-size:29px}.edition{font-size:13px;color:#6a7d74}main{max-width:1240px;padding:36px 40px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:14px;color:#6a7d74;margin:0 0 8px}h1{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:32px;letter-spacing:1px;margin:0;font-weight:600}.total{display:flex;gap:10px;align-items:baseline}.total strong{font-family:serif;font-size:40px;font-weight:400}.total span{font-size:13px;color:#6a7d74}.layout{display:grid;grid-template-columns:212px minmax(0,1fr);gap:36px}.side-title{display:flex;justify-content:space-between;font-size:14px;margin:7px 10px 17px}.side-title span{color:#819186}.families{display:flex;flex-direction:column;gap:3px}.families button{border:0;background:none;border-radius:8px;padding:10px 14px;display:flex;justify-content:space-between;text-align:left;font-size:15px}.families button span{opacity:.65;font-size:13px}.families button.active{background:#153f38;color:white}.families button:hover:not(.active){background:#e7ece5}.source{font-size:12px;line-height:1.9;color:#78847c;margin:23px 10px}.workspace{min-width:0}.tabs{display:flex;border-bottom:1px solid #d9e0d9;gap:27px}.tabs button{border:0;background:none;padding:8px 2px 17px;font-size:16px;color:#7b867e}.tabs button.active{color:#153f38;border-bottom:3px solid #153f38;font-weight:600}.toolbar{display:flex;gap:12px;margin:22px 0}.search{display:flex;gap:8px;align-items:center;background:white;border:1px solid #dfe5dd;border-radius:9px;padding:0 13px;flex:1;min-width:0}.search span{font-size:25px}.search input{border:0;outline:0!important;width:100%;padding:12px 0;background:transparent;font-size:14px}select{border:1px solid #dfe5dd;background:white;border-radius:9px;padding:10px;font-size:14px;max-width:100%}.study-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:25px 0 14px;color:#677d70}.text-btn{background:none;border:0;color:#416b55;font-size:14px}.flash{background:#fff;border:1px solid #d9e2d8;border-radius:18px;min-height:370px;box-shadow:0 12px 32px #153f3807;overflow:hidden}.flash-front{width:100%;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 24px;min-height:370px}.badge{font-size:13px;background:#edf2e8;color:#4c6947;padding:6px 13px;border-radius:30px;display:inline-block}.flash h2{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:32px;font-weight:600;line-height:1.6;margin:25px 0 16px;text-align:center}.hint{font-size:14px;color:#869086;line-height:1.8;text-align:center}.flip-icon{font-size:22px;margin-top:28px;color:#8e9e8a}.answer{padding:28px 32px}.answer h2{font-size:26px;text-align:left;margin:14px 0 20px}.details{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.details div:first-child,.details div:nth-child(2){grid-column:1/-1}.details dt{font-size:12px;color:#7a897d;margin-bottom:5px}.details dd{font-size:16px;margin:0;overflow-wrap:anywhere}.latin{font-family:Georgia,serif;font-style:italic;font-size:20px!important}.note{font-size:13px;line-height:1.8;background:#f7f3e9;color:#82703e;border-radius:8px;padding:12px;margin:20px 0 0}.actions{display:flex;gap:12px;margin:18px 0}.actions button{flex:1;padding:14px;border-radius:9px;border:1px solid #c9d6c7;background:transparent;font-size:15px}.primary,.actions .primary{background:#153f38;color:white;border:1px solid #153f38;border-radius:9px;padding:13px 20px}.pager{display:flex;align-items:center;justify-content:space-between;margin:24px 0;font-size:13px;color:#7a897d}.pager button{border:1px solid #d7e0d4;background:#fff;border-radius:8px;width:46px;height:42px;font-size:22px}footer{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#7b897e;border-top:1px solid #e0e5dd;padding:21px 0;margin-top:22px}footer button{font-size:12px;background:none;border:0;text-decoration:underline}.list-group h2{font-size:18px;margin:25px 0 12px}.oil-row{border:1px solid #dde4d9;border-radius:10px;background:white;margin:9px 0;padding:16px}.oil-row summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;font-size:16px}.oil-row summary small{font-size:12px;color:#7c8d7d;white-space:nowrap}.oil-row .details{margin-top:20px}.empty{padding:60px 20px;text-align:center;background:white;border-radius:18px;color:#738674}dialog{max-width:460px;width:calc(100% - 36px);border:0;border-radius:18px;padding:28px;color:#203d37}dialog::backdrop{background:#142e2877}dialog p{line-height:1.9;font-size:15px}button:disabled{cursor:default;opacity:.8}@media(min-width:900px){.workspace{max-width:760px}.flash-front h2{max-width:620px}}@media(max-width:700px){header{padding:19px 20px}.brand{font-size:18px}.edition{font-size:12px}.brand small{font-size:9px}main{padding:25px 20px}.intro{margin-bottom:22px;gap:12px}h1{font-size:24px}.eyebrow{font-size:12px}.total{flex-direction:column;gap:0;align-items:flex-end;white-space:nowrap}.total strong{font-size:30px}.total span{font-size:11px}.layout{display:block}.side-title,.source{display:none}.families{flex-direction:row;overflow-x:auto;padding-bottom:13px;margin-right:-20px;margin-bottom:12px;gap:7px}.families button{white-space:nowrap;gap:14px;border:1px solid #dbe3d7;padding:9px 12px;flex-shrink:0}.tabs{gap:28px}.toolbar{margin:18px 0;gap:8px}.search{padding:0 10px}.search input{font-size:13px}select{font-size:13px;padding:8px}.flash,.flash-front{min-height:340px}.flash h2{font-size:27px}.answer{padding:24px}.answer h2{font-size:23px}.details{gap:18px 12px}.pager{margin:18px 0}footer{padding-bottom:env(safe-area-inset-bottom,16px)}}@media(prefers-reduced-motion:no-preference){.flash{animation:arrive .25s ease}@keyframes arrive{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}

/* Only the additions needed for writing inside the original flash card. */
[hidden]{display:none!important}
body{min-height:100svh}
button{min-height:44px}
input{max-width:100%;color:inherit}
.tabs{overflow-x:auto}.tabs button{white-space:nowrap;flex-shrink:0}
.search input{min-width:0}
.dictation{padding:30px 32px 26px}
.dictation-heading{text-align:center}
.dictation h2{margin:16px 0 24px}
.writing-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}
.writing-fields label{display:block;font-size:13px;color:#7a897d;min-width:0}
.writing-fields label:nth-child(-n+2){grid-column:1/-1}
.writing-fields label:nth-child(-n+2) .answer-input{max-width:calc(37.5% + .8cm)}
.writing-fields label:nth-child(n+3) .answer-input{max-width:50%}
.answer-input{display:block;width:100%;min-height:48px;margin-top:7px;padding:10px 13px;border:1px solid #b9cbb6;border-radius:9px;background:#fff;font-size:16px;transition:border-color .15s,box-shadow .15s}
.answer-input:focus{border-color:#153f38;box-shadow:0 0 0 3px #153f3820;outline:none}
.dictation-note{text-align:center;font-size:12px;color:#78847c;margin:22px 0 0;line-height:1.8}
.writing-pager{gap:12px}.writing-pager button{width:auto;height:auto;min-width:96px;padding:10px 16px;font-size:14px}.writing-pager .primary{background:#153f38;color:#fff;border-color:#153f38}
.writing-pager .submit-now{width:auto;min-width:0;height:auto;margin:0;border:0;background:none;color:#416b55;font-size:16px;text-decoration:underline;padding:8px 14px}
.card-submit{display:block;margin:20px 0 0 auto;border:0;background:none;color:#416b55;font-size:16px;text-decoration:underline;padding:8px 0}
.card-memory-stats{display:flex;align-items:center;gap:18px;margin:0 0 14px;color:#677d70;font-size:13px}.card-memory-stats button{margin-left:auto;border:0;background:none;color:#416b55;text-decoration:underline;font-size:13px;padding:6px}.card-memory-stats button:disabled{color:#9aa79b;text-decoration:none}
.card-memory-stats .forgotten-count{margin-left:0}.card-memory-stats .forgotten-count.active{font-weight:600;color:#153f38}
.card-memory-stats{flex-wrap:wrap}.card-memory-stats .clear-progress{margin-left:auto}.card-memory-stats .clear-all-records{margin-left:0;color:#765f54}
.speak-button{min-height:30px;border:0;background:none;padding:2px 6px;font-size:16px;vertical-align:middle;cursor:pointer}.speak-button:hover{background:#edf2e8;border-radius:6px}
.details div:first-child dd{font-size:20px}
.latin-ending{background:#f7f0dc;color:#765f2d;border-radius:4px;padding:0 3px;text-decoration:underline dotted;text-decoration-color:#b89b5c;cursor:help}
button:disabled{opacity:.45}
.results{margin-top:25px}.muted{color:#677d70;line-height:1.8}
.error-card{min-height:0;margin:18px 0}.error-card h3{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:23px;margin:0 0 18px}
.wrong-field{border-left:3px solid #b75b43;padding:12px 15px;background:#fcf1ec;border-radius:0 8px 8px 0;margin:12px 0;overflow-wrap:anywhere}.wrong-field p{line-height:1.8;margin:8px 0}.error-label{color:#9b4935;font-size:13px;margin-left:8px}
dialog{max-height:85svh;overflow:auto}.oil-row summary{min-height:44px;align-items:center}
#oil-title:focus,#results-title:focus{outline:none}
@media(max-width:700px){.dictation{padding:24px 22px}.dictation h2{margin:14px 0 22px}.writing-fields{gap:17px 12px}.writing-fields label:nth-child(-n+2) .answer-input,.writing-fields label:nth-child(n+3) .answer-input{max-width:100%}.search input{font-size:16px}.writing-pager button{min-width:88px;padding:10px 12px}.writing-pager span{white-space:nowrap}.oil-row summary{flex-wrap:wrap}}
@media(max-width:380px){.writing-fields{grid-template-columns:1fr}.writing-fields label{grid-column:1}.tabs{gap:22px}.writing-pager{gap:8px}.writing-pager button{min-width:78px;padding:10px 8px}.dictation{padding:20px}}
/* Slightly stronger contrast for the introductory eyebrow text. */
.eyebrow{color:#526a5b}
.owner-note{color:#8a948b;font-size:12px;font-weight:400}
.owner-note{font-size:14px;color:#5e7168}
.card-actions{display:grid;grid-template-columns:1fr 1fr 1.15fr}@media(max-width:700px){.card-actions{grid-template-columns:1fr 1fr}.card-actions .primary{grid-column:1/-1}}
.difficult-action{justify-content:flex-end}.difficult-action button{flex:0 1 260px}.difficult-action button.active{background:#f7f3e9;border-color:#b89b5c;color:#765f2d}
.dictation-record-actions{display:flex;gap:10px}.dictation-record-actions button{border:0;background:none;color:#416b55;text-decoration:underline;padding:4px;font-size:13px}.dictation-record-actions button:disabled{color:#9aa79b;text-decoration:none}@media(max-width:700px){.study-top{align-items:flex-start;gap:10px}.dictation-record-actions{flex-direction:column;align-items:flex-end;gap:2px}}
.answer-field{display:flex;align-items:baseline;gap:24px;padding:13px 0;border-bottom:1px solid #e0e5dd}.answer-field:last-child{border-bottom:0}.answer-field span{min-width:96px;color:#63766d}.answer-field strong{font-weight:600}
.details dd{font-weight:600}.answer-field .answer-english{font-size:20px;font-weight:600}.answer-field .latin{font-weight:600}
.details div:first-child dd,.details .latin,.answer-field .answer-english,.answer-field .latin{font-weight:500}
.flash .details dt,.oil-row .details dt{font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif;font-size:12px;font-weight:400;color:#7a897d}.flash .details dd,.oil-row .details dd{font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif;font-size:16px;font-weight:600;color:#203d37}.flash .details div:first-child dd,.oil-row .details div:first-child dd{font-size:20px;font-weight:500}.flash .details dd.latin,.oil-row .details dd.latin{font-family:Georgia,serif;font-size:20px!important;font-style:italic;font-weight:500}
.oil-row summary{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:26px;font-weight:600;line-height:1.6}.oil-row summary small{font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif;font-weight:400}@media(max-width:700px){.oil-row summary{font-size:23px}}
.details dd,.flash .details dd,.oil-row .details dd,.answer-field strong{font-weight:500}
.oil-row summary{font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif;font-size:16px;font-weight:400;line-height:1.5}.oil-row[open] summary{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:26px;font-weight:600;line-height:1.6}@media(max-width:700px){.oil-row summary{font-size:16px}.oil-row[open] summary{font-size:23px}}
.mark{width:48px;height:48px;border-radius:50%;font-family:'DFKai-SB','BiauKai','KaiTi','Noto Serif TC',serif;font-size:27px;font-weight:400;line-height:1;box-shadow:inset 0 0 0 1px #ffffff33}
.mark{width:46px;height:46px;border-radius:14px;font-family:serif;font-size:29px;font-weight:400;line-height:normal;box-shadow:none}.writing-fields label,.flash .details dt,.oil-row .details dt,.answer-field span{color:#52685f;font-size:15px}
.order-toggle{border:1px solid #9caf9f;background:#fff;border-radius:999px;padding:6px 12px;color:#416b55}.order-toggle.active{background:#e6efe7;border-color:#69836e;color:#153f38;font-weight:600}.card-order-top{margin-bottom:10px}
.study-order-summary{display:flex;align-items:center;gap:12px}.card-order-top .card-memory-stats{margin:0;display:flex;flex-direction:row;align-items:center;gap:8px}.card-order-top .card-memory-stats button,.card-order-top .card-memory-stats .clear-progress{margin:0;padding:3px 6px}
.card-heading-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-answer{min-height:370px;display:flex;flex-direction:column}.card-memory-actions{margin-top:auto;display:flex;flex-direction:column;align-items:flex-end}.card-memory-actions button{border:0;background:none;color:#416b55;text-decoration:underline;padding:6px;font-size:14px}.card-memory-actions button.active,.card-memory-actions .mark-mastered{color:#765f2d;font-weight:600}
.study-top{flex-wrap:wrap;row-gap:12px}.study-top>.order-choices{width:100%}.order-choices{display:flex;align-items:center;gap:8px}.order-choices .order-toggle{min-width:92px}.study-count{align-self:center}.card-order-top .card-memory-stats{margin-left:auto}
.mark svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.brand-name{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:23px;line-height:1.05}.brand-name small{font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif}.brand-seal{display:grid;place-items:center;width:22px;height:25px;margin-left:2px;background:#b85d42;color:#fff;border:1px solid #fff;outline:1px solid #d9a38e;font-family:'DFKai-SB','BiauKai','KaiTi',serif;font-size:15px;line-height:1;transform:rotate(1.5deg)}
@media(max-width:700px){.brand-name{font-size:20px}.brand-seal{width:20px;height:23px;font-size:14px}.mark svg{width:32px;height:32px}}
.brand{gap:0}.brand-logo{display:block;width:285px;height:auto;max-width:calc(100vw - 170px)}
@media(max-width:700px){.brand-logo{width:235px;max-width:calc(100vw - 112px)}.edition{font-size:10px}}
.intro h1{font-family:'DFKai-SB','BiauKai','KaiTi','STKaiti','Noto Serif TC',serif;font-weight:400;letter-spacing:.06em}
footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.owner-note{grid-column:2;text-align:center}footer button{grid-column:3;justify-self:end}
@media(max-width:700px){footer{display:flex;flex-direction:column;align-items:center;text-align:center}.owner-note{order:1}.owner-note+button{order:2;margin-top:8px}}
.flash .details dd.latin,.oil-row .details dd.latin,.answer-field .latin{color:#16342e}
.brand-tagline{font-family:'DFKai-SB','BiauKai','KaiTi','STKaiti','Noto Serif TC',serif;font-size:33px;font-weight:400;line-height:1.3;letter-spacing:.07em}.intro.intro-count{justify-content:flex-end;margin-bottom:24px}@media(max-width:700px){.brand-tagline{font-size:27px}}
:root,button,input,select{font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif}.brand-tagline,.flash h2,.answer h2,.results h2{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-weight:500;letter-spacing:.045em}.brand-tagline{font-size:31px;letter-spacing:.06em}.flash h2{font-weight:500}.answer h2{font-weight:500}.details dt,.writing-fields label,.study-top,.tabs button,.families button{letter-spacing:.015em}@media(max-width:700px){.brand-tagline{font-size:26px}}
.brand-tagline{font-size:40px}.families button{font-size:18px;padding:13px 16px}.families button span{font-size:16px}.tabs{gap:34px}.tabs button{font-size:20px;padding-bottom:19px}@media(max-width:700px){.brand-tagline{font-size:33px}.families button{font-size:18px;padding:12px 15px}.families button span{font-size:16px}.tabs{gap:30px}.tabs button{font-size:19px}}
.search input{font-size:18px}.search span{font-size:29px}.study-top{font-size:18px}.order-toggle{font-size:18px;padding:9px 16px}.dictation-record-actions button{font-size:18px}@media(max-width:700px){.search input{font-size:17px}.study-top{font-size:17px}.order-toggle,.dictation-record-actions button{font-size:17px}}
.card-order-top .card-memory-stats button,.card-memory-actions button{font-size:18px;padding:8px}.card-order-top .card-memory-stats{gap:12px}@media(max-width:700px){.card-order-top .card-memory-stats button,.card-memory-actions button{font-size:17px}}
.error-record-list{display:grid;gap:10px}.error-record-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #d9e2d8;border-radius:12px;background:#fff}.error-record-row h3{margin:0 0 6px;font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:21px;font-weight:500}.error-record-row p{margin:0;color:#6b7e72;font-size:16px}.error-record-row button{flex:0 0 auto;border:0;background:none;color:#416b55;text-decoration:underline;font-size:17px;padding:8px}.error-record-row button.active{color:#765f2d;font-weight:600}@media(max-width:700px){.error-record-row{align-items:flex-start;flex-direction:column;gap:5px}.error-record-row h3{font-size:20px}.error-record-row p,.error-record-row button{font-size:16px}}
.brand{gap:16px}.brand-icon{display:block;width:80px;height:80px;object-fit:contain;flex:0 0 auto}@media(max-width:700px){.brand{gap:12px}.brand-icon{width:58px;height:58px}}
.footer-icon{width:42px;height:42px;object-fit:contain;vertical-align:middle;margin-left:8px}
.completed-record-list{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.completed-record-list span{padding:9px 14px;border:1px solid #d8e2d7;border-radius:999px;background:#fff;color:#264c42;font-size:18px}
.unanswered-entry{border:0;background:none;padding:5px 0;color:#416b55;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.tabs button.active{border-bottom-color:transparent}
.tabs{border-bottom:0}
.tabs button{padding-bottom:12px}.study-top{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:'order order' 'count actions';justify-content:normal;align-items:center;column-gap:18px;row-gap:12px;margin:16px 0 18px}.study-top>.order-choices{grid-area:order;width:auto}.study-count{grid-area:count;white-space:nowrap}.dictation-record-actions{grid-area:actions;justify-self:end;justify-content:flex-end;flex-wrap:wrap;column-gap:14px;row-gap:4px}@media(max-width:700px){.tabs button{padding-bottom:12px}.study-top{display:flex;align-items:flex-start;margin:14px 0 16px}.study-top>.order-choices{width:100%}.study-count{order:2}.dictation-record-actions{order:3;align-items:flex-start;justify-self:auto;flex-direction:row;justify-content:flex-start;gap:8px}.dictation-record-actions button{padding:4px 0}}
header{padding:20px 40px}.brand{gap:18px}.brand-icon{width:72px;height:72px}.brand-tagline{font-size:34px;line-height:1.25;letter-spacing:.055em;white-space:nowrap}@media(max-width:700px){header{padding:16px 20px}.brand{gap:12px}.brand-icon{width:54px;height:54px}.brand-tagline{font-size:27px;line-height:1.3;white-space:normal}}
header{padding:27px 40px}.brand{gap:16px}.brand-icon{width:80px;height:80px}.brand-tagline{font-size:40px;line-height:1.3;white-space:normal}.tabs{display:inline-flex;gap:4px;padding:5px;background:#e8ede7;border-radius:14px}.tabs button{padding:10px 17px;border-radius:10px}.tabs button.active{background:#fff;box-shadow:0 1px 3px #153f3820}.study-top{padding:15px 18px;background:#fff;border:1px solid #dfe6dc;border-radius:15px;row-gap:14px}.study-count{color:#416b55;font-weight:500}.dictation-record-actions{gap:0;border:1px solid #dfe6dc;border-radius:10px;overflow:hidden}.dictation-record-actions button{padding:7px 12px;font-size:16px}.dictation-record-actions button+button{border-left:1px solid #dfe6dc}@media(max-width:700px){header{padding:19px 20px}.brand{gap:12px}.brand-icon{width:58px;height:58px}.brand-tagline{font-size:33px}.tabs{max-width:100%;overflow-x:auto}.tabs button{padding:9px 14px;white-space:nowrap}.study-top{padding:14px}.dictation-record-actions{flex-wrap:wrap;overflow:visible;border:0;border-radius:0}.dictation-record-actions button{border:1px solid #dfe6dc!important;border-radius:8px;padding:7px 9px}}