/* A viewport-sized review surface keeps grading within thumb reach. */
#sync-toolbar{display:flex;align-items:center;gap:8px;max-width:760px;width:100%;margin:0 auto;padding:8px 24px;flex:0 0 auto}
#sync-toolbar button{font-size:12px;min-height:36px;padding:8px 10px;white-space:nowrap}
#auto-sync-toggle[aria-pressed=true]{background:#e0eee5;color:var(--green)}
#sync-indicator{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis}
#sync-toolbar #sync-quick{border:1px solid var(--line);background:var(--paper);color:var(--green)}
@media(max-width:520px){#sync-toolbar{padding:6px 16px;gap:4px}#sync-toolbar button{font-size:11px;padding:7px 8px}}
body.reviewing{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}
body.reviewing .top{flex:0 0 auto;width:100%;padding:12px 24px}
body.reviewing .brand{font-size:19px;gap:9px}
body.reviewing .brand-icon{width:34px;height:34px;font-size:21px}
body.reviewing .brand small{display:none}
body.reviewing main{flex:1 1 auto;min-height:0;width:100%;padding:16px 24px 0;display:flex;flex-direction:column}
body.reviewing #review{display:flex;flex-direction:column;flex:1;min-height:0}
#review .section-heading{flex:none}
#review h1{font-size:24px;margin:0}
#review .review-options{flex:none;gap:8px;margin:8px 0;font-size:12px}
#review .review-options select{padding:8px 0;min-height:40px}
#review .review-options label{white-space:nowrap}
#review #review-card{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;border-radius:16px}
#review .review-study-card{min-height:100%;display:flex;flex-direction:column;margin:0;padding:16px 22px;animation:none;overflow:visible}
#review .review-study-card:before{display:none}
#review .review-subject{font-size:12px;color:var(--muted)}
#review .card-top{flex:none;min-height:32px}
#review .favorite{min-height:32px}
#review .review-prompt{flex:1;display:flex;flex-direction:column;justify-content:center;padding:18px 0}
#review .review-word-label{font-family:Georgia,serif;font-size:18px;color:var(--muted);margin-bottom:14px;overflow-wrap:anywhere}
#review .review-sentence{font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,4.8vw,32px);line-height:1.65;margin:0;overflow-wrap:anywhere}
#review .review-sentence mark{color:var(--green);background:#e5f1e9;border-radius:4px;text-decoration:underline;text-decoration-color:#83af9b;text-underline-offset:5px;padding:0 2px}
#review .review-word{font-family:Georgia,serif;font-size:clamp(34px,8vw,52px);font-weight:400;line-height:1.25;text-align:center;margin:12px 0;overflow-wrap:anywhere}
#review .review-answer{border-top:1px solid var(--line);padding:16px 0 4px;margin-top:10px;font-size:18px;line-height:1.7;overflow-wrap:anywhere}
#review .word.knowledge-title{font-size:20px;margin:12px 0;line-height:1.5}
#review .question-text{margin-bottom:12px}
#review .empty{margin:0;padding:28px 18px}
#review-actions{flex:0 0 auto;padding-top:10px}
#review-actions .review-primary-action{height:44px;margin-bottom:8px}
#review-actions .review-primary-action button{height:44px}
#review-actions .feedback{margin:0;gap:8px}
#review-actions .feedback button{min-height:50px;padding:12px 6px;font-size:15px}
#review-actions .feedback button:disabled{opacity:.38}
body.reviewing .bottom-nav{position:static;transform:none;flex:0 0 auto;width:min(520px,calc(100% - 32px));margin:12px auto 0;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;padding-bottom:max(6px,env(safe-area-inset-bottom))}
body.reviewing .bottom-nav button{min-height:44px;padding:8px;flex-direction:row;gap:8px}
body.reviewing #toast{bottom:180px;pointer-events:none}
#review-details{max-width:640px;padding:0 22px 22px}
#review-details .dialog-top{position:sticky;top:0;padding:16px 0;background:var(--paper);z-index:1;border-bottom:1px solid var(--line);margin-bottom:16px}
#review-details .meaning{font-size:18px}
@media(max-width:520px){
  body.reviewing .top{padding:8px 16px}
  body.reviewing main{padding:10px 16px 0}
  #review h1{font-size:22px}
  #review .review-study-card{padding:12px 18px}
  #review .review-prompt{padding:12px 0}
  #review .review-answer{font-size:17px;padding-top:12px}
  body.reviewing .bottom-nav{margin-top:8px}
  body.reviewing .bottom-nav button{font-size:12px}
}
@media(max-height:600px){
  body.reviewing .top{display:none}
  #review .review-options{margin:2px 0}
  #review-actions .feedback button{min-height:44px}
  body.reviewing .bottom-nav{margin-top:6px}
}

/* 复习全屏模式下隐藏追加在 main 里的设置面板，避免与复习内容重叠 */
body.reviewing main > .sync-panel{display:none}

/* 更多设置折叠卡：默认收起，收纳所有低频设置 */
.settings-card{margin:18px 0 0;border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:14px 16px}
.settings-card>summary{cursor:pointer;font-weight:600;font-size:15px;color:var(--ink);list-style:none;min-height:38px;padding-top:8px}
.settings-card>summary:before{content:'⚙ ';color:var(--muted)}
.settings-card .sync-panel{margin:14px 0 0;padding:0;border:0;border-radius:0}
.settings-card .backup-actions{margin-top:14px}
/* 复习全屏模式下隐藏设置卡，避免占用空间 */
body.reviewing .settings-card{display:none}