#tasks { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .5rem; margin-top: 1rem; }
.task { background: var(--surface); border: 1px solid var(--border); padding: .5rem .75rem; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; font-size: 1.05rem; break-inside: avoid; }
.expression { font-family: ui-monospace, monospace; }
.task input { width: 5.5rem; min-height: 34px; border: 1px solid var(--border); border-radius: 6px; padding: .3rem; background: var(--bg); color: var(--text); }
.result { min-width: 1.2rem; font-weight: 700; }
.result[data-status="correct"] { color: #18743e; }
.result[data-status="incorrect"] { color: #b12638; }
:root[data-theme="dark"] .result[data-status="correct"] { color: #84e7ae; }
:root[data-theme="dark"] .result[data-status="incorrect"] { color: #ff99a9; }
.paper-answer { display: none; }
@media print {
  #tasks { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 1rem; }
  .task { background: white; color: black; border: 1px solid #aaa; border-radius: 5px; padding: 10px 6px; font-size: 11px; gap: 4px; }
  .task input, .result { display: none; }
  .paper-answer { display: inline-block; width: 2.5rem; border-bottom: 1px solid #555; height: 1em; }
}