.fraction-page .hero { max-width: 760px; }
.fraction-page .hero-badge { color: #7dd3fc; }
.fraction-page .question-card { border-color: #2dd4bf; }
.fraction-page .answer-btn { min-height: 72px; font-size: 1.35rem; }
.fraction-page .answer-btn:hover { border-color: #2dd4bf; transform: translateY(-2px); }
.fraction-page .level-progress-fill { background: linear-gradient(90deg,#fb7185,#fbbf24,#34d399); }
.fraction-page .task-list-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.fraction-page .task-list-card { margin:0; }
.timed-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 22px; padding:16px 20px; border:1px solid rgba(45,212,191,.35); border-radius:18px; background:linear-gradient(110deg,rgba(14,116,144,.28),rgba(30,41,59,.8)); }
.timed-toolbar strong { display:block; font-size:1rem; color:#f8fafc; }
.timed-toolbar span { color:#a5b4fc; font-size:.88rem; }
.timed-score { display:flex; align-items:center; gap:16px; white-space:nowrap; }
.timed-score span { color:#cbd5e1; }
.timed-score b { color:#fbbf24; font-size:1.05rem; }
#timed-clock { min-width:54px; color:#67e8f9; font-variant-numeric:tabular-nums; font-weight:700; }
.timed-btn { border:0; border-radius:10px; padding:11px 16px; background:#f97316; color:#fff; font-weight:700; cursor:pointer; }
.timed-btn:hover { background:#fb923c; }
.timed-toolbar.is-running { box-shadow:0 0 0 2px rgba(251,191,36,.18), 0 10px 30px rgba(14,116,144,.22); }
@media (max-width:760px) { .timed-toolbar { align-items:flex-start; flex-wrap:wrap; } .timed-score { order:3; width:100%; justify-content:space-between; } }
@media (max-width: 760px) { .fraction-page .task-list-panel { grid-template-columns:1fr; } }