:root{color:#1f2933;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:#f5f7fa;margin:0}.app{max-width:720px;margin:0 auto;padding:12px 16px 80px}header{justify-content:space-between;align-items:baseline;padding:8px 0;display:flex}.fraco{color:#52606d;font-size:14px}nav{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e2ec;border-radius:8px;min-height:44px;padding:0 14px}nav button.ativo{color:#fff;background:#0b6bcb;border-color:#0b6bcb}section{background:#fff;border-radius:12px;gap:12px;padding:16px;display:grid}label{gap:4px;font-weight:600;display:grid}input,textarea,select{font:inherit;border:1px solid #d9e2ec;border-radius:8px;min-height:44px;padding:0 10px}textarea{min-height:80px;padding:8px 10px}.grade{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px;display:grid}.grade button{min-height:40px;padding:0}.grade button.escolhido{color:#fff;background:#0b6bcb}.teclado{grid-template-columns:repeat(3,64px);gap:8px;display:grid}dialog{border:0;border-radius:12px;padding:20px}dialog::backdrop{background:#00000080}