:root{color-scheme:dark}*{box-sizing:border-box}body{font-family:system-ui,sans-serif;margin:0;background:#0f172a;color:#f1f5f9}.page-center{display:flex;justify-content:center;align-items:center;min-height:100vh}.page{max-width:640px;margin:0 auto;padding:2rem 1.25rem 4rem}h1{font-size:1.75rem}a{color:#38bdf8;text-decoration:none}button{font:inherit;cursor:pointer;border:none;border-radius:.5rem;padding:.6rem 1.1rem;background:#1e293b;color:#f1f5f9}button:hover{background:#334155}button.primary{background:#38bdf8;color:#0f172a;font-weight:600}button.primary:hover{background:#7dd3fc}input{font:inherit;padding:.6rem .8rem;border-radius:.5rem;border:1px solid #334155;background:#1e293b;color:#f1f5f9}.card-box{background:#1e293b;border-radius:.75rem;padding:2.5rem 1.5rem;text-align:center;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:.5rem;cursor:pointer}.card-box .it{font-size:1.75rem;font-weight:600}.card-box .de{font-size:1.25rem;color:#94a3b8}.card-box .example{font-size:.95rem;color:#64748b;font-style:italic;margin-top:.5rem}.grade-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:1.5rem}.grade-buttons button{padding:.8rem .4rem}.streak-badge{display:inline-flex;align-items:center;gap:.4rem;background:#1e293b;border-radius:999px;padding:.3rem .8rem;font-size:.9rem}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.nav-links{display:flex;gap:1rem;margin-top:2rem;font-size:.95rem}.task-card{background:#1e293b;border-radius:.75rem;padding:1.25rem;margin-bottom:1rem}.task-card h3{margin:0 0 .4rem}.task-card p{margin:0;color:#94a3b8}.markdown h1{font-size:1.4rem}.markdown table{width:100%;border-collapse:collapse;margin:1rem 0}.markdown th,.markdown td{border:1px solid #334155;padding:.4rem .6rem;text-align:left}.markdown code{background:#1e293b;padding:.1rem .35rem;border-radius:.3rem}.vocab-list{list-style:none;padding:0}.vocab-list li{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid #1e293b}.vocab-list .it{font-weight:600}.vocab-list .de{color:#94a3b8}.progress-bar{height:.5rem;background:#1e293b;border-radius:999px;overflow:hidden;margin:.5rem 0 1.5rem}.progress-bar>div{height:100%;background:#38bdf8}