/* 原有白底淡藍系統；導航與各頁共用同一套顏色。 */
body{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.bottom-nav{position:fixed;z-index:10;bottom:max(12px,env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);width:min(480px,calc(100% - 28px));padding:6px;background:#ffffffed;backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:23px;box-shadow:0 5px 30px #25364b15}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;border-radius:17px;color:var(--muted);font-size:11px;transition:background .16s,color .16s}.bottom-nav a svg{width:23px;height:23px}.bottom-nav a[aria-current=page]{background:var(--pale);color:var(--blue);font-weight:600}.bottom-nav a:hover{color:var(--blue);background:var(--bg)}.bottom-nav a[aria-current=page]:hover{background:var(--pale)}.current-tools{display:flex;align-items:center;justify-content:center;gap:12px;min-height:30px}.listen-button{padding:4px 11px;min-height:32px;color:var(--blue);background:var(--pale);border-radius:16px;font-size:11px}.listen-button:hover{background:#dfeafb}.listen-button[aria-pressed=true]{background:var(--blue);color:white}.answer-analysis{display:flex;gap:6px;margin:10px 0 0;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin;max-width:100%;overscroll-behavior:contain}.answer-chip{flex-shrink:0;min-width:44px;max-width:90px;display:grid;grid-template-columns:auto 1fr;gap:0 5px;align-items:center;border:1px solid var(--line);padding:5px 7px;border-radius:8px;background:var(--bg);font-size:11px;line-height:1.5}.answer-chip b{font:11px Consolas,monospace;overflow:hidden;text-overflow:ellipsis;max-width:65px}.answer-chip small{font-size:9px;grid-column:1/-1;color:var(--muted)}.answer-chip.correct{background:var(--green-bg);border-color:#cfe5d9;color:var(--green)}.answer-chip.correct small{color:var(--green)}.answer-chip.wrong{background:var(--red-bg);border-color:#efd5d1;color:var(--red)}.answer-chip.wrong small{color:var(--red)}.input-row input[aria-invalid=true]{border-color:var(--red);outline-color:var(--red-bg)}.feedback-row p{font-size:12px}.feedback-row p.error{line-height:1.8}.category{font-size:12px;min-height:42px}.text-button{min-height:44px}.save-note{font-size:11px}.category[aria-pressed=true]{font-weight:600}.app-view{max-width:820px;margin:8px auto 0}.view-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.view-heading h2{font-size:27px;font-weight:600;letter-spacing:1px}.view-heading .eyebrow{font-size:11px;margin-bottom:6px}.view-filter{font-size:11px;color:var(--muted);display:grid;gap:5px}.view-filter select,.setting-row select{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--ink);font-size:13px;min-height:44px}.view-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.view-summary>div{padding:22px 12px;background:var(--white);border:1px solid var(--line);border-radius:17px;text-align:center}.view-summary strong{display:block;font:32px Georgia,serif;color:var(--blue)}.view-summary span{font-size:11px;color:var(--muted)}.record-list{display:grid;gap:10px}.record-item,.mistake-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;background:var(--white);border:1px solid var(--line);border-radius:16px}.record-item h3,.mistake-item h3{font-size:16px;font-weight:500;line-height:1.8;margin:3px 0}.record-mode{font-size:10px;letter-spacing:.5px;color:var(--blue);padding:3px 7px;border-radius:5px;background:var(--pale)}.record-item small,.mistake-item small{font-size:11px;color:var(--muted)}.record-item>strong{font:27px Georgia,serif;color:var(--blue);white-space:nowrap;text-align:right}.record-item>strong small{display:block;font:10px inherit;color:var(--muted);margin-top:4px}.mistake-item>div{min-width:0}.mistake-item p{font:13px Georgia,serif;color:var(--blue);line-height:1.9;overflow-wrap:anywhere}.mistake-item h3{overflow-wrap:anywhere}.mistake-item button{flex-shrink:0}.review-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:18px 22px;background:var(--pale);border-radius:16px}.review-intro p{font-size:12px;color:var(--muted);max-width:420px;line-height:1.9}.empty-state{padding:48px 24px;background:var(--white);border:1px solid var(--line);border-radius:20px;text-align:center}.empty-state h3{font-size:19px;font-weight:500}.empty-state p{color:var(--muted);font-size:13px;margin:12px 0 25px;line-height:1.9}.empty-state>a{display:inline-block}.settings-card{border:1px solid var(--line);background:var(--white);border-radius:18px;padding:8px 24px;margin-bottom:18px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer}.setting-row>span{min-width:0}.setting-row small{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.8}.setting-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--blue);flex-shrink:0;cursor:pointer}.setting-row select{max-width:160px;flex-shrink:0}.setting-note{font-size:11px;color:var(--muted);line-height:1.9;padding:16px 0}.settings-card h3{font-size:16px;font-weight:600;margin:17px 0 10px}.settings-card>p:not(.setting-note){font-size:13px;color:var(--muted);line-height:1.9}.settings-card .setting-note+.setting-note{padding-top:0}
@media(max-width:760px){body{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}.bottom-nav{width:calc(100% - 24px);bottom:max(10px,env(safe-area-inset-bottom,0px));border-radius:22px;padding:5px}.bottom-nav a{min-height:54px;font-size:10px}.current-tools{min-height:30px}.listen-button{min-height:32px;font-size:10px}.feedback-row p{font-size:11px}.save-note{font-size:10px}.app-view{margin-top:7px}.view-heading{margin-bottom:19px;gap:12px}.view-heading h2{font-size:24px}.view-heading .eyebrow{font-size:10px}.view-filter select{font-size:12px;padding:8px}.view-summary{gap:8px;margin-bottom:17px}.view-summary>div{padding:17px 7px;border-radius:13px}.view-summary strong{font-size:29px}.view-summary span{font-size:10px}.record-item,.mistake-item{padding:16px;gap:14px}.record-item h3,.mistake-item h3{font-size:14px}.record-item small,.mistake-item small{font-size:10px}.record-item>strong{font-size:24px}.review-intro{padding:17px;align-items:flex-start;flex-direction:column;gap:13px}.review-intro p{font-size:12px}.review-intro button{width:100%}.mistake-item p{font-size:12px}.mistake-item button{padding:9px 12px;font-size:11px}.settings-card{padding:4px 18px}.setting-row{font-size:13px;padding:17px 0;gap:13px}.setting-row small{font-size:10px}.setting-row select{font-size:12px;max-width:130px}.setting-note{font-size:11px}.empty-state{padding:37px 20px}.empty-state h3{font-size:17px}.empty-state p{font-size:12px}.category{min-height:44px;font-size:12px}.answer-analysis{gap:5px}.answer-chip{min-width:43px}}
@media(max-width:760px) and (max-height:580px){.bottom-nav a{min-height:46px}.bottom-nav a svg{width:20px;height:20px}.bottom-nav{bottom:5px}.current-tools{min-height:26px}.listen-button{min-height:26px}.current-word{min-height:56px}.sentence-mode .current-word{min-height:60px}.answer-guide{font-size:9px}}
.sentence-mode .current-word{display:grid;grid-template-columns:repeat(var(--sentence-columns),minmax(0,1fr));width:min(100%,calc(var(--sentence-columns)*42px));gap:15px 7px;justify-content:center}.sentence-mode .current-word ruby{text-align:center;line-height:1.7}
@media(max-width:760px){.sentence-mode .current-word{grid-template-columns:repeat(var(--sentence-columns-small),minmax(0,1fr));width:min(100%,calc(var(--sentence-columns-small)*35px));gap:13px 6px}}
@media(prefers-reduced-motion:reduce){.bottom-nav a{transition:none}}