.study-mode-tabs { display:flex; align-items:center; gap:4px; border-bottom:1px solid #dfe3ec; margin:-4px 0 20px; overflow-x:auto; }
.study-mode-tabs button,.study-mode-tabs span { display:inline-flex; align-items:center; flex:none; min-height:44px; border:0; border-bottom:2px solid transparent; padding:9px 15px; color:#626c8a; background:transparent; font-size:14px; font-weight:700; white-space:nowrap; }
.study-mode-tabs button { cursor:pointer; }
.study-mode-tabs button:hover { color:#5740ae; }
.study-mode-tabs .active { border-bottom-color:#6852d4; color:#4934a1; }
body.flashcard-focus .study-mode-tabs { display:none; }
.expression-register { display:table; margin:0 0 12px; padding:5px 10px; border-radius:8px; background:#fff0e4; color:#873e16; font-size:13px; font-weight:700; }
.expression-study .review-exit { width:auto; min-height:44px; padding:8px 12px; font-size:14px; }
.expression-filters { display:flex; gap:8px; flex-wrap:wrap; }
.expression-filters button { min-height:44px; padding:10px 16px; border:1px solid var(--line); border-radius:24px; background:var(--paper); cursor:pointer; }
.expression-filters button[aria-pressed="true"] { background:var(--forest); color:white; border-color:var(--forest); }
.expression-progress { color:var(--muted); font-size:14px; line-height:1.7; }
.expression-card-wrap { max-width:780px; margin:24px auto; }
.expression-card { width:100%; min-height:280px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; padding:32px 24px; border:1px solid var(--line); border-radius:24px; background:var(--paper); box-shadow:var(--shadow); cursor:pointer; overflow-wrap:anywhere; }
.expression-card.is-revealed { background:var(--forest); color:white; }
.expression-card strong { font-family:Manrope,sans-serif; font-size:clamp(24px,4vw,38px); line-height:1.4; }
.expression-card span,.expression-card b { font-size:14px; line-height:1.5; }
.expression-audio { margin:14px 0; min-height:44px; }
.expression-context { border:1px solid var(--line); background:var(--paper); border-radius:18px; padding:8px 24px; margin-bottom:20px; }
.expression-context p { font-size:16px; line-height:1.65; }
.expression-context strong { display:block; color:var(--forest-2); font-size:14px; margin-bottom:4px; }
.expression-save { min-height:24px; color:var(--forest); font-size:14px; }
.expression-study button:focus-visible,.study-mode-tabs button:focus-visible { outline:3px solid var(--orange); outline-offset:4px; }
.expression-study button:disabled { opacity:.55; cursor:wait; }
.expression-study .round-control { display:inline-flex; align-items:center; justify-content:center; width:48px; flex-shrink:0; }
@media (max-width:600px) { .expression-study .card-controls { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; } .expression-study .card-controls button { min-height:48px; padding:10px 12px; } .expression-card { padding:24px 16px; } }